:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f5f1;--surface:#fff;--surface-2:#efede7;--surface-3:#e4e1d9;--ink:#15171c;--ink-2:#4b515c;--ink-3:#626a77;--hairline:#15171c1f;--hairline-2:#15171c0f;--accent:#ffc800;--accent-ink:#15171c;--accent-wash:#ffc8002e;--accent-ring:#ffc8008c;--t-flip:#0b7285;--t-fold:#b4451e;--t-tri:#4d7c0f;--ok:#1b7f3b;--warn:#b45309;--bad:#b91c1c;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif;--font-text:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--fs-mega:clamp(2.25rem, 1.6rem + 2.6vw, 3.75rem);--fs-h1:clamp(2rem, 1.5rem + 2vw, 3rem);--fs-h2:clamp(1.5rem, 1.32rem + .74vw, 2rem);--fs-h3:clamp(1.125rem, 1.05rem + .22vw, 1.3rem);--fs-body:clamp(1rem, .97rem + .12vw, 1.0625rem);--fs-small:.875rem;--fs-label:.6875rem;--lh-tight:1.05;--lh-text:1.6;--track-tight:-.03em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--r-1:4px;--r-2:8px;--r-3:14px;--shadow:0 1px 2px #15171c14, 0 12px 32px #15171c1f;--content-max:1120px;--reading-max:680px;--ease:cubic-bezier(.22, .84, .28, 1);--ease-pant:cubic-bezier(.34, 1.3, .5, 1);--t-fast:.13s;--t-med:.26s;--t-slow:.7s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#121311;--surface:#1b1c19;--surface-2:#242622;--surface-3:#30332d;--ink:#edece6;--ink-2:#a6a69c;--ink-3:#8a8b82;--hairline:#edece61f;--hairline-2:#edece60f;--accent:#ffd23f;--accent-wash:#ffd23f24;--accent-ring:#ffd23f80;--t-flip:#4dd0e1;--t-fold:#ff9a6c;--t-tri:#a3e635;--ok:#5bd37a;--warn:#fbbf24;--bad:#ff7a7a;--shadow:0 1px 2px #00000080, 0 12px 32px #00000073}}:root[data-theme=dark]{--bg:#121311;--surface:#1b1c19;--surface-2:#242622;--surface-3:#30332d;--ink:#edece6;--ink-2:#a6a69c;--ink-3:#8a8b82;--hairline:#edece61f;--hairline-2:#edece60f;--accent:#ffd23f;--accent-wash:#ffd23f24;--accent-ring:#ffd23f80;--t-flip:#4dd0e1;--t-fold:#ff9a6c;--t-tri:#a3e635;--ok:#5bd37a;--warn:#fbbf24;--bad:#ff7a7a;--shadow:0 1px 2px #00000080, 0 12px 32px #00000073}@keyframes pant-open{0%{transform:rotateY(-178deg)}to{transform:rotateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--fs-body);line-height:var(--lh-text);-webkit-font-smoothing:antialiased;margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-1)}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--track-tight);font-weight:800;line-height:var(--lh-tight);margin:0 0 var(--s-4);text-wrap:balance}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);letter-spacing:-.01em}p{margin:0 0 var(--s-4)}ul,ol{margin:0 0 var(--s-4);padding-left:1.2em}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;padding:var(--s-3) var(--s-3);border-bottom:1px solid var(--hairline);vertical-align:top}th{font:600 var(--fs-label)/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);background:var(--surface-2);z-index:1;position:sticky;top:0}code,.mono{font-family:var(--font-mono)}hr{border:0;border-top:1px solid var(--hairline);margin:var(--s-6) 0}strong{font-weight:700}small{font-size:var(--fs-small)}.wrap{max-width:var(--content-max);margin:0 auto;padding-inline:clamp(16px,4vw,32px)}.reading{max-width:var(--reading-max)}.section{padding-block:var(--s-7)}.section+.section{border-top:1px solid var(--hairline)}.label{font:600 var(--fs-label)/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin:0 0 var(--s-3);display:block}.muted{color:var(--ink-2)}.meta{color:var(--ink-3);font-size:var(--fs-small)}.grid-2{gap:var(--s-6);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--s-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=800px){.grid-2,.grid-3{grid-template-columns:1fr}}.pant{gap:var(--s-5);grid-template-columns:1fr 1px 1fr;align-items:start;display:grid}.pant>.hinge{background:var(--hairline);align-self:stretch}@media (width<=700px){.pant{grid-template-columns:1fr}.pant>.hinge{height:1px}}.site-header{justify-content:space-between;align-items:center;gap:var(--s-4);padding-block:var(--s-4);border-bottom:1px solid var(--hairline);display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand .mark{border:2px solid var(--ink);border-radius:4px;width:26px;height:18px;position:relative}.brand .mark:after{content:"";background:var(--accent);width:3px;position:absolute;top:-2px;bottom:-2px;left:50%;transform:translate(-50%)}.nav{gap:var(--s-4);flex-wrap:wrap;align-items:center;display:flex}.nav a{font-weight:600;font-size:var(--fs-small);color:var(--ink-2);padding:6px 2px;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.nav-toggle{display:none}@media (width<=760px){.nav-toggle{border:1px solid var(--hairline);background:var(--surface);border-radius:var(--r-2);cursor:pointer;width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.nav{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-3);padding:var(--s-4);box-shadow:var(--shadow);z-index:20;flex-direction:column;align-items:stretch;display:none;position:absolute;top:64px;left:16px;right:16px}.nav.open{display:flex}.site-header{position:relative}}.site-footer{border-top:1px solid var(--hairline);padding-block:var(--s-6);color:var(--ink-2);font-size:var(--fs-small);gap:var(--s-4);display:grid}.site-footer .cols{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.site-footer a{-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline)}.btn{min-height:40px;padding:0 var(--s-4);border-radius:var(--r-2);font-weight:700;font-size:var(--fs-small);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 85%, var(--ink))}.btn-secondary{color:var(--ink);border-color:var(--hairline);background:0 0}.btn-secondary:hover{background:var(--surface-2)}.btn-ink{background:var(--ink);color:var(--bg)}.btn-ink:hover{background:var(--ink-2)}.btn-sm{min-height:32px;padding-inline:var(--s-3);font-size:.8rem}.chip{border-radius:var(--r-1);height:24px;font:600 var(--fs-label)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.chip-flip{color:var(--t-flip);background:color-mix(in srgb, var(--t-flip) 14%, transparent)}.chip-fold{color:var(--t-fold);background:color-mix(in srgb, var(--t-fold) 14%, transparent)}.chip-tri{color:var(--t-tri);background:color-mix(in srgb, var(--t-tri) 14%, transparent)}.chip-neutral{color:var(--ink-2);background:var(--surface-2)}.chip-accent{color:var(--accent-ink);background:var(--accent)}.filter{border:1px solid var(--hairline);background:var(--surface);min-height:36px;font-size:var(--fs-small);color:var(--ink-2);cursor:pointer;transition:background var(--t-fast) var(--ease);border-radius:999px;align-items:center;padding:0 12px;font-weight:600;display:inline-flex}.filter:hover{background:var(--surface-2)}.filter[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-3);padding:var(--s-5)}.callout{border-left:3px solid var(--accent);background:var(--accent-wash);padding:var(--s-4) var(--s-5);border-radius:0 var(--r-2) var(--r-2) 0;margin:var(--s-5) 0}.callout-warn{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, transparent)}.callout-bad{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent)}.pm{margin:0 0 var(--s-4);gap:6px;padding:0;list-style:none;display:grid}.pm li{grid-template-columns:22px 1fr;align-items:start;gap:8px;display:grid}.pm li:before{font:800 .95rem/1.5 var(--font-mono);text-align:center;border-radius:4px;height:22px}.pm .plus:before{content:"+";color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent)}.pm .minus:before{content:"−";color:var(--bad);background:color-mix(in srgb, var(--bad) 14%, transparent)}.pm .warn:before{content:"!";color:var(--warn);background:color-mix(in srgb, var(--warn) 14%, transparent)}.stat{gap:4px;display:grid}.stat .num{font:800 var(--fs-h1)/1 var(--font-display);letter-spacing:var(--track-tight)}.price{font-family:var(--font-mono);white-space:nowrap;font-weight:700}details.faq{border-top:1px solid var(--hairline)}details.faq:last-of-type{border-bottom:1px solid var(--hairline)}details.faq summary{cursor:pointer;padding:var(--s-4) 0;justify-content:space-between;gap:var(--s-4);font-weight:700;list-style:none;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--ink-3);font-weight:400}details.faq[open] summary:after{content:"−"}details.faq .body{padding-bottom:var(--s-4);color:var(--ink-2);max-width:var(--reading-max)}.table-wrap{border:1px solid var(--hairline);border-radius:var(--r-3);background:var(--surface);overflow-x:auto}.table-wrap table{min-width:760px}.table-wrap th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none}.table-wrap th[data-sort]:hover{color:var(--ink)}.table-wrap th[aria-sort=ascending]:after{content:" ↑"}.table-wrap th[aria-sort=descending]:after{content:" ↓"}.table-wrap tbody tr:hover{background:var(--surface-3)}.table-wrap tr[hidden]{display:none}.table-wrap td.name a{font-weight:700;text-decoration:none}.table-wrap td.name a:hover{text-decoration:underline}.table-wrap td.name .brand-l{color:var(--ink-3);font-size:var(--fs-label);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;display:block}.filters{margin-bottom:var(--s-4);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters .sep{background:var(--hairline);width:1px;height:24px;margin-inline:4px}.empty{padding:var(--s-6);color:var(--ink-2);text-align:left}.device{perspective:900px;grid-auto-flow:column;gap:0;display:inline-grid}.device .half{border:2px solid var(--ink-3);background:var(--surface-2);transform-origin:100%;border-radius:8px 3px 3px 8px;width:44px;height:92px;position:relative}.device .half+.half{transform-origin:0;border-left-width:1px;border-radius:3px 8px 8px 3px}.device .half:first-child{border-right-width:1px}.device{position:relative}.device:after{content:"";background:var(--accent);border-radius:2px;width:4px;position:absolute;top:-3px;bottom:-3px;left:50%;transform:translate(-50%)}.device.flip:after{width:auto;height:4px;inset:50% -3px auto;transform:translateY(-50%)}.device.lg:after{width:6px;top:-4px;bottom:-4px}.device.lg.flip:after{width:auto;height:6px;inset:50% -4px auto}.device.flip{grid-auto-flow:row}.device.flip .half{transform-origin:bottom;border-radius:8px 8px 3px 3px;width:44px;height:46px}.device.flip .half+.half{transform-origin:top;border-radius:3px 3px 8px 8px}.device.tri .half{width:30px}.device.animate .half:first-child{animation:pant-open var(--t-slow) var(--ease-pant) both;animation-delay:.3s}.device.flip.animate .half:first-child{animation-name:pant-open-flip}@keyframes pant-open-flip{0%{transform:rotateX(178deg)}to{transform:rotateX(0)}}.device.lg .half{border-width:3px;border-radius:16px 4px 4px 16px;width:92px;height:190px}.device.lg .half+.half{border-radius:4px 16px 16px 4px}.device.lg.flip .half{border-radius:16px 16px 4px 4px;width:92px;height:96px}.device.lg.flip .half+.half{border-radius:4px 4px 16px 16px}.device.lg .half:after{content:"";background:var(--surface-3);border-radius:6px;position:absolute;inset:8px}.hero{gap:var(--s-6);padding-block:var(--s-7) var(--s-6);grid-template-columns:1.4fr 1fr;align-items:center;display:grid}.hero h1{font-size:var(--fs-mega);margin-bottom:var(--s-4);max-width:14ch}.hero .lede{color:var(--ink-2);max-width:34ch;font-size:1.15rem}.hero .art{gap:var(--s-6);justify-content:center;align-items:center;display:flex}@media (width<=800px){.hero{grid-template-columns:1fr}.hero .art{justify-content:flex-start}}.quiz{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-3);padding:var(--s-5)}.quiz .q{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h2);letter-spacing:var(--track-tight);margin-bottom:var(--s-4)}.quiz .opts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.quiz .opt{border:1px solid var(--hairline);border-radius:var(--r-2);background:var(--bg);text-align:left;cursor:pointer;min-height:56px;font:inherit;color:var(--ink);transition:background var(--t-fast) var(--ease);padding:12px 14px;font-weight:600}.quiz .opt:hover{background:var(--surface-2)}.quiz .opt[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.quiz .opt small{color:inherit;opacity:.75;font-weight:400;display:block}.quiz .steps{margin-bottom:var(--s-4);gap:6px;display:flex}.quiz .steps i{background:var(--surface-3);border-radius:2px;flex:1;height:4px}.quiz .steps i.done{background:var(--accent)}.quiz .result{gap:var(--s-4);display:grid}.quiz .result .pick{border:1px solid var(--hairline);border-radius:var(--r-2);padding:var(--s-4);background:var(--bg)}.quiz .result .pick.main{border-color:var(--accent);background:var(--accent-wash)}.prose{max-width:var(--reading-max)}.prose h2{margin-top:var(--s-7)}.prose h3{margin-top:var(--s-6)}.prose table{font-size:var(--fs-small)}.prose th{position:static}