*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,input,select,textarea{border-radius:9px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(36px,5.2vw,64px);font-weight:600;line-height:1.09;letter-spacing:-.045em;margin-bottom:24px}h2{font-size:36px;line-height:1.18;letter-spacing:-.035em;font-weight:580}h3{font-size:23px;line-height:1.32;letter-spacing:-.02em}h4{font-size:17px}h1 em{font-style:normal;color:var(--teal)}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.eyebrow{display:block;font-size:11px;letter-spacing:.14em;font-weight:750;line-height:1.6;color:var(--muted)}.micro{font-size:12px;line-height:1.75;color:var(--muted)}.lead{font-size:18px;line-height:1.7;color:var(--muted)}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);max-width:1440px;margin:auto}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:780;letter-spacing:-.02em;line-height:1.1}.brand img{object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:.27em;margin-top:9px;font-weight:650;color:var(--muted)}header nav{display:flex;align-items:center;gap:32px}header nav a{font-size:14px;text-decoration:none;font-weight:600}header nav a:last-child{padding:10px 18px;border:1px solid var(--line-strong);border-radius:30px}#saved-count{margin-left:8px}.menu{display:none;border:0;background:none;min-height:44px;padding:8px 0;color:var(--ink)}#mobile-nav{padding:16px 20px;border-bottom:1px solid var(--line)}#mobile-nav a{display:block;padding:11px 0;text-decoration:none}.skip{position:absolute;top:-90px;left:20px;padding:15px;background:var(--ink);color:var(--surface);z-index:20}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:50px;padding:64px 0 56px;align-items:center}.hero h1{margin:20px 0 24px;font-size:clamp(44px,5.1vw,66px)}.hero .lead{font-size:18px}.home-search{margin:28px 0 16px}.home-search>div{display:flex;gap:10px;margin-top:8px}.home-search select{min-width:0;flex:1}.home-search .button{white-space:nowrap}.hero .micro{margin:21px 0 0}.text-link{font-size:14px;font-weight:650;text-decoration:none;border-bottom:1px solid #93b9bf;padding-bottom:4px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 19px;min-height:48px;border:1px solid transparent;border-radius:8px;text-decoration:none;font-size:14px;font-weight:620;line-height:1.4}.primary{background:var(--ink);color:var(--surface)}.primary:hover{background:var(--muted)}.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.quiet{background:transparent;border-color:var(--line);color:var(--ink)}.text-button{border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:4px;padding:10px 8px;min-height:44px;font-size:14px}.hero-panel{border-radius:24px 24px 80px 24px;background:var(--pale);min-height:430px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-panel .eyebrow{font-size:9px}.desk-art{margin:28px 0 14px}.screens{display:flex;gap:15px;align-items:flex-end}.screen{background:var(--ink);border-radius:9px;width:50%;height:146px;padding:9px;position:relative}.screen i{display:block;width:100%;height:108px;background:linear-gradient(125deg,#5aa2a0,var(--line-strong));border-radius:3px}.screen i:after{content:'';display:block;position:relative;left:15%;top:18%;width:45%;height:65%;background:#eff6eb9c;border-radius:4px}.screen.second{margin-bottom:20px}.screen.second i{background:var(--line-strong)}.screen.second i:after{width:65%;height:16%;top:24%;background:#669e9a;box-shadow:0 24px 0 #92bbb0}.screen span{display:block;color:var(--pale);font-size:8px;letter-spacing:.15em;text-align:center;line-height:25px}.wires{height:45px;display:flex;justify-content:space-around;width:80%;margin:auto}.wires span{width:40%;height:35px;border:2px dashed #087f8380;border-top:0;border-radius:0 0 10px 10px}.laptop{margin:auto;width:160px;height:76px;border:7px solid var(--ink);border-bottom-width:12px;background:var(--pale);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center}.laptop b{font-size:10px;letter-spacing:.09em}.laptop span{font-size:8px;margin-top:4px}.art-check{font-size:11px;color:var(--muted);text-align:center}.dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:7px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.principles>div{display:flex;gap:15px;align-items:center}.principles>div>span{font-size:10px;line-height:26px;width:28px;height:28px;border:1px solid var(--line-strong);border-radius:50%;text-align:center;flex-shrink:0;color:#587d86}.principles p{font-size:12px;color:var(--muted);margin:0}.principles strong{display:block;color:var(--ink);font-size:13px}.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:28px}.section-head .eyebrow{margin-bottom:12px}.section-head h2{margin:0}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.setup-card{background:var(--pale);border:1px solid var(--line-strong);border-radius:12px;padding:28px;text-decoration:none}.setup-card .eyebrow{font-size:9px}.setup-card h3{margin-top:30px;font-size:25px}.setup-card p{font-size:14px;color:var(--muted)}.setup-card>span:last-child{display:block;margin-top:22px;font-size:13px;font-weight:650}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.guide-card{display:flex;flex-direction:column;padding:26px 22px;border:1px solid var(--line);background:var(--surface);border-radius:12px;text-decoration:none;transition:transform .18s}.guide-card:hover{transform:translateY(-3px)}.guide-card .eyebrow{font-size:9px}.guide-card h3{font-size:23px;font-weight:580;margin:30px 0 17px}.guide-card p{font-size:13px;line-height:1.8;color:var(--muted)}.card-foot{display:flex;justify-content:space-between;margin-top:auto;padding-top:15px;font-size:12px}.method-band{background:var(--pale);border-top:1px solid var(--line);padding:56px 0}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.method-band .eyebrow{margin-bottom:15px}.method-band p{font-size:17px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:38px max(40px,calc((100vw - 1200px)/2)) 25px;background:var(--pale)}.footer-top{display:flex;justify-content:space-between;gap:60px}.footer-top p{font-size:13px;margin-top:18px;color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 35px;align-content:start}.footer-links a{font-size:12px;text-decoration:none}.footer-bottom{border-top:1px solid var(--line-strong);margin-top:28px;padding-top:20px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.page-head{margin-bottom:35px}.page-head>.eyebrow{margin-bottom:18px}.page-head h1{max-width:850px}.page-head .lead{max-width:780px}.topic-nav{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.topic-nav a{background:var(--pale);border:1px solid var(--line);border-radius:40px;padding:9px 17px;text-decoration:none;font-size:13px}.finder-page{padding:44px 0 70px}.finder-page h1{font-size:48px}.finder-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:28px;align-items:start}#finder-form{background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:14px}.stepper{display:flex;list-style:none;gap:12px;justify-content:space-between;margin:0 0 35px;padding:0}.stepper button{display:flex;align-items:center;gap:8px;background:none;border:0;min-height:44px;font-size:12px;color:var(--muted);padding:5px}.stepper span{width:25px;height:25px;border-radius:50%;background:var(--pale);display:grid;place-items:center}.stepper [aria-current]{color:var(--ink);font-weight:700}.stepper [aria-current] span{background:var(--ink);color:var(--surface)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:25px;font-weight:600;letter-spacing:-.03em;margin-bottom:23px;padding:0;line-height:1.3;width:100%}label{display:block;font-size:13px;font-weight:600;line-height:1.5;color:var(--ink);min-width:0}input,select,textarea{width:100%;display:block;margin:8px 0 19px;padding:11px 12px;border:1px solid var(--line-strong);background:var(--surface);min-height:48px;color:var(--ink);font-size:15px;min-width:0;max-width:100%}select{padding-right:20px}input[type=checkbox]{width:19px;height:19px;min-height:19px;display:inline-block;margin:3px 10px 3px 0;flex-shrink:0;accent-color:var(--teal)}.check-label{display:flex;gap:4px;align-items:flex-start;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-actions{display:flex;justify-content:space-between;gap:14px;margin-top:25px}.form-actions .primary{margin-left:auto}.setup-summary{padding:25px;border-radius:13px;background:var(--pale);border:1px solid var(--line);position:sticky;top:24px}.setup-summary h3{font-size:22px;margin:20px 0}.setup-summary a{font-size:13px}.setup-summary .micro{margin:20px 0 0}dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:9px}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}.model-option{display:block;border:1px solid var(--line);background:var(--pale);margin-bottom:7px;padding:10px 13px;text-align:left;width:100%;min-height:44px;color:var(--ink)}.measurement{grid-column:1;margin:12px 0;font-size:13px}.measurement p{font-size:13px}.error{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:18px}.error:empty{display:none}.notice{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:10px;padding:18px;font-size:14px;line-height:1.7;margin-bottom:22px}.notice p:last-child{margin-bottom:0}.empty{text-align:center;background:var(--pale);border:1px dashed var(--line-strong);padding:45px 20px;border-radius:16px;margin-bottom:25px}#finder-result{padding-top:55px;scroll-margin-top:20px;outline:none}.result-path{border:1px solid var(--line-strong);border-radius:15px;padding:30px;background:white;margin-bottom:22px}.result-path.positive{border-top:4px solid var(--teal)}.result-path.caution{border-top:4px solid #ac803d}.result-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.badge{display:inline-block;background:var(--pale);color:var(--muted);border:1px solid var(--line-strong);padding:6px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.5}.caution .badge{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-line)}.result-path h3{font-size:28px;margin-bottom:10px}.result-path h4{margin-top:26px}.wiring-steps{padding-left:25px}.wiring-steps li{padding:7px 0 7px 6px;font-size:15px}.failure-list{background:var(--warn-bg);padding:20px 20px 20px 40px;border-radius:8px;color:var(--warn-ink)}.shopping{background:var(--pale);padding:22px;border-radius:10px;margin:24px 0;font-size:16px}.shopping p{font-size:14px;margin:8px 0 0;color:var(--muted)}details{border-top:1px solid var(--line);padding:10px 0;margin-top:12px}summary{cursor:pointer;font-size:14px;font-weight:650;min-height:44px;display:list-item;padding:11px 0}details p,details li{font-size:14px;line-height:1.7}details ul{padding-left:22px}.requirements li{padding-bottom:10px}.requirement-state{display:inline-block;min-width:72px;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.result-tools{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 12px}.feedback{margin:35px 0;border-top:1px solid var(--line);padding-top:28px}.feedback button{margin:0 8px 10px 0}.share-panel{max-width:740px}.share-panel .button{margin:18px 0}.saved-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:25px}.saved-card h2{font-size:25px;margin-top:20px}.saved-card p{font-size:13px}.saved-card .text-button{display:block}.article-head{padding:40px 0;max-width:1050px}.article-head h1{max-width:900px;font-size:52px}.article-head .lead{max-width:760px}.article-head>.eyebrow{margin-bottom:18px}.breadcrumb{display:block;font-size:12px;color:var(--muted);text-decoration:none;margin-bottom:38px}.article-layout{max-width:1050px;display:grid;grid-template-columns:205px minmax(0,1fr);gap:50px;padding-bottom:75px}.toc{display:flex;flex-direction:column;gap:15px;align-self:start;position:sticky;top:24px;padding-top:18px}.toc strong{font-size:10px;letter-spacing:.14em}.toc>a{font-size:12px;line-height:1.6;color:var(--muted);text-decoration:none}.toc>.button{font-size:12px;color:var(--ink);margin-top:13px}.answer-card{padding:27px;background:var(--pale);border-radius:13px;margin-bottom:30px}.answer-card p{font-size:17px;line-height:1.85;margin:15px 0}.article-body section{margin:35px 0}.article-body h2{font-size:28px;line-height:1.3}.article-body p,.article-body li,.prose p,.prose li{font-size:16px;line-height:1.85;color:var(--muted)}.article-body li,.prose li{margin-bottom:11px;padding-left:4px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:22px 0;max-width:100%}table{border-collapse:collapse;width:100%;min-width:480px;font-size:13px;line-height:1.7;background:var(--surface)}th,td{padding:15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:650;background:var(--pale)}tr:last-child td{border-bottom:0}.fact{padding:23px;border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:18px}.fact h3{font-size:17px;line-height:1.65;font-weight:600;letter-spacing:0}.fact-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.fact-top a{font-size:12px}.fact p,.article-body .fact p{font-size:13px;line-height:1.75;overflow-wrap:anywhere}.fact .micro,.article-body .fact .micro{font-size:11px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.evidence-grid .fact{margin:0}.article-end{background:var(--pale);border:1px solid var(--line);padding:26px;border-radius:12px}.article-end p{font-size:14px}.policy{max-width:820px;padding:60px 0 80px}.policy>.eyebrow{margin-bottom:20px}.policy .lead{margin-bottom:35px}.prose h2{font-size:28px;margin-top:35px}.path-diagram{background:var(--pale);border:1px solid var(--line);border-radius:12px;margin:30px 0;padding:24px;text-align:center;font-size:13px}.path-diagram figcaption{font-weight:650;font-size:12px;margin-bottom:22px}.path-host,.path-dock{display:inline-block;max-width:100%;border:2px solid var(--muted);background:var(--surface);padding:12px 18px;border-radius:7px;font-weight:600}.path-cable{font-size:12px!important;margin:8px 0!important}.diagram-branches{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.diagram-branches>div{border-top:2px dashed #6a9ca2;padding-top:14px}.diagram-branches span{display:block;font-size:11px;color:var(--muted)}.diagram-branches strong{display:block;border:2px solid var(--ink);background:var(--surface);padding:13px 5px;border-radius:6px;margin-top:12px;font-size:12px}.path-diagram>p:last-child{font-size:11px;margin:20px 0 0}.connection-line{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--pale);padding:20px;border:1px solid var(--line);border-radius:10px}.connection-line>*{padding:12px;border-bottom:2px solid #88aeb8;font-size:13px}.dock-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.dock-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px}.dock-card h2{font-size:28px;margin-top:23px}.dock-card h2 a{text-decoration:none}.dock-card p{font-size:15px;line-height:1.8}.compare-select{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.compare-select label{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:15px;background:var(--surface)}.honeypot{position:absolute;left:-10000px}.admin{min-height:65vh}#admin-login{max-width:520px}#admin-login form{background:var(--surface);padding:25px;border:1px solid var(--line);border-radius:12px}.admin-toolbar{display:flex;gap:15px;justify-content:flex-end}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.admin-tabs button{padding:12px 17px;border:1px solid var(--line);background:white;min-height:44px;color:var(--ink)}.admin-tabs button.active{background:var(--ink);color:white}.admin-card{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.admin-card h2{font-size:26px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.metric{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--surface)}.metric strong{display:block;font-size:35px}.metric span{font-size:12px;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--pale);border-radius:9px;padding:18px;font-size:12px;max-height:450px;overflow:auto}.json-editor{font-family:ui-monospace,monospace;font-size:13px;min-height:420px}.enrollment-secret{font-family:ui-monospace,monospace;overflow-wrap:anywhere;padding:18px;background:var(--pale)}#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--surface);padding:14px 20px;border-radius:10px;font-size:13px;line-height:1.6;max-width:calc(100vw - 32px);width:max-content;z-index:30;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.hero{gap:28px}.hero h1{font-size:52px}.home-search>div{display:block}.home-search select{width:100%;margin-bottom:10px}.home-search .button{width:100%}.guide-grid{grid-template-columns:1fr 1fr}.footer-links{grid-template-columns:1fr 1fr}.three-grid{gap:15px}.setup-card{padding:23px}.setup-card h3{font-size:23px}.finder-layout{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)}.stepper{gap:3px}.stepper button{font-size:11px;gap:5px}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}header{height:78px;padding:0 20px}.brand{font-size:17px;gap:8px}.brand img{width:42px;height:42px}.brand small{font-size:7px;letter-spacing:.22em;margin-top:7px}header nav{display:none}.menu{display:block;font-size:13px}h1{font-size:43px}h2{font-size:31px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:34px 0}.hero h1{font-size:48px;letter-spacing:-.048em;margin:17px 0 19px}.hero .eyebrow{font-size:9px}.hero .lead{font-size:16px}.home-search{margin:20px 0 15px}.home-search label{font-size:12px}.home-search select{font-size:16px}.home-search .button{min-height:49px}.hero .micro{font-size:11px;margin-top:16px}.hero-panel{min-height:300px;padding:22px 25px;border-radius:18px 18px 55px 18px}.desk-art{margin:18px 0}.screen{height:115px}.screen i{height:80px}.screen span{font-size:7px;line-height:20px}.laptop{width:145px;height:65px}.wires{height:37px}.hero-panel .eyebrow{font-size:8px}.art-check{font-size:10px}.principles{grid-template-columns:1fr;gap:17px;padding:23px 0}.principles strong{display:inline;margin-right:6px}.principles p{font-size:12px}.section{padding:42px 0}.section-head{display:block;margin-bottom:25px}.section-head h2{margin-bottom:20px}.section-head .eyebrow{font-size:9px}.three-grid,.guide-grid,.two-grid,.dock-grid,.evidence-grid{grid-template-columns:1fr}.setup-card{padding:25px}.setup-card h3{font-size:26px;margin-top:23px}.guide-card{padding:24px}.guide-card h3{font-size:27px;margin-top:22px}.guide-card p{font-size:14px}.method-band{padding:39px 0}.two-grid{gap:0}.method-band h2{font-size:31px}.method-band p{font-size:16px}.footer-top{display:block}footer{padding:30px 20px 23px}.footer-links{margin-top:25px;gap:16px}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin-top:8px}.lead{font-size:16px}.finder-page{padding:32px 0 50px}.finder-page h1{font-size:42px}.finder-layout{display:flex;flex-direction:column;gap:18px}.finder-layout>*{width:100%}#finder-form{padding:20px 17px}.stepper{margin-bottom:25px;gap:0}.stepper button{display:flex;flex-direction:column;gap:5px;font-size:10px;padding:4px 2px}.stepper span{width:25px;height:25px}.stepper li{flex:1}.stepper button{width:100%}legend{font-size:23px}.form-grid{grid-template-columns:1fr}input,select,textarea{font-size:16px;min-height:49px}.form-actions .button{font-size:13px;padding:12px 14px}.setup-summary{position:static;padding:20px}.setup-summary h3{margin:14px 0;font-size:22px}.setup-summary .eyebrow{font-size:9px}dl{font-size:13px}.result-path{padding:22px 18px}.result-path h3{font-size:25px}.result-top{display:block}.result-top>.micro{display:block;margin-top:10px}.wiring-steps li{font-size:15px}.result-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-tools .button{font-size:12px;padding:12px 10px}.result-tools .text-button{font-size:12px}.feedback .button{font-size:12px}.shopping{padding:18px}.article-head{padding:29px 0}.article-head h1{font-size:39px;line-height:1.13}.article-head .micro{font-size:11px}.breadcrumb{font-size:11px;margin-bottom:30px}.article-layout{display:block;padding-bottom:45px}.toc{position:static;background:var(--pale);padding:20px;border:1px solid var(--line);border-radius:10px;margin-bottom:25px;gap:12px}.toc .button{align-self:flex-start}.answer-card{padding:22px 20px}.answer-card p{font-size:16px}.article-body p,.article-body li,.prose p,.prose li{font-size:16px;line-height:1.8}.article-body h2{font-size:27px}.fact{padding:19px}.fact-top{gap:9px}.fact h3{font-size:16px}.fact-top .badge{font-size:9px}.policy{padding:39px 0 55px}.policy h1{font-size:39px}.path-diagram{padding:18px 12px;margin:25px 0}.diagram-branches{gap:10px}.diagram-branches strong{font-size:10px;padding:10px 3px}.diagram-branches span{font-size:10px}.path-host,.path-dock{font-size:12px}.connection-line{grid-template-columns:1fr}.dock-card{padding:24px}.dock-card h2{font-size:27px}.compare-select{grid-template-columns:1fr}.compare-select label{font-size:14px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric strong{font-size:28px}.admin-tabs{gap:6px}.admin-tabs button{font-size:12px;padding:10px}.admin-card{padding:19px}.admin-card h2{font-size:23px}#admin-login form{padding:19px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}header{padding:0 16px}.hero h1{font-size:42px}.brand{font-size:15px}.brand img{width:36px;height:36px}.hero .eyebrow{font-size:8px}.result-tools{grid-template-columns:1fr}.article-head h1{font-size:35px}.form-actions{gap:8px}.badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{header,footer,.toc,.result-tools,.feedback,.share-panel,.measurement,.finder-layout,.page-head,.menu,#toast,.hero-panel{display:none!important}.wrap{width:100%}#finder-result{display:block!important;padding:0}.article-layout{display:block}.result-path,.fact,.path-diagram{break-inside:avoid}body{background:var(--surface)}.result-path details{display:block}h1{font-size:32px}}
/* Launch usability: meaningful scope, readable narrow layouts and comparison access. */
.scope-note{max-width:760px;padding:14px 18px;border-left:3px solid var(--teal);background:var(--pale);font-size:14px;line-height:1.7}.article-body,.article-head,.toc,.policy,.dock-card{min-width:0;overflow-wrap:break-word}.table-wrap:focus-visible{outline-offset:2px}.table-wrap table caption{text-align:left;padding:16px;font-weight:650}.table-wrap a{overflow-wrap:anywhere}.article-body .article-end h2{font-size:25px}.article-end .button{margin:6px 8px 6px 0}.compare-hint{font-size:13px;color:var(--muted)}#compare-form{max-width:920px}#comparison{scroll-margin-top:24px}#comparison table{table-layout:fixed;min-width:640px}#comparison th:first-child{width:150px}.article-body section[id],.fact[id]{scroll-margin-top:24px}
@media(max-width:768px){.scope-note{font-size:13px;padding:12px 14px}.article-end .button{display:flex;margin-right:0}.article-head h1{overflow-wrap:break-word}#comparison th,#comparison td{padding:12px}#comparison th:first-child{width:125px}.toc>a,.footer-links>a{min-height:32px;display:flex;align-items:center}.table-wrap{position:relative}.stepper button{min-height:54px}}

/* Optional analytics preferences, also available from the footer. */
.analytics-consent{position:fixed;bottom:16px;left:16px;right:16px;z-index:1000;max-width:540px;padding:20px;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 8px 32px #142e4033;max-height:75vh;overflow:auto}.analytics-consent[hidden]{display:none}.analytics-consent p{font-size:14px;line-height:1.5;margin:8px 0 14px}.analytics-consent>div{display:flex;gap:10px;flex-wrap:wrap}.analytics-consent .button{background:var(--ink);color:var(--surface);border:1px solid var(--ink);cursor:pointer}.analytics-consent a{color:var(--muted)}#analytics-settings{margin-top:16px}.connection-visual{margin:30px 0}.connection-visual img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:var(--pale)}.connection-visual figcaption{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.6}

/* Article media must fit without inline styles, which our CSP blocks. */
.article-body figure{max-width:100%;margin:30px 0}
.article-body img{display:block;max-width:100%;height:auto}

/* September content and accessibility improvements. */
:root{--teal:var(--muted);--muted:var(--muted)}.principles>div>span{color:var(--muted)}.art-check{color:var(--muted)}.hero-panel .eyebrow{color:var(--muted)}.brand:focus-visible{outline-offset:8px}.related-guides{padding:24px;background:var(--pale);border:1px solid var(--line-strong);border-radius:12px}.related-guides ul{padding-left:22px}.related-guides li{margin-bottom:16px}.related-guides li:last-child{margin-bottom:0}.related-guides li p{font-size:13px;margin:5px 0 0}.hub-intro{max-width:1000px;margin:32px 0}.hub-intro p{max-width:900px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.decision-grid>div{border:1px solid var(--line-strong);padding:20px;border-radius:12px;background:var(--pale)}.decision-grid h2{font-size:22px}.port-schematic{margin:30px 0;padding:24px;border:1px solid var(--line-strong);border-radius:12px;background:var(--pale)}.port-schematic figcaption{font-weight:650;font-size:15px}.port-schematic ol{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;counter-reset:port;padding:0;margin:20px 0}.port-schematic li{counter-increment:port;background:var(--surface);border:2px solid var(--muted);border-radius:8px;padding:12px;font-size:13px}.port-schematic li:before{content:counter(port) '. ';font-weight:750}.source-health li{font-size:12px;overflow-wrap:anywhere}.finder-modes{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.finder-modes button[aria-pressed=true]{background:var(--ink);color:var(--surface)}#quick-finder-form{padding:26px;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;max-width:820px}#finder-more-detail{margin:18px 0}.guide-grid{align-items:stretch}.prose a,.article-body a{text-decoration-thickness:1px}.table-wrap{scrollbar-gutter:stable}@media(max-width:768px){.decision-grid,.port-schematic ol{grid-template-columns:1fr}.port-schematic{padding:19px}.related-guides{padding:20px}.hub-intro{margin:25px 0}.finder-modes button{flex:1;min-height:48px}#quick-finder-form{padding:20px}.footer-links a{min-height:36px}}
.related-wrap{padding-bottom:24px}.related-links{padding:32px 0;border-top:1px solid var(--line-strong)}.related-links ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 28px;padding-left:18px}.related-links h2{font-size:24px}
.notfound-hubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding-left:18px}
/* ===== NYBreaking design system v2 ===== */
:root{--bg:#fbfcfc;--surface:#fff;--pale:#f1f5f6;--line:#e1e8eb;--line-strong:#c9d6db;--ink:#0e1d29;--muted:#4b5f6c;--accent:#0a7377;--accent-strong:#075a5d;--accent-soft:#e3f2f1;--on-accent:#fff;--warn-ink:#7a4a0e;--warn-bg:#fff5e6;--warn-line:#efd9b0;--ok:#16794a;--paper:var(--bg);--white:var(--surface);--teal:var(--accent);
--r-sm:8px;--r:14px;--r-lg:22px;--shadow:0 1px 2px rgba(14,29,41,.05),0 8px 24px -12px rgba(14,29,41,.14);--shadow-lg:0 24px 48px -20px rgba(14,29,41,.28);
--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#0a1117;--surface:#111b23;--pale:#16232d;--line:#22323e;--line-strong:#2f4452;--ink:#e6eef2;--muted:#a3b5c0;--accent:#4cc9c0;--accent-strong:#7fdcd5;--accent-soft:#12302f;--on-accent:#06201f;--warn-ink:#f3c98a;--warn-bg:#2a2012;--warn-line:#5a4421;--ok:#58c98d;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);--shadow-lg:0 24px 48px -20px rgba(0,0,0,.7)}
 img[src$=".svg"]{background:#f4f7f8;border-radius:var(--r-sm)}}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.65;text-rendering:optimizeLegibility}
a{color:inherit}main a:not(.button):not(.guide-card):not(.setup-card):not(.dock-card):not(.text-link){color:var(--accent-strong);text-decoration-thickness:1px;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
h1{font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}
h2{font-size:clamp(1.45rem,2.4vw,1.95rem);font-weight:680;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}
h3{font-size:1.18rem;font-weight:650;letter-spacing:-.012em;line-height:1.35}
.eyebrow{color:var(--accent-strong);font-size:.72rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase}
.lead{color:var(--muted);font-size:1.12rem;max-width:62ch}.micro{color:var(--muted);font-size:.8rem}
.wrap{width:min(1180px,calc(100% - 48px))}
/* buttons */
.button{border-radius:999px;min-height:46px;padding:11px 20px;font-weight:650;font-size:.92rem;gap:10px;transition:background .15s,border-color .15s,transform .15s}
.primary{background:var(--accent);color:var(--on-accent)!important;border-color:var(--accent)}.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.secondary,.quiet{background:var(--surface);color:var(--ink)!important;border-color:var(--line-strong)}.secondary:hover{border-color:var(--accent)}
.text-link{color:var(--accent-strong);border-bottom-color:currentColor}
input,select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);min-height:46px;padding:10px 12px;border-radius:var(--r-sm)}
/* header */
.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
header.site-header{height:auto;display:block;padding:0;max-width:none}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 48px));margin:auto;height:68px}
.brand{font-size:17px;gap:10px}.brand img{width:36px;height:36px}.brand small{font-size:7.5px;margin-top:5px}
@media (prefers-color-scheme:dark){.brand img{filter:invert(1) hue-rotate(180deg) brightness(1.15)}}
.main-nav{display:flex;align-items:center;gap:6px}header nav a:last-child{border:0;padding:0}
.main-nav>a,.mega>summary{font-size:.92rem;font-weight:600;text-decoration:none;padding:9px 12px;border-radius:999px;color:var(--ink)}
.main-nav>a:hover,.mega>summary:hover,.mega[open]>summary{background:var(--pale)}
.main-nav .nav-cta{padding:9px 18px;margin-left:8px;min-height:40px;color:var(--on-accent)}
.nav-saved #saved-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.75rem}
.mega{position:relative}.mega>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px}.mega>summary::-webkit-details-marker{display:none}
.mega[open] svg{transform:rotate(180deg)}
.mega-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:28px;padding:24px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);min-width:max-content}
.mega-hub{display:block;font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);text-decoration:none;margin-bottom:8px}
.mega-panel ul,#mobile-nav ul{list-style:none;margin:0;padding:0}.mega-panel li a{display:block;padding:6px 0;font-size:.94rem;text-decoration:none;color:var(--ink)}.mega-panel li a:hover{color:var(--accent-strong)}
.menu{display:none;align-items:center;gap:8px;font-weight:650;color:var(--ink)}
#mobile-nav{padding:12px 24px 24px;border-top:1px solid var(--line);background:var(--bg);max-height:calc(100vh - 68px);overflow:auto}
#mobile-nav .button{display:flex;margin:8px 0 16px}#mobile-nav .m-group{padding:10px 0;border-bottom:1px solid var(--line)}#mobile-nav li a,#mobile-nav>a:not(.button){display:block;padding:10px 0;min-height:44px}
@media (max-width:900px){.main-nav{display:none}.menu{display:inline-flex}.header-inner{height:60px;width:calc(100% - 32px)}.wrap{width:calc(100% - 32px)}}
/* hero / home */
.hero{grid-template-columns:1.1fr 1fr;padding:56px 0 40px;gap:48px}
.hero h1{font-size:clamp(2.4rem,5vw,4rem)}.hero h1 em{color:var(--accent)}
.home-search{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow);max-width:560px}
.home-search label{font-weight:650;font-size:.9rem}.home-search select{min-height:50px;font-size:1rem}.home-search .button{min-height:50px}
.hero-panel{background:linear-gradient(160deg,var(--accent-soft),var(--pale));border:1px solid var(--line);border-radius:var(--r-lg);min-height:380px}
.screen{background:var(--ink)}.principles{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:20px 24px;gap:24px}
.principles span{background:var(--accent-soft);color:var(--accent-strong);border:0}
.section{padding:56px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}
.three-grid,.guide-grid,.dock-grid{gap:16px}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.setup-card,.guide-card,.dock-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column;padding:22px}
.setup-card:hover,.guide-card:hover,.dock-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-lg)}
.guide-card h3{font-size:1.06rem;margin:8px 0}.guide-card p{color:var(--muted);font-size:.92rem;flex:1}.card-foot{color:var(--muted);font-size:.8rem;display:flex;justify-content:space-between}
.setup-card{background:linear-gradient(180deg,var(--surface),var(--pale))}
/* article template */
.article-head{padding:36px 0 8px;max-width:1180px}.article-head h1{max-width:22ch;margin:10px 0 14px}
.breadcrumb{font-size:.82rem;color:var(--muted)!important;text-decoration:none!important}.breadcrumb:hover{color:var(--accent-strong)!important}
.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start;padding-bottom:24px}
.toc{position:sticky;top:88px;background:transparent;border:0;border-left:2px solid var(--line);border-radius:0;padding:4px 0 4px 16px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 110px);overflow:auto}
.toc strong{font-size:.72rem;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}
.toc a{font-size:.88rem;text-decoration:none;color:var(--muted)!important;padding:5px 0;line-height:1.4}.toc a:hover{color:var(--accent-strong)!important}
.toc .button{margin-top:14px;color:var(--ink)!important;justify-content:center}
.article-body{max-width:740px;font-size:1.04rem}.article-body section{scroll-margin-top:88px}
.article-body h2{margin-top:44px}.article-body li{margin-bottom:6px}
.answer-card{position:relative;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--r);padding:22px 24px 18px 24px;box-shadow:none}
.answer-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:var(--accent)}
.answer-card p{font-size:1.1rem;line-height:1.6;margin:6px 0 10px;color:var(--ink)}
.notice{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--ink);border-radius:var(--r)}
.table-wrap,.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin:20px 0}
table{border-collapse:collapse;width:100%;font-size:.92rem}th{background:var(--pale);text-align:left;font-weight:650;color:var(--ink)}th,td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in srgb,var(--accent-soft) 45%,transparent)}
details{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:0 16px;margin:10px 0}details>summary{cursor:pointer;font-weight:650;padding:14px 0;min-height:44px}details[open]>summary{border-bottom:1px solid var(--line);margin-bottom:10px}
.mega,.mega[open]{border:0;background:none;padding:0;margin:0}.mega>summary,.mega[open]>summary{border:0;margin:0;min-height:0}
.badge{background:var(--accent-soft);color:var(--accent-strong);border:0;border-radius:999px;font-weight:650}
.article-end{background:var(--ink);color:var(--bg);border-radius:var(--r-lg);padding:28px}.article-end p{color:color-mix(in srgb,var(--bg) 80%,transparent)}.article-end .primary{background:var(--accent);color:var(--on-accent)!important}
/* product: spec & compatibility cards */
.decision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}
.decision-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}
.decision-grid>div:first-child{border-top:4px solid var(--ok)}.decision-grid>div:nth-child(2){border-top:4px solid var(--warn-ink)}
.decision-grid h2{font-size:1.05rem;margin:0 0 6px;letter-spacing:0}
.port-schematic{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow)}
.port-schematic ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:0;list-style:none;counter-reset:p}
.port-schematic li{counter-increment:p;background:var(--pale);border-radius:var(--r-sm);padding:12px 12px 12px 44px;position:relative;font-size:.92rem}
.port-schematic li::before{content:counter(p);position:absolute;left:12px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:.75rem;font-weight:700;display:grid;place-items:center}
.fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
/* trust & related */
.related-wrap{padding-bottom:40px}
.trust-block{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px;margin:8px 0 8px;box-shadow:var(--shadow)}
.trust-author{display:flex;gap:12px;align-items:center}.trust-author strong{display:block}.trust-author span:not(.avatar){font-size:.82rem;color:var(--muted)}
.avatar{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-weight:700}
.trust-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;font-size:.88rem;color:var(--muted)}.trust-points strong{display:block;color:var(--ink)}
.related-links{border-top:0;padding:28px 0 8px}.related-links h2{font-size:1.25rem}
.related-links ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.related-links li a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);text-decoration:none!important;color:var(--ink)!important;font-size:.93rem;font-weight:550;transition:border-color .15s}
.related-links li a::after{content:"→";color:var(--accent)}.related-links li a:hover{border-color:var(--accent)}
/* footer */
.site-footer{margin-top:48px;background:var(--surface);border-top:1px solid var(--line);padding:48px max(24px,calc((100% - 1180px)/2)) 24px}
.footer-top{display:grid;grid-template-columns:minmax(220px,1fr) 2.4fr;gap:40px}.footer-brand p{color:var(--muted);margin:14px 0 18px}
.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-links h2{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.footer-links a{display:block;padding:5px 0;text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--accent-strong)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:36px;padding-top:18px;font-size:.8rem;color:var(--muted)}
/* finder */
.finder-layout form,.setup-summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.stepper button[aria-current] span{background:var(--accent);color:var(--on-accent)}
.analytics-consent{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:var(--r)}
@media (max-width:900px){.hero{grid-template-columns:1fr;padding:28px 0 16px;gap:24px}.hero-panel{display:none}.article-layout{grid-template-columns:1fr;gap:20px}
 .toc{position:static;max-height:none;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:var(--surface)}
 .trust-block{grid-template-columns:1fr}.trust-points{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.section{padding:36px 0}.section-head{flex-direction:column;align-items:start}body{font-size:16px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.toc,.related-wrap{display:none}}
header.site-header{height:auto!important;padding:0!important}header.site-header #mobile-nav:not([hidden]){display:block}.menu{font-size:.92rem}
@media (max-width:900px){.menu{display:inline-flex!important}}