:root{--paper:#f6f7f8;--card:#fff;--ink:#22282f;--muted:#5c626b;--mark:#98431f;--soft:#f8eee8;--rule:#dce0e3;--undoc:#a0a6ad;--radius:6px;color-scheme:light dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65}
img{max-width:100%;height:auto;border:0}
a{color:inherit;text-decoration:none;text-underline-offset:4px}
a:hover{text-decoration:underline;text-decoration-color:var(--mark)}
button,input{font:inherit}button,a,input{touch-action:manipulation}
:focus-visible{outline:3px solid var(--mark);outline-offset:4px}
::selection{background:var(--mark);color:var(--card)}
h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}
p{margin:0 0 16px}
.band{max-width:1224px;margin-inline:auto;padding-inline:32px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:20;padding:12px 16px;background:var(--ink);color:var(--card)}.skip:focus{left:12px}
.top{background:var(--card);border-top:4px solid var(--mark);border-bottom:1px solid var(--rule)}
.top>.band{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px}
.brandmark{display:flex;align-items:center;min-height:44px;flex:none;font-size:20px;font-weight:700;letter-spacing:-.035em;color:var(--mark)}.brandmark:hover{text-decoration:none}
.top nav ul{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0;white-space:nowrap}
.top nav a{display:block;min-height:44px;padding:11px 8px;font-size:14px;line-height:22px;color:var(--muted);border-radius:var(--radius)}
.top nav a:hover{color:var(--mark);background:var(--soft);text-decoration:none}.top nav a[aria-current=page]{color:var(--mark);font-weight:700;background:var(--soft)}
.nav-toggle{display:none;min-width:68px;min-height:44px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--card);color:var(--ink);cursor:pointer}
main>section{padding-block:52px}main>section+section{border-top:1px solid var(--rule)}
section[data-l=hero]{background:var(--card);padding-block:42px 30px}
h1{max-width:25em;margin:0 0 18px;line-height:1.13;font-size:clamp(29px,3.8vw,47px);font-weight:700}
h1 .l1,h1 .l2{display:block}h1 .l2{margin-top:9px;font-size:.64em;font-weight:400;color:var(--muted);letter-spacing:-.02em}
.lede{max-width:62ch;font-size:19px;line-height:1.55;color:var(--muted);margin-bottom:24px}
.find{display:flex;max-width:840px;width:100%;min-height:64px;border:2px solid var(--mark);border-radius:var(--radius);background:var(--card);overflow:hidden}
.find input{flex:1;min-width:0;padding:16px 20px;border:0;background:transparent;color:var(--ink)}.find input::placeholder{color:var(--muted);opacity:1}
.find button{flex:none;padding:14px 32px;min-width:110px;background:var(--mark);color:#fff;border:0;font-weight:700;cursor:pointer}.find button:hover{filter:brightness(.9)}
.cue{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px;max-width:840px;font-size:14px;color:var(--muted)}
.cue a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--rule)}
h2{margin:0 0 16px;font-size:clamp(24px,2.3vw,31px);line-height:1.25;font-weight:700;max-width:32em}h3{margin:28px 0 10px;font-size:20px;line-height:1.35}
.eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mark)}
.full>p,.full>ul,.full>ol{max-width:78ch}.full p,.col p{font-size:17px}
ul.body,ol.body{max-width:76ch;margin:0 0 18px;padding-left:24px}.body li{padding-left:5px;margin-bottom:13px}.body li b{font-weight:700}
section[data-l=wall]{background:var(--card);padding-block:30px 44px}
.wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 0;padding:0;list-style:none}.wall li{min-width:0}
.wall a{height:100%;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;padding:12px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--card);transition:border-color .16s,box-shadow .16s}
.wall a:hover{border-color:var(--mark);box-shadow:0 3px 12px #23282e10;text-decoration:none}
.wall img{grid-column:1;grid-row:1/4;display:block;width:84px;height:84px;object-fit:cover;border-radius:3px}
.w-l{font-size:16px;font-weight:700;line-height:1.35;align-self:end}.w-n{font-size:13px;line-height:1.45;color:var(--muted);margin-top:4px}.category-link{font-size:12px;line-height:1.3;color:var(--mark);margin-top:9px}
body:not(.home) .wall a{grid-template-columns:104px minmax(0,1fr)}body:not(.home) .wall img{width:104px;height:104px}body:not(.home) .wall{grid-template-columns:repeat(2,minmax(0,1fr))}
section[data-l=annot]>.band{display:grid;grid-template-columns:minmax(0,780fr) minmax(0,300fr);gap:64px;align-items:start}.col>:first-child,.side>:first-child{margin-top:0}
.side{background:var(--card);border-left:3px solid var(--mark);padding:20px 22px;border-radius:0 var(--radius) var(--radius) 0}.side h3{margin:0 0 12px;font-size:17px;font-weight:700}.side p{font-size:14px;line-height:1.65;margin-bottom:12px}
.said{margin:24px 0;padding:24px 28px;border-left:3px solid var(--mark);background:var(--card);border-radius:0 var(--radius) var(--radius) 0}.said .qlead{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:10px}.said .q{font-family:Spectral,Georgia,serif;font-size:21px;line-height:1.65;margin-bottom:16px}.src{font-size:13px!important;line-height:1.6;color:var(--muted)}
.src a,.col p a,.full p a{color:var(--mark);text-decoration:underline;text-decoration-color:var(--rule)}
figure{margin:24px 0}.fig-rail{overflow-x:auto;max-width:100%;background:#fff;border:1px solid var(--rule);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:var(--mark) var(--rule)}.fig-rail img{display:block;width:100%;height:auto}
figcaption{margin-top:12px;font-size:14px;line-height:1.55;color:var(--muted);max-width:78ch}figcaption a{color:var(--mark);text-decoration:underline}.image-source{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;color:var(--mark);font-size:14px;text-decoration:underline}.fig--wide figcaption{max-width:none}
.product-example{float:right;width:320px;max-width:38%;margin:0 0 24px 44px}.product-example img{display:block;width:100%;height:auto;border-radius:var(--radius)}.product-example figcaption{font-size:13px}.illustrated .full::after{content:"";display:block;clear:both}
.lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;margin-top:28px}.lane{background:var(--card);padding:24px;border-top:3px solid var(--rule);border-radius:0 0 var(--radius) var(--radius)}.lane--x{border-top-color:var(--mark)}.lane-h{font-size:15px;font-weight:700;margin-bottom:16px}.lane p{font-size:16px;line-height:1.65}.undoc{margin-top:24px;padding:20px;border:1px dashed var(--undoc);border-radius:var(--radius);background:var(--paper)}.legend{font-size:14px;color:var(--muted);max-width:78ch;margin-top:18px}
.tblwrap{overflow:auto;margin-top:24px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--card)}.tbl{width:100%;border-collapse:collapse;font-size:15px}.tbl th,.tbl td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid var(--rule)}.tbl tbody tr:last-child td{border-bottom:0}.tbl thead{background:var(--soft)}.tbl th{font-size:14px;line-height:1.45;font-weight:700}.tbl td a.cite{display:block;min-height:44px;color:var(--mark);text-decoration:underline}
.contents{padding-block:22px 26px;border-top:1px solid var(--rule)}.contents>p{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:8px}.contents>div{display:flex;flex-wrap:wrap;gap:4px 24px}.contents a{font-size:14px;line-height:1.4;display:flex;align-items:center;min-height:44px;color:var(--mark);text-decoration:underline}
.question{border-bottom:1px solid var(--rule);padding:0;margin:0}.question summary{padding:18px 30px 18px 0;min-height:58px;font-size:18px;font-weight:600;cursor:pointer;color:var(--ink)}.question[open] summary{color:var(--mark)}.question>div{padding:0 0 8px 20px;border-left:2px solid var(--mark);margin-bottom:16px}
section[data-l=tool]>.band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:stretch}.tool-intro p{max-width:52ch;color:var(--muted)}.tool-intro a{display:inline-flex;align-items:center;min-height:44px;color:var(--mark);text-decoration:underline}
.quantity-tool{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--mark);border-radius:var(--radius);padding:28px}.tool-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-inputs label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.tool-inputs input{display:block;width:100%;min-height:52px;padding:10px 12px;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink)}.tool-inputs input[aria-invalid=true]{border-color:var(--mark)}#quantity-note{font-size:12px;color:var(--muted);margin:12px 0 18px}#quantity-result{display:block;line-height:1.5;font-size:18px;font-weight:600;color:var(--mark)}
.next{border-top:1px solid var(--rule);padding-block:34px 42px;background:var(--card)}.fh{font-size:14px;font-weight:700;letter-spacing:0;margin:0 0 18px;color:var(--muted)}.next ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;list-style:none;padding:0;margin:0}.next a{display:block;border-left:2px solid var(--rule);padding:10px 16px;min-height:44px;font-size:15px;color:var(--muted)}.next a b{display:block;font-size:17px;color:var(--ink);margin-bottom:5px}.next a:hover{border-color:var(--mark);text-decoration:none}
.foot{padding-block:44px;border-top:1px solid var(--rule);font-size:14px;color:var(--muted)}.foot>.band{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.6fr) minmax(0,1.1fr);gap:64px}.foot p{line-height:1.7;overflow-wrap:anywhere}.fbrand{font-size:18px;font-weight:700;color:var(--ink)}.fbrand b{color:var(--mark)}.flist{padding:0;margin:0;list-style:none}.flist a{display:block;min-height:44px;padding-block:10px;font-size:14px}.foot a{color:var(--mark)}.fsmall{font-size:12px}
@media(max-width:1120px){.top>.band{flex-wrap:wrap;gap:0;min-height:68px;padding-block:8px}.top nav{width:100%}.top nav ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));white-space:normal;padding-top:8px}.top nav a{font-size:14px}.has-js .nav-toggle{display:block}.has-js .top nav{display:none}.has-js.nav-open .top nav{display:block}.wall{grid-template-columns:repeat(2,minmax(0,1fr))}.brandmark{font-size:20px}.foot>.band{gap:32px}section[data-l=annot]>.band{gap:32px}}
@media(max-width:800px){.band{padding-inline:24px}main>section{padding-block:38px}section[data-l=annot]>.band{grid-template-columns:minmax(0,1fr);gap:24px}.lanes{grid-template-columns:minmax(0,1fr);gap:20px}.foot>.band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.foot .fcol:first-child{grid-column:1/-1}section[data-l=tool]>.band{grid-template-columns:minmax(0,1fr);gap:20px}.product-example{width:280px;max-width:40%;margin-left:28px}}
@media(max-width:580px){.band{padding-inline:18px}.top nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:30px;max-width:100%}h1 .l2{font-size:23px;line-height:1.25;margin-top:12px}section[data-l=hero]{padding-block:28px 22px}.lede{font-size:17px;margin-bottom:18px}.find{min-height:56px}.find input{padding:12px;max-width:none;font-size:15px}.find button{padding:12px 16px;min-width:82px;font-size:15px}.cue{column-gap:19px;font-size:13px}.wall{gap:10px}.wall a,body:not(.home) .wall a{display:block;padding:10px}.wall img,body:not(.home) .wall img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin-bottom:12px}.wall .w-l,.wall .w-n,.category-link{display:block}.w-l{font-size:15px}.w-n{font-size:12px}.category-link{font-size:12px;margin-top:10px}body:not(.home) .wall{grid-template-columns:repeat(2,minmax(0,1fr))}.product-example{float:none;width:100%;max-width:400px;margin:0 0 24px}.full>p,.full>ul,.full>ol{max-width:none}.said{padding:20px;margin-block:20px}.said .q{font-size:19px}.next ul{grid-template-columns:minmax(0,1fr);gap:12px}.foot>.band{grid-template-columns:minmax(0,1fr);gap:28px}.foot .fcol:first-child{grid-column:auto}.quantity-tool{padding:20px}.tool-inputs{gap:14px}.tool-inputs label{font-size:13px}.contents>div{display:block}.contents a{padding-block:8px}.tblwrap{border:0;background:transparent}.has-js .tbl,.has-js .tbl tbody,.has-js .tbl tr,.has-js .tbl td{display:block;width:100%}.has-js .tbl thead{display:none}.has-js .tbl tr{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:10px 16px;margin-bottom:16px}.has-js .tbl td{padding:10px 0;border:0}.has-js .tbl td::before{content:attr(data-label);display:block;font-weight:700;color:var(--mark);font-size:13px;margin-bottom:4px}.has-js .tbl td a.cite{min-height:44px}.fig-rail::before{content:"Source excerpt: swipe sideways to read";display:block;font-size:12px;padding:8px 12px;background:var(--soft);color:var(--mark);position:sticky;left:0}.lane{padding:20px}}
@media(prefers-color-scheme:dark){:root{--paper:#1b2026;--card:#252b32;--ink:#f2f3f5;--muted:#b4bbc5;--mark:#efaf88;--soft:#342d29;--rule:#454c55;--undoc:#7e8792}.find button{color:#24262b}.fig-rail{background:#fff}.wall a:hover{box-shadow:none}.product-example img{background:#fff}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}