:root{--serif:Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,Menlo,monospace;--paper:#f7f7f5;--paper-2:#eeeeea;--card:#ffffff;--ink:#161616;--ink-2:#444;--ink-3:#666;--line:#dedede;--line-2:#c4c4c4;--accent:#b5422a;--accent-2:#93341f;--accent-soft:#f6e3dc;--on-accent:#fff;--olive:#4d5a42;--olive-soft:#e6eadf;--tip-ink:#2f3529;--prose:#2a2a2a;--cta-bg:var(--ink);--cta-ink:var(--paper);--cta-text:#d0d0d0;--cta-muted:#a0a0a0;--footer-bg:var(--ink);--footer-ink:#ddd;--footer-muted:#b0b0b0;--footer-dim:#8a8a8a;--footer-link:#eee;--footer-hover:#fff;--footer-line:#3a3a3a;--header-bg:color-mix(in srgb,var(--paper) 92%,transparent);--overlay:rgba(0,0,0,0.45);--shadow:0 30px 60px -30px rgba(0,0,0,0.25);--frame-mark:rgba(255,255,255,0.55);--wrap:1280px;--gutter:clamp(16px,4vw,44px);--radius:2px;--radius-lg:2px;--header-h:68px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.65;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent)}button{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:420;line-height:1.08;letter-spacing:-0.015em;margin:0;font-variation-settings:"SOFT" 30,"WONK" 0}h1{font-size:clamp(2.35rem,1.6rem + 3.4vw,4.6rem);letter-spacing:-0.03em}h2{font-size:clamp(1.7rem,1.3rem + 1.5vw,2.5rem)}h3{font-size:clamp(1.25rem,1.1rem + 0.6vw,1.55rem);line-height:1.2}h1 em,h2 em{font-style:italic;color:var(--accent);font-weight:380}.mono,.kicker,.label{font-family:var(--mono);font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:500}.kicker{color:var(--accent);display:inline-flex;gap:0.75em;align-items:center}.kicker::before{content:"";width:28px;height:1px;background:currentColor}.label{color:var(--ink-3)}.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.header-row{height:var(--header-h);display:flex;align-items:center;gap:24px}.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.logo:hover{color:var(--ink)}.logo svg{width:38px;height:38px}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-name{font-family:var(--serif);font-size:1.32rem;font-weight:500;letter-spacing:-0.02em}.logo-tag{font-family:var(--mono);font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-3);margin-top:5px}.main-nav{margin-left:auto;height:100%}.main-nav>ul{list-style:none;margin:0;padding:0;display:flex;height:100%}.nav-item{position:static;height:100%;display:flex;align-items:center}.nav-item>a{display:flex;align-items:center;height:100%;padding:0 13px;font-size:0.92rem;font-weight:500;text-decoration:none;border-bottom:2px solid transparent}.nav-item:hover>a,.nav-item:focus-within>a,.nav-item>a[aria-current]{border-bottom-color:var(--accent);color:var(--ink)}.mega{position:absolute;left:0;right:0;top:100%;background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s}.nav-item:hover .mega,.nav-item:focus-within .mega{opacity:1;visibility:visible;transform:none}.mega-inner{display:grid;grid-template-columns:260px 1fr;gap:40px;padding-block:32px 36px}.mega-intro p{color:var(--ink-2);font-size:0.95rem;margin:10px 0 18px}.mega-intro .h{font-family:var(--serif);font-size:1.7rem;line-height:1.1}.mega-links{list-style:none;margin:0;padding:0;columns:3 200px;column-gap:32px}.mega-links li{break-inside:avoid;border-top:1px solid var(--line)}.mega-links a{display:flex;align-items:center;gap:10px;padding:8px 0;text-decoration:none;font-size:0.93rem}.mega-links .dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid transparent;background:none;cursor:pointer;border-radius:50%}.icon-btn:hover{border-color:var(--line-2)}.icon-btn svg{width:20px;height:20px}.menu-btn{display:none}.btn{--bg:var(--ink);--fg:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;background:var(--bg);color:var(--fg);border:1px solid var(--bg);border-radius:var(--radius);font-family:var(--sans);font-size:0.95rem;font-weight:600;letter-spacing:0.005em;text-decoration:none;cursor:pointer;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,transform 0.15s ease}.btn:hover{color:var(--fg);transform:translateY(-1px)}.btn svg{width:18px;height:18px;flex-shrink:0;transition:transform 0.15s ease}.btn:hover svg{transform:translateX(3px)}.btn-amazon{--bg:var(--accent);--fg:var(--on-accent)}.btn-amazon:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn-ghost{--bg:transparent;--fg:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.btn-small{min-height:40px;padding:0 16px;font-size:0.88rem}.btn-block{width:100%}.disclosure{font-size:0.78rem;color:var(--ink-3);margin:10px 0 0}.breadcrumb{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3)}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 10px}.breadcrumb li{display:flex;align-items:center;gap:10px}.breadcrumb li + li::before{content:"/";color:var(--line-2)}.breadcrumb a{text-decoration:none}.page-head{padding-block:clamp(28px,4vw,56px) clamp(32px,5vw,64px);border-bottom:1px solid var(--line)}.page-head-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:end;margin-top:28px}.page-head h1{margin:18px 0 22px}.lead{font-size:clamp(1.1rem,1rem + 0.35vw,1.3rem);line-height:1.55;color:var(--ink-2);max-width:38em;margin:0}.meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;padding:0;list-style:none;font-family:var(--mono);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3)}.meta li{display:flex;align-items:center;gap:8px}.meta svg{width:14px;height:14px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.figure{position:relative;margin:0}.figure-frame{position:relative;background:var(--paper-2);aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius-lg)}.figure-frame img{width:100%;height:100%;object-fit:cover}.figure-frame::after{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid var(--frame-mark);-webkit-mask:linear-gradient(#000 0 0) top left / 18px 18px no-repeat,linear-gradient(#000 0 0) top right / 18px 18px no-repeat,linear-gradient(#000 0 0) bottom left / 18px 18px no-repeat,linear-gradient(#000 0 0) bottom right / 18px 18px no-repeat;mask:linear-gradient(#000 0 0) top left / 18px 18px no-repeat,linear-gradient(#000 0 0) top right / 18px 18px no-repeat,linear-gradient(#000 0 0) bottom left / 18px 18px no-repeat,linear-gradient(#000 0 0) bottom right / 18px 18px no-repeat}.figure figcaption .tint{display:inline-flex;align-items:center;gap:8px}.figure figcaption .tint i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,0.15)}.figure figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-family:var(--mono);font-size:0.68rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3)}.placeholder{width:100%;height:100%;background:repeating-linear-gradient(135deg,var(--paper-2) 0 12px,var(--paper) 12px 24px)}.dim{position:relative;height:18px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.dim::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ink-3)}.dim::after{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;border-left:1px solid var(--ink-3);border-right:1px solid var(--ink-3)}.dim span{position:relative;z-index:1;background:var(--paper);padding:0 10px;font-family:var(--mono);font-size:0.68rem;letter-spacing:0.08em;color:var(--ink-2)}.sheet{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border:1px solid var(--ink);background:var(--card);margin-top:clamp(32px,4vw,48px)}.sheet-diagram{padding:22px 26px;border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:12px}.sheet-diagram svg{width:100%;height:auto;max-height:280px}.sheet-specs{display:flex;flex-direction:column}.sheet-title{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase}.sheet dl{margin:0;display:grid;grid-template-columns:auto 1fr}.sheet dt,.sheet dd{margin:0;padding:11px 18px;border-bottom:1px solid var(--line);font-size:0.92rem}.sheet dt{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-3);border-right:1px solid var(--line);display:flex;align-items:center}.sheet dd{font-weight:550}.sheet dl>:nth-last-child(-n + 2){border-bottom:0}.sheet.no-diagram{grid-template-columns:1fr}.sheet.no-diagram dl{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sheet.no-diagram dl>div{display:grid;grid-template-columns:auto 1fr;border-bottom:1px solid var(--line)}.swatch-band{height:10px}.article-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(32px,5vw,80px);padding-block:clamp(40px,5vw,72px)}.toc{position:sticky;top:calc(var(--header-h) + 28px);align-self:start;max-height:calc(100vh - var(--header-h) - 56px);overflow:auto}.toc .label{display:block;margin-bottom:14px}.toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;border-left:1px solid var(--line)}.toc li{counter-increment:toc}.toc ol a{display:grid;grid-template-columns:30px 1fr;padding:7px 0 7px 14px;margin-left:-1px;border-left:1px solid transparent;text-decoration:none;font-size:0.88rem;line-height:1.35;color:var(--ink-2)}.toc ol a::before{content:counter(toc,decimal-leading-zero);font-family:var(--mono);font-size:0.68rem;color:var(--ink-3);padding-top:2px}.toc ol a:hover,.toc ol a.is-active{color:var(--ink);border-left-color:var(--accent)}.toc-cta{margin-top:24px;padding:18px;border:1px solid var(--line);background:var(--card)}.toc-cta p{margin:0 0 12px;font-size:0.88rem;color:var(--ink-2)}.prose{max-width:740px;min-width:0}.prose>* + *{margin-top:1.15em}.prose p,.prose li{color:var(--prose)}.prose h2{margin-top:2.4em;padding-top:0.9em;border-top:1px solid var(--line);position:relative}.prose h2 .num{display:block;font-family:var(--mono);font-size:0.72rem;letter-spacing:0.1em;color:var(--accent);margin-bottom:14px}.prose h3{margin-top:1.9em}.prose h2 + *,.prose h3 + *{margin-top:0.8em}.prose ul,.prose ol{padding-left:1.3em}.prose li + li{margin-top:0.45em}.prose li::marker{color:var(--accent)}.prose ol li::marker{font-family:var(--mono);font-size:0.85em}.prose strong{font-weight:650;color:var(--ink)}.prose a{color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:1.5px}.prose a:hover{color:var(--accent)}.prose a.amz{font-weight:600;text-decoration-style:solid}.prose a.amz::after{content:" \2197";font-size:0.8em;color:var(--accent)}a.btn,a.btn:visited,a.btn:hover,a.btn:focus,.prose a.btn,.prose a.btn:visited,.prose a.btn:hover,.prose a.btn:focus{color:var(--fg);text-decoration:none}.prose blockquote{margin:1.8em 0;padding:22px 26px;background:var(--olive-soft);border-left:3px solid var(--olive);border-radius:0 var(--radius) var(--radius) 0}.prose blockquote p{margin:0;color:var(--tip-ink)}.prose blockquote strong{color:var(--olive)}.prose blockquote.warn{background:var(--accent-soft);border-left-color:var(--accent)}.prose blockquote.warn strong{color:var(--accent-2)}.table-wrap{overflow-x:auto;margin:1.6em 0;border:1px solid var(--line);background:var(--card);-webkit-overflow-scrolling:touch}.prose table{width:100%;border-collapse:collapse;font-size:0.93rem;min-width:480px}.prose th,.prose td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}.prose th{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.07em;text-transform:uppercase;font-weight:500;color:var(--ink-2);background:var(--paper-2)}.prose tr:last-child td{border-bottom:0}.prose td:first-child{font-weight:600}.keyfacts{border:1px solid var(--ink);padding:26px 28px 24px;background:var(--card);position:relative}.keyfacts .label{position:absolute;top:-9px;left:22px;background:var(--paper);padding:0 8px;color:var(--ink)}.keyfacts ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.keyfacts li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:0.98rem;margin:0}.keyfacts li::before{content:"";width:14px;height:1px;background:var(--accent);margin-top:0.8em}.picks{margin-top:2.6em}.picks-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--ink);padding-bottom:14px}.prose .picks-head h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-top:6px;padding-top:0;border-top:0}.picks-head p{margin:0;font-size:0.85rem;color:var(--ink-3);max-width:30em}.pick{display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 18px;padding:26px 0;border-bottom:1px solid var(--line)}.pick-num{font-family:var(--serif);font-size:2.6rem;line-height:0.9;color:var(--accent);font-weight:350}.pick h3{margin:0;font-size:1.32rem}.pick-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 12px;font-size:0.84rem;color:var(--ink-2)}.pick-meta b{font-family:var(--mono);font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:500;color:var(--ink-3);margin-right:6px}.pick p{margin:0;font-size:0.97rem}.pm{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:14px 0 18px;font-size:0.9rem}.pm ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;align-content:start}.pm li{display:flex;gap:8px;margin:0}.pm svg{width:16px;height:16px;flex-shrink:0;margin-top:4px}.pm .plus svg{color:var(--olive)}.pm .minus svg{color:var(--accent)}.cta-block{margin-top:3em;padding:clamp(26px,4vw,40px);background:var(--cta-bg);color:var(--cta-ink);border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr auto;gap:20px 32px;align-items:center}.cta-block .label{color:var(--cta-muted)}.cta-block h2,.cta-block .h{font-family:var(--serif);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);margin:8px 0 0;border:0;padding:0;color:var(--cta-ink);line-height:1.15}.cta-block p{margin:8px 0 0;color:var(--cta-text);font-size:0.92rem}.cta-block .disclosure{color:var(--cta-muted)}.faq{margin-top:3.2em}.faq h2{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:16px;padding:20px 0;font-family:var(--serif);font-size:1.18rem;line-height:1.3}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-family:var(--mono);font-size:1.3rem;color:var(--accent);text-align:right;line-height:1;transition:transform 0.2s ease}.faq details[open] summary::after{transform:rotate(45deg)}.faq .answer{padding:0 0 22px;color:var(--ink-2);max-width:680px}.faq .answer p{margin:0}.section{padding-block:clamp(48px,7vw,104px)}.section + .section{border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(28px,4vw,48px)}.section-head h2{margin-top:14px}.section-head p{margin:0;color:var(--ink-2);max-width:34em;justify-self:end}.grid{display:grid;gap:clamp(16px,2vw,28px)}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color 0.2s ease,transform 0.2s ease}.card:hover{border-color:var(--ink);color:var(--ink)}.card-media{aspect-ratio:3 / 2;overflow:hidden;background:var(--paper-2)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.card:hover .card-media img{transform:scale(1.035)}.card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.card-title{font-family:var(--serif);font-size:1.28rem;line-height:1.15;letter-spacing:-0.01em}.card-text{font-size:0.9rem;color:var(--ink-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-foot{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3)}.card-foot svg{width:16px;height:16px;transition:transform 0.2s ease}.card:hover .card-foot svg{transform:translateX(4px);color:var(--accent)}.card-sub{list-style:none;margin:0;padding:0 20px 18px;display:flex;flex-wrap:wrap;gap:6px}.card-sub a{display:inline-block;font-size:0.78rem;padding:4px 10px;border:1px solid var(--line);border-radius:99px;text-decoration:none;color:var(--ink-2);background:var(--paper)}.card-sub a:hover{border-color:var(--accent);color:var(--accent)}.card-wrap{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.card-wrap .card{border:0;flex:1}.card-wrap:hover{border-color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line-2);border-radius:99px;text-decoration:none;font-size:0.9rem;background:var(--card)}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip .dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,0.12)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.swatch{display:flex;flex-direction:column;text-decoration:none;background:var(--card);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.swatch-color{aspect-ratio:4 / 3;position:relative}.swatch-color::after{content:attr(data-hex);position:absolute;right:10px;bottom:8px;font-family:var(--mono);font-size:0.62rem;letter-spacing:0.06em;color:rgba(255,255,255,0.9);text-shadow:0 1px 2px rgba(0,0,0,0.6)}.swatch-name{padding:12px 14px;font-size:0.92rem;font-weight:550;display:flex;justify-content:space-between;align-items:center}.swatch:hover .swatch-name{color:var(--accent)}.index-list{list-style:none;margin:0;padding:0;columns:3 240px;column-gap:40px}.index-list li{break-inside:avoid;border-top:1px solid var(--line)}.index-list a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;text-decoration:none;font-size:0.95rem}.index-list a span{font-family:var(--mono);font-size:0.66rem;color:var(--ink-3);letter-spacing:0.06em;text-transform:uppercase;padding-top:4px}.hero{padding-block:clamp(36px,6vw,88px) clamp(40px,6vw,72px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}.hero h1{font-size:clamp(2.7rem,1.6rem + 4.6vw,5.6rem);margin:22px 0 26px}.hero .lead{max-width:30em}.hero-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px;margin:40px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-family:var(--serif);font-size:2rem;font-weight:400;line-height:1}.hero-stats span{font-family:var(--mono);font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3);margin-top:8px}.band{margin:0;padding-block:0 clamp(40px,6vw,80px)}.band .figure-frame{aspect-ratio:21 / 8}.band figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-family:var(--mono);font-size:0.68rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3)}.finder{border:1px solid var(--ink);background:var(--card)}.finder-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase}.finder-body{padding:20px;display:grid;gap:18px}.finder fieldset{border:0;margin:0;padding:0;min-width:0}.finder legend{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;padding:0;display:flex;gap:10px}.finder legend b{color:var(--accent);font-weight:500}.opts{display:flex;flex-wrap:wrap;gap:6px}.opt{position:relative}.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.opt span{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--line-2);border-radius:99px;font-size:0.86rem;background:var(--paper);transition:all 0.15s ease;cursor:pointer}.opt input:checked + span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.opt input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}.opt .dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,0.15)}.finder-result{border-top:1px solid var(--line);padding:18px 20px 20px;display:grid;gap:12px;background:var(--paper)}.finder-query{font-family:var(--serif);font-size:1.2rem;line-height:1.25}.finder-query small{display:block;font-family:var(--mono);font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.finder-links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:0.86rem}.finder-links a{color:var(--ink-2)}.calc{border:1px solid var(--ink);background:var(--card);margin:2em 0}.calc-body{padding:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.calc label{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:0.68rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-3)}.calc input,.calc select{font:inherit;font-family:var(--sans);font-size:1rem;text-transform:none;letter-spacing:0;color:var(--ink);padding:10px 12px;border:1px solid var(--line-2);background:var(--paper);border-radius:var(--radius);width:100%}.calc input:focus,.calc select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.calc-out{border-top:1px solid var(--line);padding:18px 22px;background:var(--paper);font-size:0.98rem}.calc-out strong{font-family:var(--serif);font-weight:500;font-size:1.25rem;display:block;margin-bottom:4px}.calc-out.ok strong{color:var(--olive)}.calc-out.ko strong{color:var(--accent)}.rubriques{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--line)}.rubrique{padding:26px 24px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;gap:10px;min-height:200px;transition:background 0.2s ease}.rubrique:hover{background:var(--card);color:var(--ink)}.rubrique .n{font-family:var(--mono);font-size:0.7rem;color:var(--accent);letter-spacing:0.08em}.rubrique .t{font-family:var(--serif);font-size:1.55rem;line-height:1.1}.rubrique p{margin:0;font-size:0.9rem;color:var(--ink-2)}.rubrique .c{margin-top:auto;font-family:var(--mono);font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3)}.method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:m}.method li{list-style:none;padding:24px 24px 0 0;border-top:1px solid var(--ink);margin-right:24px;counter-increment:m}.method li::before{content:counter(m,decimal-leading-zero);font-family:var(--mono);font-size:0.72rem;color:var(--accent);display:block;margin-bottom:14px}.method h3{font-size:1.25rem;margin-bottom:10px}.method p{margin:0;font-size:0.93rem;color:var(--ink-2)}.method-list{padding:0;margin:0}.variants{margin-top:3em}.variants h2{border-top:1px solid var(--ink)}.search-dialog{position:fixed;inset:0;z-index:90;display:none;background:var(--overlay);padding:10vh var(--gutter) 24px}.search-dialog.is-open{display:block}.search-box{max-width:720px;margin:0 auto;background:var(--card);border:1px solid var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,0.5)}.search-field{display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line)}.search-field svg{width:20px;height:20px;flex-shrink:0;color:var(--ink-3)}.search-field input{flex:1;border:0;background:transparent;font:inherit;font-size:1.15rem;padding:18px 0;color:var(--ink);min-width:0}.search-field input:focus{outline:none}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.search-results{list-style:none;margin:0;padding:6px 0;max-height:60vh;overflow:auto}.search-results a{display:flex;justify-content:space-between;gap:16px;padding:11px 18px;text-decoration:none}.search-results a:hover,.search-results a.is-active{background:var(--paper-2);color:var(--ink)}.search-results span{font-family:var(--mono);font-size:0.64rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3);padding-top:4px;white-space:nowrap}.search-empty{padding:18px;color:var(--ink-3);font-size:0.92rem}.search-hint{padding:10px 18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:0.64rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3)}.drawer{position:fixed;inset:0;z-index:80;background:var(--paper);transform:translateX(100%);transition:transform 0.28s ease;overflow-y:auto;visibility:hidden}.drawer.is-open{transform:none;visibility:visible}.drawer-head{display:flex;justify-content:space-between;align-items:center;height:var(--header-h);padding-inline:var(--gutter);border-bottom:1px solid var(--line)}.drawer nav{padding:8px var(--gutter) 40px}.drawer details{border-bottom:1px solid var(--line)}.drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-family:var(--serif);font-size:1.45rem;cursor:pointer}.drawer summary::-webkit-details-marker{display:none}.drawer summary::after{content:"+";font-family:var(--mono);color:var(--accent);font-size:1.3rem}.drawer details[open] summary::after{content:"\00d7"}.drawer ul{list-style:none;margin:0;padding:0 0 18px;display:grid;gap:2px}.drawer ul a{display:block;padding:8px 0;text-decoration:none;color:var(--ink-2)}.drawer .drawer-all{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent)}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform 0.25s ease;display:none}.sticky-cta.is-visible{transform:none}.site-footer{background:var(--footer-bg);color:var(--footer-ink);margin-top:clamp(56px,8vw,120px)}.footer-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px;padding-block:64px 48px}.footer-brand .logo-name{color:var(--paper)}.footer-brand p{font-size:0.92rem;color:var(--footer-muted);margin:18px 0 0;max-width:26em}.site-footer h2{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--footer-dim);margin:0 0 16px;font-weight:500}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.site-footer a{text-decoration:none;font-size:0.92rem;color:var(--footer-link)}.site-footer a:hover{color:var(--footer-hover);text-decoration:underline}.footer-bottom{border-top:1px solid var(--footer-line);padding-block:24px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;font-size:0.8rem;color:var(--footer-dim)}.footer-bottom p{margin:0;max-width:62em}.footer-index{border-top:1px solid var(--footer-line);padding-block:32px}.footer-index ul{display:flex;flex-wrap:wrap;gap:6px 18px}.footer-index a{font-size:0.82rem;color:var(--footer-muted)}.simple{max-width:760px;padding-block:clamp(32px,5vw,64px)}.simple h1{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.6rem);margin:16px 0 24px}.notfound{min-height:50vh;display:grid;align-content:center;gap:18px;padding-block:80px}.notfound .code{font-family:var(--mono);color:var(--accent)}@media (max-width:1200px){.main-nav{display:none}.menu-btn{display:inline-grid}.header-actions{margin-left:auto}.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1 / -1}}@media (max-width:1040px){.article-layout{grid-template-columns:1fr}.toc{display:none}.grid-4,.rubriques{grid-template-columns:repeat(2,minmax(0,1fr))}.method{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}@media (max-width:860px){.page-head-grid,.hero-grid,.section-head{grid-template-columns:1fr}.section-head p{justify-self:start}.sheet{grid-template-columns:1fr}.sheet-diagram{border-right:0;border-bottom:1px solid var(--ink)}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-block{grid-template-columns:1fr}.sticky-cta{display:block}body.has-sticky .site-footer{padding-bottom:76px}}@media (max-width:600px){body{font-size:1rem}.grid-4,.grid-3,.grid-2,.rubriques,.method{grid-template-columns:1fr}.method li{margin-right:0}.hero-stats{grid-template-columns:repeat(3,1fr);gap:12px}.hero-stats b{font-size:1.5rem}.pick{grid-template-columns:1fr}.pick-num{font-size:2rem;margin-bottom:8px}.pm{grid-template-columns:1fr}.band .figure-frame{aspect-ratio:4 / 3}.footer-top{grid-template-columns:1fr 1fr}.logo-tag{display:none}.cta-row .btn{width:100%}.sheet dl{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.rubrique{min-height:0}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}@media print{.site-header,.site-footer,.toc,.sticky-cta,.cta-row,.picks,.cta-block{display:none !important}}.section-alt{background:var(--card)}.home .hero{border-bottom:0}@font-face{font-family:"Barlow";src:url("/assets/fonts/barlow-400.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Barlow";src:url("/assets/fonts/barlow-500.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:"Barlow";src:url("/assets/fonts/barlow-600.woff2") format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"Barlow";src:url("/assets/fonts/barlow-700.woff2") format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("/assets/fonts/barlow-condensed-600.woff2") format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("/assets/fonts/barlow-condensed-700.woff2") format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("/assets/fonts/barlow-condensed-800.woff2") format("woff2");font-weight:800;font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("/assets/fonts/barlow-condensed-600-italic.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("/assets/fonts/barlow-condensed-700-italic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("/assets/fonts/barlow-condensed-800-italic.woff2") format("woff2");font-weight:800;font-style:italic;font-display:swap}:root{--serif:"Barlow Condensed","Arial Narrow",sans-serif;--sans:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Barlow Condensed","Arial Narrow",sans-serif;--hivis:#ffd000;--hivis-2:#f0c000;--asphalt:#121212;--paper:#f2f2ef;--paper-2:#e6e6e1;--card:#ffffff;--ink:#121212;--ink-2:#393939;--ink-3:#5c5c58;--line:#d9d9d3;--line-2:#bcbcb5;--accent:#d6261b;--accent-2:#b31d14;--accent-soft:#fbe3e1;--on-accent:#ffffff;--olive:#121212;--olive-soft:#fff6cc;--tip-ink:#2b2a20;--prose:#232323;--cta-bg:#121212;--cta-ink:#ffffff;--cta-text:#d4d4d0;--cta-muted:#a8a8a2;--footer-bg:#121212;--footer-ink:#e2e2de;--footer-muted:#b9b9b3;--footer-dim:#8d8d87;--footer-link:#f4f4f1;--footer-hover:var(--hivis);--footer-line:#2e2e2c;--header-bg:#121212;--overlay:rgba(10,10,10,0.6);--shadow:0 24px 48px -28px rgba(0,0,0,0.45);--frame-mark:var(--hivis);--radius:3px;--radius-lg:4px}body{font-size:1.07rem}h1,h2,h3,h4{font-family:var(--serif);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:0.005em;line-height:0.95;font-variation-settings:normal}h1{font-size:clamp(2.6rem,1.6rem + 4vw,5.2rem)}h2{font-size:clamp(1.9rem,1.4rem + 1.8vw,2.9rem)}h3{font-size:clamp(1.35rem,1.15rem + 0.6vw,1.7rem);font-weight:700;line-height:1.05}h1 em,h2 em{color:var(--ink);background:linear-gradient(transparent 58%,var(--hivis) 58%,var(--hivis) 92%,transparent 92%);padding:0 0.08em;font-weight:800}.mono,.kicker,.label{font-family:var(--mono);font-weight:700;font-size:0.86rem;letter-spacing:0.08em}.kicker{color:var(--accent)}.kicker::before{width:26px;height:6px;background:repeating-linear-gradient(-45deg,var(--hivis) 0 4px,var(--asphalt) 4px 8px)}.site-header{border-bottom:4px solid var(--hivis);backdrop-filter:none;-webkit-backdrop-filter:none}.site-header .logo,.site-header .logo:hover{color:#fff}.logo-name{font-family:var(--serif);font-style:italic;font-weight:800;font-size:1.6rem;text-transform:uppercase;letter-spacing:0.01em}.logo-tag{color:#b8b8b2;font-family:var(--mono);font-weight:600;letter-spacing:0.16em}.nav-item>a{color:#f2f2ef;font-family:var(--serif);font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:0.04em}.nav-item:hover>a,.nav-item:focus-within>a,.nav-item>a[aria-current]{color:var(--hivis);border-bottom-color:var(--hivis)}.mega{color:var(--ink)}.mega a{color:var(--ink)}.site-header .icon-btn{color:#fff}.site-header .icon-btn:hover{border-color:var(--hivis)}.btn{font-family:var(--serif);font-weight:700;font-size:1.08rem;text-transform:uppercase;letter-spacing:0.04em}.btn-amazon{--bg:var(--hivis);--fg:#121212;border-color:#121212;box-shadow:4px 4px 0 #121212}.btn-amazon:hover{background:var(--hivis-2);border-color:#121212;box-shadow:2px 2px 0 #121212;transform:translate(2px,2px)}.btn-ghost{border-width:2px}.btn-small{font-size:0.98rem}.page-head{border-bottom:0;position:relative}.page-head::after,.site-footer::before{content:"";display:block;height:10px;background:repeating-linear-gradient(-45deg,var(--hivis) 0 14px,var(--asphalt) 14px 28px)}.page-head::after{position:absolute;left:0;right:0;bottom:0}.site-footer::before{margin-bottom:0}.figure-frame{border-radius:0;box-shadow:8px 8px 0 var(--hivis)}.figure-frame::after{border-color:var(--hivis)}.dim::before{background:var(--asphalt);height:2px}.dim::after{border-color:var(--asphalt);border-width:2px}.dim span{font-family:var(--mono);font-weight:700;font-size:0.85rem;text-transform:uppercase;background:var(--paper);color:var(--ink)}.card{border-width:2px}.card:hover{border-color:var(--asphalt);box-shadow:6px 6px 0 var(--hivis);transform:translate(-2px,-2px)}.card-title{font-family:var(--serif);font-weight:800;font-style:italic;text-transform:uppercase;font-size:1.45rem;line-height:1}.card-foot{font-weight:700}.card-wrap{border-width:2px}.prose h2{border-top:0;padding-top:0;padding-left:18px;border-left:8px solid var(--hivis)}.prose h2 .num{color:var(--ink-3);font-size:0.9rem}.prose a{text-decoration-color:var(--hivis);text-decoration-thickness:3px}.prose a:hover{color:var(--accent)}.prose blockquote{background:var(--olive-soft);border-left:6px solid var(--asphalt)}.prose blockquote strong{color:var(--ink)}.prose th{background:var(--asphalt);color:#fff;font-size:0.85rem}.table-wrap{border-width:2px;border-color:var(--asphalt)}.keyfacts{border:2px solid var(--asphalt);box-shadow:6px 6px 0 var(--hivis)}.keyfacts li::before{height:6px;width:14px;background:var(--accent);margin-top:0.55em}.pick-num{font-family:var(--serif);font-weight:800;font-style:italic;color:var(--ink);-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--hivis)}.pick h3{font-size:1.6rem}.picks-head{border-bottom:4px solid var(--asphalt)}.sheet{border:2px solid var(--asphalt)}.sheet-title{background:var(--asphalt);color:#fff;border-color:var(--asphalt)}.sheet dt{font-weight:700}.cta-block{border-left:10px solid var(--hivis)}.cta-block .h{font-family:var(--serif);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem)}.faq h2{border-top:4px solid var(--asphalt)}.faq summary{font-family:var(--sans);font-weight:700;font-size:1.12rem}.faq summary::after{color:var(--accent)}.hero{background:linear-gradient(115deg,transparent 0 62%,rgba(255,208,0,0.16) 62% 64%,transparent 64% 67%,rgba(255,208,0,0.12) 67% 68%,transparent 68%)}.hero h1{font-size:clamp(3rem,1.6rem + 5.4vw,6.4rem)}.hero-stats b{font-family:var(--serif);font-weight:800;font-style:italic;font-size:2.6rem}.rubriques{border-top:4px solid var(--asphalt)}.rubrique .t{font-family:var(--serif);font-style:italic;font-weight:800;text-transform:uppercase;font-size:1.75rem;line-height:1}.rubrique:hover{background:var(--hivis)}.rubrique:hover p,.rubrique:hover .c{color:var(--ink)}.method li{border-top:4px solid var(--asphalt)}.finder,.calc{border:2px solid var(--asphalt);box-shadow:8px 8px 0 var(--hivis)}.finder-head{background:var(--asphalt);color:#fff;border-bottom:0;font-family:var(--mono);font-weight:700;font-size:0.9rem}.opt span{font-weight:600;border-radius:3px}.opt input:checked + span{background:var(--hivis);color:var(--ink);border-color:var(--asphalt)}.finder-query{font-family:var(--serif);font-weight:700;font-style:italic;text-transform:uppercase}.calc-out strong{font-family:var(--serif);font-style:italic;text-transform:uppercase;font-size:1.5rem}.calc-out.ok strong{color:#1d7a34}.site-footer .logo-name{color:#fff}.site-footer .logo-tag{color:#b8b8b2}.sticky-cta{background:rgba(18,18,18,0.94);border-top:3px solid var(--hivis)}.tool-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:0.95rem}.prose .tool-table{min-width:0}.tool-table th,.tool-table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}.tool-table tr.is-match td{background:var(--hivis);font-weight:700}.verdict{display:grid;gap:8px}.verdict ul{margin:0;padding-left:1.2em}