:root{color-scheme:light;--paper:#f3f1e9;--ink:#1e2a27;--muted:#596761;--rule:#c9cec5;--white:#fffefa;--forest:#16483d;--leaf:#d3eb68;--clay:#d8754c;--warn:#753a20;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}a{color:inherit;text-underline-offset:4px}@media(hover:hover) and (pointer:fine){a:hover{text-decoration-thickness:2px}}button,input,select{font:inherit}::selection{background:#d3eb68;color:#14211e}input,select{accent-color:var(--forest)}:focus-visible{outline:3px solid #bd4e2c;outline-offset:3px}.skip{position:absolute;left:12px;top:-70px;z-index:5;background:var(--ink);color:white;padding:10px 14px}.skip:focus{top:12px}.masthead{height:80px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:36px;padding:0 max(28px,calc((100% - 1200px)/2));background:#f3f1e9}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--forest);font-weight:800;letter-spacing:.12em;font-size:.83rem;line-height:1.2;white-space:nowrap}.brand svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.2}.brand small{display:block;margin-top:5px;color:var(--muted);font-weight:500;letter-spacing:.02em;font-size:.7rem}.masthead nav{display:flex;align-items:center;gap:24px;margin-left:auto}.masthead nav a,.toplink{font-size:.84rem;text-decoration:none;color:#35453f}@media(hover:hover) and (pointer:fine){.masthead nav a:hover{color:var(--forest);text-decoration:underline}}.preview-tag{padding:6px 9px;border:1px solid #9aa89e;font:600 .63rem var(--mono);letter-spacing:.08em;color:#3a564c}.hero{max-width:1200px;margin:auto;padding:64px 28px 50px;display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}.overline,.tool-index,.plate-head,.line-spec-tail,.source-stamp,.measure-output>span{font:600 .68rem/1.35 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--forest)}.hero h1{font-size:clamp(2.7rem,5.5vw,4.9rem);line-height:1.02;letter-spacing:-.048em;font-weight:730;margin:15px 0 20px;max-width:720px}.lede{font-size:1.12rem;line-height:1.6;color:#4c5a54;max-width:670px}.hero-links{display:flex;align-items:center;gap:22px;margin-top:28px}.button{border:0;border-radius:4px;min-height:46px;padding:12px 17px;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--forest);color:#fffefa}@media(hover:hover) and (pointer:fine){.button.primary:hover{background:#0d392f}}.button.primary span{margin-left:15px;color:var(--leaf)}.button.quiet{background:transparent;color:#3e544c;border:1px solid #aeb9ae}@media(hover:hover) and (pointer:fine){.button.quiet:hover{background:#e5e8de}}.text-link{font-size:.87rem;font-weight:650;color:var(--forest);text-underline-offset:5px}.hero-plate{background:#1c3630;color:#f8f6ec;padding:22px 24px 17px;position:relative;box-shadow:8px 8px 0 #d5ddbd;transform:rotate(.5deg)}.plate-head{display:flex;justify-content:space-between;gap:14px;color:#c5d8bb;font-size:.58rem;padding-bottom:16px;border-bottom:1px solid #446058}.plate-head span:last-child{color:#f4b795}.line-spec{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:15px 2px;border-bottom:1px solid #446058}.line-spec b{font:650 1.02rem var(--mono);display:block}.line-spec small{color:#c2d0ca;font-size:.73rem}.line-dot{display:block;width:var(--d);height:var(--d);border-radius:50%;background:var(--leaf);border:1px solid #fff;padding:4px;box-shadow:inset 0 0 0 3px #1c3630}.dot-065{--d:22px}.dot-080{--d:29px}.dot-095{--d:35px}.line-spec-tail{font-size:.54rem;color:#b8c8bf}.hero-plate>p{margin:14px 0 0;color:#c2d0ca;font-size:.72rem}.notice{max-width:1200px;margin:0 auto 35px;padding:14px 18px;border-block:1px solid #bac3b9;background:#e8ebe1;display:flex;gap:12px;align-items:baseline;color:#46554d;font-size:.87rem}.notice strong{white-space:nowrap;color:var(--forest)}.workbench{max-width:1200px;margin:0 auto 76px;padding:30px;background:var(--white);border:1px solid #bdc7bd;box-shadow:0 5px 0 #dce2d6}.workbench-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #d9ded5;padding-bottom:22px;margin-bottom:24px}.workbench h2,.content-title h2,.reading-row h2,.faq-section h2,.source-method h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.035em;margin:8px 0 0}.source-stamp{text-align:right;color:#52645b;font-size:.6rem;line-height:1.65}.form-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:17px}.field label,.measure-controls>label{display:block;font-size:.8rem;font-weight:700;margin-bottom:8px}.field input,.field select,.measure-inputs input,.measure-inputs select{width:100%;height:48px;padding:0 12px;border:1px solid #aeb9af;border-radius:4px;background:white;color:var(--ink)}.field select:disabled{background:#e8e9e2;color:#68736d}.field small{display:block;margin-top:7px;font-size:.72rem;line-height:1.4;color:#5b6861;min-height:2em}.form-actions{display:flex;align-items:center;gap:10px;margin-top:17px}.form-hint{margin-left:auto;color:#5f6a63;font-size:.72rem}.result{display:flex;gap:17px;align-items:flex-start;margin-top:24px;padding:18px;background:#edf0e8;border:1px solid #d0d8cf;min-height:105px}.result h3{font-size:1.08rem;margin:0 0 5px}.result p{margin:0;color:#536058;font-size:.87rem;max-width:78ch}.empty-mark{height:36px;min-width:36px;display:grid;place-items:center;border:1px solid #83968b;border-radius:50%;font:700 1rem var(--mono);color:var(--forest)}.result[data-tone="warning"]{background:#f7eee4;border-color:#ddc1a2}.result[data-tone="warning"] .empty-mark{border-color:#9f6a42;color:#78401e}.record-result{width:100%}.result-kicker{font:600 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--forest);margin-bottom:7px}.record-result h3{font-size:1.35rem}.spec-table{border-collapse:collapse;width:100%;margin:14px 0 10px;font-size:.85rem}.spec-table th,.spec-table td{text-align:left;padding:8px 10px;border:1px solid #cfd7cd}.spec-table th{background:#e3e9df;font:600 .65rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.record-meta{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0}.record-meta span{border:1px solid #aebbb1;padding:4px 7px;font:600 .62rem var(--mono);text-transform:uppercase;color:#40544a}.source-note{border-top:1px solid #ced6ce;margin-top:12px;padding-top:11px!important}.source-note a{color:#174d3d;font-weight:650}.helper-grid{max-width:1200px;margin:0 auto 78px;padding:0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-block{background:#e5e9df;border:1px solid #c0cbbf;padding:26px 28px}.triage{background:#efe7da;border-color:#d5c5ac}.tool-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tool-index{color:#40584c}.status-dot{width:9px;height:9px;border-radius:50%;background:#50734b}.status-dot.amber{background:#bd603a}.tool-block h2{font-size:1.55rem;line-height:1.15;letter-spacing:-.025em;margin:0 0 10px}.tool-block>p{color:#526159;font-size:.86rem;max-width:62ch}.measure-controls{margin:17px 0}.measure-inputs{display:grid;grid-template-columns:1fr 140px;gap:8px}.measure-output{background:#203c33;color:#f9f7ee;padding:13px 15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px}.measure-output>span{color:#c1d2c4;font-size:.58rem}.measure-output>strong{grid-column:2;grid-row:1/3;font:700 1.23rem var(--mono);color:var(--leaf)}.measure-output>small{color:#d2dbd2;font-size:.72rem}.fineprint{font-size:.69rem!important;margin:12px 0 0!important;color:#59655e!important}.triage fieldset{padding:0;border:0;margin:16px 0}.triage legend{font-weight:700;font-size:.78rem;margin-bottom:7px}.radio-row{display:flex;gap:9px;padding:7px 0;font-size:.8rem;align-items:flex-start;cursor:pointer}.radio-row input{margin-top:4px}.triage-result{background:#fffaf0;padding:13px 15px;border:1px solid #d7c7b2;margin:12px 0 10px;font-size:.8rem}.triage-result strong{color:#674024}.triage-result p{margin:4px 0 0;color:#62564a}.triage .text-link{font-size:.78rem;color:#704321}.content-section{max-width:1200px;margin:0 auto 80px;padding:37px 0 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}.content-title h2{max-width:390px}.evidence-list article{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #cbd2c9}.evidence-no{font:600 .75rem var(--mono);color:#8e5132}.evidence-list h3{font-size:1rem;margin:0 0 6px}.evidence-list p{margin:0;color:#58655d;max-width:68ch;font-size:.9rem}.reading-row{max-width:1200px;margin:0 auto 80px;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;border-top:1px solid var(--rule);padding-top:35px}.reading-links a{display:block;padding:15px 0;border-bottom:1px solid #cbd2c9;text-decoration:none}.reading-links a:first-child{padding-top:0}.reading-links span{display:block;font:600 .61rem var(--mono);letter-spacing:.1em;color:#718078;margin-bottom:4px}.reading-links b{color:#183e33;font-size:.91rem}@media(hover:hover) and (pointer:fine){.reading-links a:hover b{text-decoration:underline}}.faq-section{max-width:870px;margin:0 auto 78px;padding-top:32px;border-top:1px solid var(--rule)}.faq-section h2{margin-bottom:24px}.faq-section details{border-top:1px solid #cbd2c9;padding:16px 2px}.faq-section summary{cursor:pointer;font-weight:700;font-size:.91rem}.faq-section details p{max-width:73ch;color:#55635b;font-size:.86rem;margin:11px 0 2px}.source-method{max-width:1200px;margin:0 auto 55px;padding:32px;background:#203c33;color:#f6f4e9;display:grid;grid-template-columns:.75fr 1.25fr;gap:24px 58px}.source-method .overline{color:var(--leaf)}.source-method h2{color:#fffefa}.source-method p{font-size:.84rem;color:#d2dad2;max-width:62ch}.source-links{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0 18px}.source-links a{color:#f3f3e7;text-underline-offset:3px;font-size:.75rem;padding:9px 0;border-bottom:1px solid #466157}@media(hover:hover) and (pointer:fine){.source-links a:hover{color:var(--leaf)}}.disclaimer{grid-column:1/-1;margin:0!important;padding-top:14px;border-top:1px solid #466157;max-width:none!important;font-size:.7rem!important}.masthead,main,footer{width:100%}main>section:not(.hero):not(.source-method),.notice{width:calc(100% - 56px)}footer{max-width:1200px;margin:0 auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);color:#58655d;font-size:.72rem;padding:16px 0}.footer-brand{font-size:.67rem}footer>a:last-child{color:var(--forest)}
/* Read-only guide pages share the same instrumented field-note identity. */
.guide-shell{max-width:960px;margin:auto;padding:52px 28px 80px}.breadcrumbs{font-size:.78rem;color:#56645c;margin-bottom:28px}.breadcrumbs a{color:var(--forest)}.guide-shell h1{font-size:clamp(2.5rem,5.6vw,4.3rem);line-height:1.03;letter-spacing:-.045em;margin:12px 0 18px}.guide-intro{font-size:1.12rem;color:#526058;max-width:68ch}.guide-shell h2{font-size:1.7rem;letter-spacing:-.025em;line-height:1.2;margin:38px 0 12px}.guide-shell h3{font-size:1.05rem;margin:24px 0 7px}.guide-shell p,.guide-shell li{max-width:74ch;color:#46554d}.guide-shell li{margin:7px 0}.guide-callout{background:#e7ebe1;border:1px solid #c2cec2;padding:18px 20px;margin:24px 0}.guide-callout strong{color:#173f34}.guide-table-wrap{overflow-x:auto;margin:22px 0}.guide-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.83rem}.guide-table th,.guide-table td{text-align:left;padding:10px 12px;border:1px solid #bdc8bf;vertical-align:top}.guide-table th{background:#203c33;color:#fff;font:600 .68rem var(--mono);text-transform:uppercase;letter-spacing:.04em}.guide-table td{background:#fffefa}.guide-shell aside{border-top:2px solid var(--forest);padding:14px 0;margin:34px 0;color:#536159;font-size:.82rem}.guide-shell details{border-top:1px solid var(--rule);padding:15px 0}.guide-shell summary{font-weight:700;cursor:pointer}.guide-shell details p{margin-top:8px}.guide-nav{display:flex;gap:16px;flex-wrap:wrap;margin:34px 0}.guide-nav a{background:#203c33;color:white;padding:11px 14px;font-size:.82rem;text-decoration:none}@media(hover:hover) and (pointer:fine){.guide-nav a:hover{background:#16483d;color:var(--leaf)}}.method-small{font-size:.7rem!important;border-top:1px solid var(--rule);margin-top:42px;padding-top:15px;color:#66716a!important}
@media(max-width:950px){.hero{gap:30px}.helper-grid,.content-section,.reading-row{width:calc(100% - 56px)!important}.content-section,.reading-row{gap:35px}.source-method{width:calc(100% - 56px)}.masthead{padding-inline:28px}.masthead nav{gap:14px}}
@media(max-width:700px){.masthead{height:auto;min-height:72px;padding:14px 18px;flex-wrap:wrap;gap:12px}.brand svg{width:34px;height:34px}.masthead nav{order:3;display:flex;flex-wrap:wrap;width:100%;margin:0;overflow:visible;padding:5px 0 1px;gap:8px 19px}.masthead nav a{white-space:normal;font-size:.78rem}.preview-tag{margin-left:auto;font-size:.55rem}.hero{padding:43px 20px 32px;grid-template-columns:minmax(0,1fr);gap:29px}.hero h1{font-size:2.8rem}.hero-plate{transform:none}.notice{width:calc(100% - 36px);display:block;padding:13px 14px;margin-bottom:22px}.notice strong{display:block;margin-bottom:4px}.workbench{width:calc(100% - 36px)!important;padding:20px 16px;margin-bottom:46px}.workbench-heading{gap:15px}.workbench h2{font-size:1.8rem}.source-stamp{font-size:.52rem}.form-grid{grid-template-columns:minmax(0,1fr);gap:12px}.field small{min-height:auto}.form-actions{flex-wrap:wrap}.form-hint{width:100%;margin:2px 0 0}.result{gap:12px;padding:14px}.spec-table{font-size:.73rem}.spec-table th,.spec-table td{padding:7px 5px}.helper-grid,.content-section,.reading-row{width:calc(100% - 36px)!important;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:48px}.tool-block{padding:21px 18px}.content-section,.reading-row{padding-top:25px}.content-title h2{max-width:none}.evidence-list article{padding-bottom:16px;margin-bottom:15px}.reading-row>div:first-child{margin-bottom:5px}.faq-section{width:calc(100% - 36px)!important;margin-bottom:48px}.source-method{width:calc(100% - 36px);grid-template-columns:minmax(0,1fr);padding:23px 18px;gap:16px;margin-bottom:30px}.source-links{grid-template-columns:minmax(0,1fr)}.disclaimer{grid-column:auto}footer{width:calc(100% - 36px);flex-wrap:wrap;justify-content:flex-start;padding:16px 0 24px}footer>span{width:100%;order:3}.guide-shell{padding:36px 20px 60px}.guide-shell h1{font-size:2.65rem}.guide-shell h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Line Ledger's signature mark is original generated cord-spool artwork. */
.brand svg{display:none!important}
.brand::before{content:"";display:block;width:42px;height:42px;flex:0 0 42px;background:url('assets/cord-spool-mark.png') center/contain no-repeat}
.brand{gap:11px}
.locale-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.55rem auto 0;max-width:1180px;padding:0 1.2rem;color:var(--muted);font-size:.72rem}.locale-switch span{margin-right:.25rem;text-transform:uppercase;letter-spacing:.1em}.locale-switch a{border:1px solid var(--rule);border-radius:999px;padding:.28rem .58rem;color:var(--ink);text-decoration:none}.locale-switch a:focus-visible{border-color:var(--forest);color:var(--forest)}@media(hover:hover) and (pointer:fine){.locale-switch a:hover{border-color:var(--forest);color:var(--forest)}}
.button:hover{transform:none}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.button{transition-duration:.01ms!important}.button:hover{transform:none}}
.record-result{min-width:0}.table-wrap{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}.spec-table{min-width:560px}
*[hidden]{display:none!important}
.part-evidence{margin-top:20px;padding-top:15px;border-top:1px solid #bac6b9}.part-evidence h4{margin:0 0 10px;font-size:1rem;letter-spacing:-.01em}.part-list,.part-links{list-style:none;padding:0;margin:0}.part-list li{display:grid;gap:5px;padding:11px 12px;margin:8px 0;background:#fffefa;border:1px solid #cfd7cd}.part-list li strong{font-size:.9rem}.part-list li span,.part-list li small{color:#536159;font-size:.73rem}.part-list li p{font-size:.77rem;margin:1px 0 0}.part-list a,.part-links a{color:#174d3d;font-weight:650;font-size:.76rem}.parts-unresolved,.parts-scope{font-size:.77rem!important;margin:9px 0 0!important}.parts-unresolved{color:#603d25!important}.parts-scope{color:#647067!important}.part-links{margin:8px 0}
.part-number-lookup{margin-top:24px;padding:20px;background:#f1f2eb;border:1px solid #cdd5cb;border-left:4px solid var(--forest);display:grid;grid-template-columns:.9fr 1.1fr;gap:16px 24px}.part-number-copy .overline{margin:0 0 5px}.part-number-copy h3{margin:0 0 6px;font-size:1.15rem;letter-spacing:-.02em}.part-number-copy>p:last-child{margin:0;color:#59665e;font-size:.8rem;max-width:50ch}.part-number-form{align-self:center}.part-number-form>label{display:block;font-size:.8rem;font-weight:700;margin-bottom:7px}.part-number-controls{display:flex;gap:8px}.part-number-controls input{flex:1;min-width:0;height:46px;padding:0 12px;border:1px solid #aeb9af;border-radius:4px;background:white;color:var(--ink)}.part-number-controls .button{white-space:nowrap}.part-number-form>small{display:block;margin-top:7px;color:#5b6861;font-size:.7rem;line-height:1.4}.part-number-result{grid-column:1/-1;min-width:0;padding:13px 15px;background:#fffefa;border:1px solid #d1d8cf}.part-number-result strong{display:block;font-size:.9rem;color:var(--forest);margin-bottom:3px}.part-number-result p{margin:0;color:#536058;font-size:.78rem}.part-number-result[data-tone="warning"]{background:#f7eee4;border-color:#ddc1a2}.part-number-result[data-tone="warning"] strong{color:#78401e}.part-number-table-wrap{margin-top:12px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.part-number-table{border-collapse:collapse;width:100%;min-width:460px;font-size:.78rem}.part-number-table th,.part-number-table td{text-align:left;padding:8px 10px;border:1px solid #cfd7cd}.part-number-table th{background:#e3e9df;font:600 .63rem var(--mono);text-transform:uppercase;letter-spacing:.05em}.part-number-result a{display:inline-block;margin-top:10px;color:#174d3d;font-weight:650;font-size:.78rem}.part-number-result .part-number-scope{margin-top:9px;color:#624126}.part-number-result .part-number-disclaimer{margin-top:8px;color:#647067;font-size:.72rem}
.part-tool-id-label{margin-top:14px}.part-number-form>input:not([type="hidden"]){width:100%;height:43px;padding:0 12px;border:1px solid #aeb9af;border-radius:4px;background:white;color:var(--ink)}
@media(max-width:700px){.part-number-lookup{grid-template-columns:minmax(0,1fr);padding:16px 14px;gap:12px}.part-number-result{grid-column:auto}.part-number-controls{flex-wrap:wrap}.part-number-controls .button{width:100%}.part-number-table{font-size:.73rem}.part-number-table th,.part-number-table td{padding:7px 6px}.spec-table{min-width:0}.spec-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.spec-table,.spec-table tbody,.spec-table tr,.spec-table td{display:block}.spec-table tr{margin-bottom:8px;border:1px solid #cfd7cd}.spec-table td{border:0;border-bottom:1px solid #e3e9df}.spec-table td::before{content:attr(data-label);display:block;font:600 .62rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}}

/* Keep the full research nav reachable at widths where a desktop row no longer fits. */
@media (min-width:701px) and (max-width:1200px){
  .masthead{height:auto;min-height:80px;flex-wrap:wrap;padding-block:14px;gap:12px}
  .masthead nav{order:3;width:100%;margin-left:0;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 0 2px;gap:14px;scrollbar-width:thin;scrollbar-color:#718078 transparent}
  .masthead nav a{white-space:nowrap}
  .masthead nav a:focus-visible{outline:3px solid #bd4e2c;outline-offset:2px}
  .preview-tag{margin-left:auto}
}

/* Preserve the layout when users enlarge text to 200% on a narrow screen. */
@media(max-width:700px){
  .brand{min-width:0;max-width:100%;white-space:normal}
  .brand>span{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-copy,.hero-links,.hero-plate{min-width:0;max-width:100%}
  .hero h1,.hero-copy p,.hero-links a{overflow-wrap:anywhere}
  .workbench-heading{flex-wrap:wrap;min-width:0}
  .workbench-heading h2{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .source-stamp{max-width:100%;overflow-wrap:anywhere}
  .notice,.notice strong{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .guide-library-grid{min-width:0;grid-template-columns:minmax(0,1fr)}
  .guide-library-card,.guide-library-card *{min-width:0;max-width:100%;overflow-wrap:anywhere}
}

.model-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 24px;padding-left:1.4rem}
@media(max-width:700px){.model-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}}
.answer-card{margin:12px 0 14px;padding:14px 16px;border:2px solid var(--forest);background:var(--white)}
.answer-label{margin:0 0 4px;font:700 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--forest)}
.answer-sizes,.answer-parts{list-style:none;margin:0;padding:0}
.answer-sizes li{font-size:1.05rem;overflow-wrap:anywhere}.answer-sizes strong{font-size:1.3rem}.answer-sizes span{color:var(--muted)}
.answer-parts{margin-top:8px;font-size:.95rem}.answer-parts code{font:700 1rem var(--mono);user-select:all;background:#e9eddc;padding:1px 5px}
.answer-more{margin:8px 0 0;font-size:.8rem;color:var(--muted)}
.part-list-static{list-style:none;padding:0;margin:0 0 12px}.part-list-static li{padding:8px 0;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}.part-list-static code{font:700 1rem var(--mono);user-select:all}.part-list-static a{display:inline-block;margin-left:6px;font-size:.9rem}
.triage-steps{margin:8px 0;padding-left:20px}.triage-steps li{margin:6px 0}
:root{--engage-bg:var(--white);--engage-fg:var(--ink);--engage-line:var(--rule);--engage-focus:#bd4e2c}.engage{font-family:var(--sans)}.engage button:not(.engage-x){border-color:var(--forest);color:var(--forest);font-weight:600}

/* ---- Mobile-native layer: touch, safe areas, targets, contrast (see research/audits ux-line.md §5) ---- */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,summary,label,select,.radio-row{touch-action:manipulation}
button,.button,.masthead nav a,.locale-switch a,.guide-nav a,.radio-row,summary,.preview-tag,.brand{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,select,textarea{font-size:max(16px,1rem)}
.masthead{padding-left:max(28px,calc((100% - 1200px)/2),env(safe-area-inset-left,0px));padding-right:max(28px,calc((100% - 1200px)/2),env(safe-area-inset-right,0px))}
footer{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
/* Control borders and muted text: 3:1 / 4.5:1+ for glare and aisle use. */
.field input,.field select,.measure-inputs input,.measure-inputs select,.part-number-controls input{border-color:#7d8a80}
.reading-links span{color:#55645b}
.method-small{color:#4f5b54!important}
/* Press feedback on every input type (hover is gated above). */
.button:active{transform:scale(.97);transition-duration:.1s}
.button.primary:active{background:#0d392f}.button.quiet:active{background:#dfe3d6}
.field select:active,.radio-row:active,.masthead nav a:active,.locale-switch a:active,.guide-nav a:active,.reading-links a:active,.text-link:active,.part-links a:active,.faq-section summary:active{background:#e8ebe1}
.guide-nav a:active{background:#16483d;color:var(--leaf)}
@media(pointer:coarse){
  .masthead nav a,.locale-switch a,.text-link,.part-links a,.guide-nav a,.source-links a,.legal-links a,footer>a,.breadcrumbs a,.model-list a,.reading-links a{display:inline-flex;align-items:center;min-height:44px}
  .legal-links{display:flex;flex-wrap:wrap;gap:0 4px}
  .legal-links a,footer>a{padding:0 8px}
  .part-links li{display:block}.part-links a{display:flex;width:100%}
  .brand{min-height:44px}
  .field input,.field select,.measure-inputs input,.measure-inputs select,.part-number-controls input,.button{min-height:48px}
  .radio-row{min-height:44px;align-items:center;padding:6px 4px;gap:12px;font-size:.9rem}
  .radio-row input{width:22px;height:22px;margin:0;flex:none}
  .faq-section summary{display:flex;align-items:center;min-height:44px;padding:8px 0}
  .faq-section details{padding-top:0;padding-bottom:0}
}
@media(max-width:700px){
  html{scroll-padding-top:16px}
  /* One compact header: brand on top, nav and market/language as single swipeable rows, 44px pills. */
  .masthead{min-height:0;padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:0;gap:0}
  .masthead nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:0;gap:4px;margin:0 -18px;padding:0 18px;width:calc(100% + 36px)}
  .masthead nav a{flex:none;white-space:nowrap;font-size:.85rem;padding:0 10px;scroll-snap-align:start}
  .locale-switch{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0;padding:2px 18px;gap:6px;border-bottom:1px solid var(--rule)}
  .locale-switch>span{flex:none;font-size:.72rem}
  .locale-switch a{flex:none;white-space:nowrap;font-size:.8rem;padding:0 14px}
  .preview-tag{order:2;font-size:.7rem}
  /* Labels never under 11px. */
  .overline,.tool-index,.plate-head,.line-spec-tail,.source-stamp,.measure-output>span,.reading-links span,.result-kicker,.empty-mark{font-size:max(.72rem,11.5px)}
  .line-spec-tail,.source-stamp{letter-spacing:.08em}
  /* Reference tables become labelled cards instead of sideways scrolling (labels added by track.js). */
  .guide-table-wrap{overflow:visible}
  .guide-table,.guide-table tbody,.guide-table tr,.guide-table td{display:block;width:100%;min-width:0}
  .guide-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .guide-table tr{border:1px solid var(--rule);background:var(--white);margin:0 0 10px;padding:6px 12px}
  .guide-table td{border:0;padding:5px 0}
  .guide-table td[data-label]::before{content:attr(data-label);display:block;font:700 .7rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#4f5b54}
}
/* Feedback card: out of the way of the keyboard and the answer. */
@media(max-width:700px){.engage{left:12px;right:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:12px 14px}}
body:has(#fit-form :focus,#part-number-form :focus,.measure-inputs :focus) .engage:not(:focus-within){display:none}
@media(max-width:700px){
  .brand span,.footer-brand span,.record-meta span,.spec-table th,.answer-label,.answer-more,.guide-table th,.source-stamp,.preview-tag{font-size:max(.72rem,11.5px)}
  .brand small{font-size:max(.7rem,11px)}
  .measure-inputs input,.measure-inputs select{height:48px}
}
@media(pointer:coarse){
  .part-list-static a,.part-evidence a,.part-list a,.source-note a,.model-use-sources a,.part-number-result a,.part-number-table a,.record-result li>a,.guide-callout a,.text-link{display:inline-flex;align-items:center;min-height:44px}
  .breadcrumbs a{min-width:44px;justify-content:center}
  .part-list-static li{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
}
#part-tool-id,#part-number-input,#product-sku,#model{min-height:48px;height:48px}
@media(max-width:700px){.result-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}
.answer-sizes .role{font:700 .68rem/1 var(--mono);font-style:normal;letter-spacing:.04em;text-transform:uppercase;padding:3px 6px;margin:0 2px;border:1px solid #7d8a80;color:#33463d;white-space:nowrap}
.answer-sizes .role-standard{background:#e9eddc;border-color:var(--forest);color:var(--forest)}
@media(max-width:700px){.answer-sizes .role{font-size:max(.72rem,11.5px)}}
.suggestions li a{font-weight:700}
/* Shared consent bar (consent.css) in site colours. */
:root{--consent-bg:var(--white);--consent-fg:var(--ink);--consent-line:var(--forest);--consent-focus:#bd4e2c}
.consent{border-width:2px;border-radius:6px}
.consent button{min-width:44px;border-color:var(--forest);color:var(--forest)}
.consent button[data-c=granted]{background:var(--forest);color:#fff}
.consent button:active{transform:scale(.97)}
.consent a{font-weight:700;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
/* Phones: the tool comes first. The decorative line-size plate is hidden; the same sizes are in the size chart. */
@media(max-width:700px){.hero-plate{display:none}.hero{padding-bottom:20px}}

/* "Cite this page" block on guides and model pages */
.cite{max-width:960px;margin:44px auto 0;padding:18px 20px;border:1px solid var(--rule);background:var(--white);font-size:.85rem}.cite h2{font-size:1.05rem;margin:0 0 10px}.cite dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 12px}.cite dt{color:var(--muted);font-weight:600}.cite dd{margin:0;overflow-wrap:anywhere}.cite button{min-height:44px;padding:10px 14px;border:1px solid var(--forest);border-radius:4px;background:transparent;color:var(--forest);font-weight:650;cursor:pointer}.cite [role=status]{margin-left:8px;color:var(--forest);font-weight:600}
@media(max-width:700px){.cite{margin-inline:18px}.cite dl{grid-template-columns:minmax(0,1fr);gap:2px}.cite dd{margin-bottom:8px}}
