:root{--ink:#17211f;--muted:#56615e;--paper:#f7f8f5;--white:#fff;--line:#ccd4d0;--green:#175c4d;--coral:#d75b43;--yellow:#f2c84b;--blue:#1f6271;--max:1160px;--shadow:0 12px 30px rgba(23,33,31,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62;letter-spacing:0}a{color:var(--green);text-underline-offset:3px}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-5rem;background:var(--ink);color:#fff;padding:.75rem 1rem;z-index:20}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem max(1rem,calc((100vw - var(--max))/2));background:rgba(247,248,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{font-weight:900;color:var(--ink);text-decoration:none}.site-header nav{display:flex;gap:1rem;overflow-x:auto;white-space:nowrap}.site-header nav a{font-size:.85rem;text-decoration:none;font-weight:700}.first-screen,.section{max-width:var(--max);margin:0 auto;padding:clamp(2rem,5vw,5rem) 1rem;scroll-margin-top:5rem}.first-screen{padding-top:2.2rem}.eyebrow{text-transform:uppercase;color:var(--coral);font-size:.76rem;font-weight:900;letter-spacing:.08em;margin:0 0 .4rem}.first-copy h1{font-family:Georgia,serif;font-size:clamp(2.25rem,5.8vw,5.1rem);line-height:.98;letter-spacing:0;margin:.1rem 0 .75rem;max-width:880px}.dek{font-size:clamp(1.05rem,2vw,1.35rem);max-width:800px;margin:0 0 1rem;color:#34403d}.hero{margin:0;position:relative}.hero img{display:block;width:100%;height:clamp(190px,38vw,480px);object-fit:cover;border-radius:6px;box-shadow:var(--shadow)}figcaption{font-size:.78rem;color:var(--muted);margin-top:.5rem}.decision-strip{display:grid;grid-template-columns:1.05fr .95fr;gap:1.5rem;margin:1.5rem 0;padding:1.25rem 0;border-top:3px solid var(--ink);border-bottom:1px solid var(--line)}.decision-strip p{margin:0}.decision-strip [data-guide-evidence]{color:var(--muted);font-size:.94rem}.start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.start-grid a{display:flex;flex-direction:column;min-width:0;padding:.85rem;background:#e7efec;border-left:4px solid var(--green);text-decoration:none;color:var(--ink)}.start-grid span{font-size:.72rem;color:var(--muted);text-transform:uppercase;font-weight:800}.start-grid strong{font-size:.95rem}.warning-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.warning-pair p{margin:0;background:#fff4dd;border:1px solid #e1c27a;padding:1rem}.primary-link{display:inline-block;background:var(--ink);color:#fff;padding:.75rem 1rem;text-decoration:none;font-weight:800}.section{border-top:1px solid var(--line)}.section-heading{max-width:820px;margin-bottom:1.5rem}.section-heading h2,.split-value h2{font-family:Georgia,serif;font-size:clamp(1.75rem,3.6vw,3.15rem);line-height:1.08;letter-spacing:0;margin:.15rem 0 .7rem}.section-heading p{margin:.4rem 0}.definitions{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.definitions details{background:var(--white);border:1px solid var(--line);padding:1rem;border-radius:4px}.definitions summary{cursor:pointer;font-weight:850;color:var(--green)}.definitions p{margin:.65rem 0 0;font-size:.93rem}.table-scroll{overflow-x:auto;background:var(--white);border:1px solid var(--line);border-radius:4px}table{border-collapse:collapse;width:100%;min-width:880px;font-size:.9rem}caption{text-align:left;padding:1rem;font-weight:800;color:var(--green)}th,td{padding:.85rem;text-align:left;vertical-align:top;border-top:1px solid var(--line)}thead th{background:var(--ink);color:#fff;border:0}tbody th{color:var(--green);min-width:145px}.recommendation{display:grid;grid-template-columns:70px 1fr;gap:1rem;max-width:930px;padding:2rem 0;border-top:3px solid var(--ink)}.recommendation.offset{margin-left:auto}.rec-index{font:700 2.4rem Georgia,serif;color:var(--coral)}.recommendation h3{font:700 clamp(1.55rem,3vw,2.35rem) Georgia,serif;letter-spacing:0;margin:.15rem 0 .75rem}.lane{text-transform:uppercase;color:var(--green);font-size:.75rem;font-weight:900;letter-spacing:.08em;margin:0}.rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rec-grid p{background:#e7efec;padding:1rem;margin:.5rem 0}.source-note{color:var(--muted);font-size:.88rem;border-left:3px solid var(--line);padding-left:.8rem}.utility{background:var(--ink);color:#fff;max-width:none;padding-left:max(1rem,calc((100vw - var(--max))/2));padding-right:max(1rem,calc((100vw - var(--max))/2))}.utility .eyebrow{color:#ff927e}.utility .section-heading{max-width:900px}.passport{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;padding:0;list-style:none;counter-reset:passport}.passport li{counter-increment:passport;background:#23322f;padding:1rem;border-top:4px solid var(--yellow)}.passport li:before{content:"0" counter(passport);display:block;color:var(--yellow);font-weight:900;font-size:.78rem}.reject-box{margin-top:1rem;background:#fff;color:var(--ink);padding:1rem;border-left:6px solid var(--coral)}.split-value{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:start}.split-value aside{background:#e7efec;border-top:5px solid var(--blue);padding:1.25rem}.split-value aside h3{margin-top:0}.split-value.reverse aside{background:#fff4dd;border-color:var(--coral)}.methodology{max-width:900px}.trade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.trade-grid article{background:var(--white);border-left:4px solid var(--coral);padding:1rem}.trade-grid h3{margin-top:0}.checklist{columns:2;column-gap:2rem;padding-left:1.2rem}.checklist li{break-inside:avoid;margin-bottom:.7rem}.source-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.source-columns ul{margin:0;padding-left:1.2rem}.source-columns li{margin:.65rem 0}.details-scroll table{min-width:1100px}footer{background:var(--ink);color:#dce4e1;padding:2rem max(1rem,calc((100vw - var(--max))/2));font-size:.85rem}footer p{margin:0}
@media(max-width:760px){.site-header{position:relative;display:block}.site-header nav{margin-top:.5rem}.first-screen,.section{padding-top:2rem;padding-bottom:2.5rem}.first-copy h1{font-size:2.45rem}.dek{font-size:1rem}.hero img{height:210px}.decision-strip,.warning-pair,.definitions,.split-value,.source-columns{grid-template-columns:1fr}.start-grid{grid-template-columns:1fr 1fr}.recommendation{grid-template-columns:42px 1fr}.rec-index{font-size:1.45rem}.rec-grid,.passport,.trade-grid{grid-template-columns:1fr}.recommendation.offset{margin-left:0}.checklist{columns:1}.table-scroll{margin-right:-1rem;border-right:0;border-radius:4px 0 0 4px}.details-scroll table{min-width:0}.details-scroll thead{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.details-scroll table,.details-scroll tbody,.details-scroll tr,.details-scroll th,.details-scroll td{display:block;width:100%}.details-scroll tr{border-bottom:3px solid var(--ink);padding:.5rem}.details-scroll th,.details-scroll td{display:grid;grid-template-columns:minmax(112px,38%) minmax(0,1fr);gap:.75rem;border-top:1px solid var(--line);padding:.72rem;overflow-wrap:anywhere}.details-scroll th:before,.details-scroll td:before{font-size:.7rem;font-weight:900;text-transform:uppercase;color:var(--muted)}.details-scroll [data-product-detail="product"]:before{content:"Product"}.details-scroll [data-product-detail="size-weight"]:before{content:"Size / weight"}.details-scroll [data-product-detail="materials"]:before{content:"Construction"}.details-scroll [data-product-detail="manufacturing-origin"]:before{content:"Manufacturing origin"}.details-scroll [data-product-detail="brand"]:before{content:"Brand"}.details-scroll [data-product-detail="warranty"]:before{content:"Warranty / support"}}
@media(max-width:410px){.start-grid{grid-template-columns:1fr}.first-copy h1{font-size:2.2rem}.site-header nav{font-size:.8rem}.details-scroll th,.details-scroll td{grid-template-columns:minmax(102px,36%) minmax(0,1fr);gap:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero img{height:clamp(190px,30vw,340px)}
@media(max-width:760px){.hero img{height:160px}}
@media(max-width:760px){.details-scroll caption{display:block;width:100%;padding:1rem;line-height:1.45}}