/* start-here.html and docs.html fixes, CSS only (Designer, 21 Oct 2026). Layer to include AFTER the page CSS. Prepared from AUDIT.md; not applied anywhere. The live rules are !important at id-level specificity (`html body .main > .wrap.ov.doc:not(#t2x)`), so these carry two :not(#id) terms and !important. */
/* P1 gutters + P5 title gap: the container is .wrap.ov.doc (max-width 1440px, left aligned, 32px padding, 36px top); start-here nests a second .wrap inside the first and doubles the padding */
html:root body .main > .wrap.ov.doc:not(#t2x):not(#f4){max-width:137.5rem!important;margin-left:0!important;margin-right:0!important;padding-top:1rem!important;padding-left:clamp(1.5rem,2vw,3rem)!important;padding-right:clamp(1.5rem,2vw,3rem)!important}
html:root body .main .wrap.ov.doc .wrap.ov.doc:not(#t2x):not(#f4){max-width:none!important;padding-top:0!important;padding-left:0!important;padding-right:0!important}
/* P4 tap height: the step-card links and the "Where to go for what" list links */
html:root body .setup-grid a,html:root body .setup-menu dt a{display:inline-flex;align-items:center;min-height:2.75rem}
/* P6 the 11px label above the connection URL */
html:root body .urlbox span{font-size:.75rem}
@media(max-width:54em){
  html:root body .main > .wrap.ov.doc:not(#t2x):not(#f4){padding-left:1rem!important;padding-right:1rem!important}
  /* P3 diagram text: the phone diagram is drawn at 0.91 scale, so 12 and 12.5 units render at 10.9 and 11.4px */
  html:root body figure.pic svg .pc1p-l1p-num,html:root body figure.pic svg .pc1p-l1p-sub{font-size:13.5px}
}