:root{--ink:#17201d;--muted:#56625d;--paper:#fbfcfa;--panel:#eef4f1;--line:#c8d2cc;--green:#205d47;--gold:#a46b18;--red:#7b321f;--focus:#c54a1b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:68px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}
a{color:var(--green);text-underline-offset:3px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px;z-index:30}
.skip:focus{left:8px}
.site-head{border-bottom:1px solid var(--line);background:#fff}
.site-head div,main,footer div{width:min(1120px,calc(100% - 32px));margin:auto}
.site-head div{height:54px;display:flex;align-items:center;justify-content:space-between}
.site-head a{font:700 21px Georgia,serif;color:var(--ink);text-decoration:none}
.site-head span{font-size:13px;color:var(--muted)}
section{padding:42px 0;border-bottom:1px solid var(--line);scroll-margin-top:68px}
.first{padding-top:26px}
.eyebrow,.date{margin:0;color:var(--green);font-size:13px;font-weight:800;text-transform:uppercase}
.first h1{margin:4px 0;font:700 54px/1.04 Georgia,serif;max-width:900px}
.dek{font-size:20px;margin:10px 0}
.evidence{color:var(--muted);max-width:930px}
.first figure{position:relative;margin:18px 0 0;aspect-ratio:16/7.8;overflow:hidden;border-radius:6px;background:#dfe5df}
.first img{width:100%;height:100%;object-fit:cover;display:block}
.first figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(15,25,20,.84);color:#fff;padding:7px 12px;font-size:12px}
.bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;background:var(--panel);border-left:4px solid var(--gold);padding:16px;margin-top:14px}
.bottom p{margin:0}
.warn{color:var(--red)}
nav{position:sticky;top:0;z-index:10;display:flex;gap:7px;overflow:auto;padding:9px 0;background:rgba(251,252,250,.97);border-bottom:1px solid var(--line)}
nav a{white-space:nowrap;padding:5px 9px;border:1px solid var(--line);border-radius:4px;text-decoration:none;font-size:13px}
h2{margin:0 0 16px;font:700 32px/1.15 Georgia,serif}
h3{font:700 23px/1.2 Georgia,serif}
p{max-width:890px}
.definitions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.definitions details{border:1px solid var(--line);border-radius:5px;background:#fff;padding:12px}
.definitions summary{cursor:pointer;font-weight:800}
.definitions p{font-size:14px;margin:7px 0}
.utility{background:#edf5f1;margin-inline:calc(50% - 50vw);padding-inline:max(16px,calc((100vw - 1120px)/2))}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.steps div{background:#fff;border:1px solid var(--line);padding:13px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:5px}
table{width:100%;min-width:900px;border-collapse:collapse;background:#fff;font-size:14px}
caption{text-align:left;font-weight:800;padding:12px}
th,td{text-align:left;vertical-align:top;padding:11px;border-top:1px solid var(--line)}
thead th{background:var(--panel)}
.pick{padding:20px 0;border-top:1px solid var(--line)}
.pick>[data-buyer-lane]{color:var(--green);font-size:12px;text-transform:uppercase;font-weight:800}
.pick h3{margin:4px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.split p,.checklist{background:var(--panel);padding:11px;margin:0}
.sources{columns:2;max-width:980px}
.sources li{break-inside:avoid;margin-bottom:7px}
footer{background:var(--ink);color:#fff;padding:24px 0;font-size:14px}
@media(max-width:700px){.site-head div,main,footer div{width:calc(100% - 22px)}
.site-head span{display:none}
.first{padding-top:18px}
.first h1{font-size:36px}
.dek{font-size:17px}
.evidence{font-size:14px}
.first figure{aspect-ratio:16/10}
.bottom,.definitions,.split,.steps{grid-template-columns:1fr}
section{padding:32px 0}
h2{font-size:28px}
nav{margin-inline:-11px;padding-inline:11px}
.utility{padding-inline:11px}
.sources{columns:1}
table{font-size:13px;min-width:860px}
th,td{padding:9px}
}
@media(max-width:700px){
  #details table{min-width:0}
  #details thead{display:none}
  #details tbody,#details tr,#details th,#details td{display:block;width:100%}
  #details tr{padding:10px;border-top:1px solid var(--line)}
  #details th,#details td{border:0;padding:5px 4px}
  #details [data-product-detail]:before{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}
  #details [data-product-detail="product"]:before{content:"Product"}
  #details [data-product-detail="size-weight"]:before{content:"Size and weight"}
  #details [data-product-detail="materials"]:before{content:"Construction"}
  #details [data-product-detail="manufacturing-origin"]:before{content:"Manufacturing origin"}
  #details [data-product-detail="brand"]:before{content:"Brand"}
  #details [data-product-detail="warranty"]:before{content:"Warranty and support"}
}