:root{--ink:#142e40;--teal:#087f83;--paper:#f7f9f8;--pale:#eef5f6;--line:#d7e1e5;--muted:#4c6573;--white:#fff;--warning:#7c5016}*{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 #07858a;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:#446570}.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 #bdcdd4;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:#fff;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:#fff}.primary:hover{background:#22506b}.secondary{background:#fff;border-color:#b7cbd3;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:#e8f0f1;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,#bde1d7);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:#c6dedb}.screen.second i:after{width:65%;height:16%;top:24%;background:#669e9a;box-shadow:0 24px 0 #92bbb0}.screen span{display:block;color:#d9e9e8;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:#f7faf9;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:#416b6d;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 #bdcfd3;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:#eaf2f2;border:1px solid #ccdddf;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:#fff;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:#edf3f4}.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 #d2dfe3;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:#e8f0f2;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:#fff;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:#edf2f3;display:grid;place-items:center}.stepper [aria-current]{color:var(--ink);font-weight:700}.stepper [aria-current] span{background:var(--ink);color:#fff}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 #b9cbd3;background:#fff;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:#eff6f5;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:#9c3524;font-size:14px;line-height:1.6;margin-bottom:18px}.error:empty{display:none}.notice{background:#fff3dd;border:1px solid #ead9b5;color:#704b18;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 #b5cad3;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 #c5d8dd;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:#e4f1ee;color:#175a52;border:1px solid #bcdad0;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.5}.caution .badge{background:#fbefd7;color:#704b18;border-color:#ead9b5}.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:#fff3e5;padding:20px 20px 20px 40px;border-radius:8px;color:#704b18}.shopping{background:#eaf3ef;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:#fff;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:#e9f2f1;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:#334e5d}.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:#fff}th,td{padding:15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:650;background:#eaf0f3}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:#f0f5f6;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 #457883;background:#fff;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:#fff;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:#fff;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:#fff}.honeypot{position:absolute;left:-10000px}.admin{min-height:65vh}#admin-login{max-width:520px}#admin-login form{background:#fff;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:#fff;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:#fff}.metric strong{display:block;font-size:35px}.metric span{font-size:12px;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2f4;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:#fff;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:#fff}.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}}