*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:var(--fs-4)/var(--lh-body) var(--sans)}
h1{font-size:var(--fs-6);line-height:var(--lh-tight);margin:0 0 var(--sp-3)}
a{color:var(--oxide)}a:hover{color:var(--oxide-ink)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.skip-link{position:absolute;left:var(--sp-4);top:-100px;background:var(--paper-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);z-index:var(--z-nav)}
.skip-link:focus{top:var(--sp-2)}
.appbar{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--paper-2);border-bottom:1px solid var(--line)}
.appbar ul{display:flex;gap:var(--sp-4);list-style:none;margin:0;padding:0;flex-wrap:wrap}
.appbar a[aria-current]{font-weight:600;color:var(--ink)}
.logo-dark{display:none}
[data-theme="dark"] .logo-light{display:none}[data-theme="dark"] .logo-dark{display:inline}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-light{display:none}:root:not([data-theme="light"]) .logo-dark{display:inline}}
main{max-width:960px;margin:0 auto;padding:var(--sp-5) var(--sp-4)}
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-5)}
.narrow{max-width:420px;margin:var(--sp-6) auto}
.muted{color:var(--ink-3)}
.field{margin-bottom:var(--sp-4)}
label{display:block;font-size:var(--fs-3);font-weight:500;margin-bottom:var(--sp-1)}
input{width:100%;min-height:var(--control);padding:0 var(--sp-3);font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--ink-3);border-radius:var(--r-2)}
input[aria-invalid="true"]{border-color:var(--oxide)}
.field-error{color:var(--oxide);font-size:var(--fs-2);margin:var(--sp-1) 0 0;min-height:0}
.field-error:empty{display:none}
button,.button{display:inline-block;min-height:var(--tap);padding:0 var(--sp-5);font:inherit;font-weight:500;color:var(--paper-2);background:var(--ink);border:1px solid var(--ink);border-radius:var(--r-2);cursor:pointer;text-decoration:none;line-height:calc(var(--tap) - 2px)}
button:hover,.button:hover{background:var(--ink-2);color:var(--paper-2)}
button.secondary{background:transparent;color:var(--ink)}
button.secondary:hover{background:var(--paper-3)}
.note{font-size:var(--fs-2);color:var(--warn)}
table{width:100%;border-collapse:collapse;background:var(--paper-2);border:1px solid var(--line);margin-bottom:var(--sp-4)}
th,td{text-align:start;padding:var(--sp-3);border-bottom:1px solid var(--line)}
thead th{font-size:var(--fs-2);color:var(--ink-3);text-transform:uppercase;letter-spacing:var(--track-eyebrow);background:var(--paper-3)}
.chip{display:inline-block;padding:2px var(--sp-2);font-size:var(--fs-2);border-radius:var(--r-1);background:var(--paper-3);color:var(--ink-2)}
.chip-active{background:var(--pass-tint);color:var(--pass)}
.chip-trial{background:var(--paper-3);color:var(--ink-2)}
.chip-lapsed,.chip-inactive{background:var(--warn-tint);color:var(--warn)}
.empty{padding:var(--sp-6) var(--sp-4);text-align:center;border:1px dashed var(--line);border-radius:var(--r-2);margin-bottom:var(--sp-4)}
/* US1: connect and posture (T040, T041) */
.page-head{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-4)}
.page-head h1{margin:0}
.row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-4)}
.counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-3);list-style:none;margin:0 0 var(--sp-5);padding:0}
.counts li{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column}
.counts [data-count]{font-size:var(--fs-6);font-weight:600;line-height:var(--lh-tight)}
.counts .label{font-size:var(--fs-2);color:var(--ink-3);text-transform:uppercase;letter-spacing:var(--track-eyebrow)}
.counts[data-stale="true"]{opacity:.7}
.chip-pass,.chip-healthy{background:var(--pass-tint);color:var(--pass)}
.chip-fail,.chip-failed{background:var(--oxide-tint);color:var(--oxide)}
.chip-not_evaluated,.chip-unverified,.chip-stale,.chip-coming-soon{background:var(--warn-tint);color:var(--warn)}
.chip-not_applicable{background:var(--paper-3);color:var(--ink-2)}
.stale-note{background:var(--warn-tint);color:var(--warn);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-2);margin-bottom:var(--sp-4)}
.num{text-align:end;font-variant-numeric:tabular-nums}
.step{margin-bottom:var(--sp-5)}
.step h2{font-size:var(--fs-5);margin:0 0 var(--sp-2)}
.copy-field{display:flex;gap:var(--sp-2);align-items:center}
.copy-field input{font-family:var(--mono);flex:1}
pre{background:var(--paper-3);padding:var(--sp-3);overflow-x:auto;border-radius:var(--r-2);font-family:var(--mono);font-size:var(--fs-3);margin:var(--sp-2) 0}
fieldset.pills{border:0;padding:0;margin:0 0 var(--sp-4)}
fieldset.pills legend{font-size:var(--fs-3);font-weight:500;margin-bottom:var(--sp-1)}
.pills .pill{display:inline-block;margin:0 var(--sp-2) var(--sp-2) 0}
.pill input{position:absolute;opacity:0;width:1px;height:1px}
.pill span{display:inline-block;min-height:var(--tap);line-height:calc(var(--tap) - 2px);padding:0 var(--sp-4);border:1px solid var(--ink-3);border-radius:var(--r-2);cursor:pointer;font-size:var(--fs-3);font-family:var(--mono)}
.pill input:checked+span{background:var(--ink);color:var(--paper-2);border-color:var(--ink)}
.pill input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.cap-refusal{background:var(--oxide-tint);color:var(--oxide);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-2);margin-bottom:var(--sp-4)}
@media (max-width:767px){
  table.stack thead{position:absolute;left:-9999px}
  table.stack tr{display:block;border-bottom:1px solid var(--line);padding:var(--sp-2) 0}
  table.stack td,table.stack th{display:flex;justify-content:space-between;border:0;padding:var(--sp-1) var(--sp-3)}
  table.stack td[data-label]::before{content:attr(data-label);color:var(--ink-3)}
}