.pg { max-width: 62rem; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
.pg h1 { margin: 0.5rem 0 0.75rem; }
.pg h2 { margin: 2.5rem 0 0.75rem; }
.chooser { display: grid; gap: 1.5rem; margin: 2rem 0; }
.chooser fieldset { border: 0; padding: 0; margin: 0; }
.chooser legend { font-weight: 700; padding: 0 0 0.5rem; }
.opts { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.opt { position: relative; }
.opt input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.opt span { display: block; padding: 0.5rem 1rem; border: 1px solid rgba(127, 127, 127, 0.5); border-radius: 999px; font-size: 0.95rem; }
.opt input:checked + span { border-color: currentColor; font-weight: 600; box-shadow: inset 0 0 0 1px currentColor; }
.opt input:focus-visible + span { outline: 2px solid currentColor; outline-offset: 2px; }
.sty-card__note { display: block; font-size: 0.88rem; opacity: 0.75; }
.cmp { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.cmp th, .cmp td { text-align: start; vertical-align: top; padding: 0.6rem 0.8rem 0.6rem 0; border-bottom: 1px solid rgba(127, 127, 127, 0.25); }
.cmp th[scope="row"] { font-weight: 600; width: 28%; }
.cmp td:nth-child(2) { width: 30%; opacity: 0.85; }
.notcov { display: grid; gap: 0.75rem; margin: 1rem 0 0; }
.notcov dt { font-weight: 600; }
.notcov dd { margin: 0.15rem 0 0; opacity: 0.85; }
.faq p { max-width: 54rem; }
.faq p strong:first-child { display: block; font-size: 1.05rem; margin-top: 1.75rem; }
.faq p:first-of-type strong:first-child { margin-top: 0; }
.faq code { font-size: 0.92em; padding: 0.1em 0.3em; border-radius: 4px; background: rgba(127, 127, 127, 0.15); }
.rel { border-top: 1px solid rgba(127, 127, 127, 0.3); padding-top: 1rem; margin-top: 1.5rem; scroll-margin-top: 1rem; }
.rel h2 { margin: 0 0 0.5rem; font-variant-numeric: tabular-nums; }
@media (max-width: 45rem) {
  .cmp, .cmp thead, .cmp tbody, .cmp tr, .cmp th, .cmp td { display: block; }
  .cmp thead { display: none; }
  .cmp tr { border-bottom: 1px solid rgba(127, 127, 127, 0.3); padding: 0.5rem 0; }
  .cmp th, .cmp td { width: auto !important; border: 0; padding: 0.15rem 0; }
}
