:root{--ground:#FBFAF6;--ink:#15151B;--blue:#1D5FD1;--lime:#C6EE4A;--red:#C93A2B;--u:8px;--edge:3px;--gut:clamp(16px,4vw,48px);--f-h1:clamp(2rem,1.5rem + 2.4vw,3.5rem);--f-h2:clamp(1.25rem,1.1rem + 0.8vw,1.75rem);--f-b:1rem;--dot-color:29,95,209;--dot-gap:16;color-scheme:light;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--ink) var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--f-b)/1.6 "Figtree",system-ui,sans-serif;overflow-x:clip}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h1,h2,h3{font-family:"Bricolage Grotesque","Figtree",sans-serif;font-weight:800;margin:0;text-wrap:balance;letter-spacing:-0.02em}p,li,dd{text-wrap:pretty}p{margin:0}.wrap{max-width:1200px;margin:0 auto;padding:0 max(var(--gut),env(safe-area-inset-left)) 0 max(var(--gut),env(safe-area-inset-right))}.muted{color:rgba(21,21,27,.74)}svg.i{width:24px;height:24px;flex:none;fill:currentColor}.bar{border-bottom:var(--edge) solid var(--ink);background:var(--ground)}.bar .wrap{display:flex;align-items:center;gap:calc(var(--u) * 2);padding-top:calc(var(--u) * 1);padding-bottom:calc(var(--u) * 1);min-height:calc(var(--u) * 8)}.logo{display:block;width:clamp(48px,30px + 4vw,80px);height:auto;aspect-ratio:1;border:var(--edge) solid var(--ink)}.bar .name{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:var(--f-b);line-height:1.2}.bar .chan{font-size:var(--f-b);color:rgba(21,21,27,.74);margin-left:auto}.hero{background-color:var(--ground);background-image:radial-gradient(rgba(29,95,209,.16) 1.5px,transparent 1.6px);background-size:16px 16px;border-bottom:var(--edge) solid var(--ink)}@supports (background:paint(dots)){.hero{background-image:paint(dots)}}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"shelf" "copy" "panel";column-gap:calc(var(--u) * 6);padding-top:calc(var(--u) * 2);padding-bottom:calc(var(--u) * 5)}.shelfbox{grid-area:shelf;min-width:0}.copy{grid-area:copy;min-width:0}.panelbox{grid-area:panel;min-width:0}.shelf-label{font-weight:600;margin-bottom:var(--u)}.shelf{display:flex;gap:var(--u);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 calc(var(--u) * 1.5);margin:0;list-style:none;scrollbar-width:thin;overscroll-behavior-x:contain}.shelf li{scroll-snap-align:start;flex:0 0 auto;min-width:120px;background:var(--ground);border:var(--edge) solid var(--ink);padding:var(--u) calc(var(--u) * 1.5);line-height:1.3}.shelf li b{display:block;font-weight:600}.shelf li span{font-size:var(--f-b);color:rgba(21,21,27,.74)}.shelf li.on{background:var(--lime);box-shadow:4px 4px 0 var(--ink)}.shelf li.on span{color:var(--ink);display:flex;align-items:center;gap:4px}.shelf li.on svg{width:18px;height:18px}h1{font-size:var(--f-h1);line-height:1.05;margin-top:calc(var(--u) * 2)}h1 span{display:block}.lede{margin-top:calc(var(--u) * 2);max-width:34em;font-size:var(--f-b)}.btn-go{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0 calc(var(--u) * 3);background:var(--blue);color:#fff;border:var(--edge) solid var(--ink);font:600 1.125rem/1.2 "Figtree",sans-serif;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s cubic-bezier(.16,1,.3,1)}.btn-go:active{transform:translateY(2px)}@media (hover: hover) and (pointer: fine){.btn-go:hover{transform:translateY(-2px)}}.btn-go:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.go{margin-top:calc(var(--u) * 3)}.under{margin-top:var(--u);font-size:var(--f-b)}.sw{display:inline-flex;align-items:center;gap:var(--u);min-height:48px;margin-top:calc(var(--u) * 3);padding:4px;border:var(--edge) solid var(--ink);background:var(--ground);font:600 var(--f-b)/1 "Figtree",sans-serif;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.sw .opt{position:relative;z-index:1;padding:10px 16px;min-width:96px;text-align:center;transition:color .25s}.sw .opt{transition:background-color .25s,color .25s}[data-side="with"] .sw .o-vip,[data-side="without"] .sw .o-std{color:var(--ground);background:var(--ink)}.panel{margin-top:calc(var(--u) * 3);border:var(--edge) solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--ground);max-width:400px}.panel svg{display:block;width:100%;height:auto}.tape{transform-origin:300px 344px;animation:land .5s cubic-bezier(.16,1,.3,1) .25s both}@keyframes land{from{opacity:0;transform:translateY(-24px) rotate(-12deg)}to{opacity:1;transform:none}}@media (min-width: 960px){.shelf{flex-wrap:wrap;overflow-x:visible}.hero .wrap{grid-template-columns:7fr 5fr;grid-template-areas:"shelf panel" "copy panel";padding-top:calc(var(--u) * 4);padding-bottom:calc(var(--u) * 6)}.panelbox{align-self:start}.sw{margin-top:0}}.toc{padding:calc(var(--u) * 6) 0 0}.toc ol{list-style:none;margin:calc(var(--u) * 2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--u) calc(var(--u) * 3)}.toc a{display:inline-flex;align-items:center;gap:var(--u);min-height:44px;color:var(--ink);text-decoration:none}.toc a .t{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:4px}.kc{display:inline-grid;place-items:center;width:32px;height:32px;border:2px solid var(--ink);border-bottom-width:4px;font-weight:600;text-decoration:none;background:var(--ground)}.q{padding:calc(var(--u) * 6) 0 0}.q h2{font-size:var(--f-h2);line-height:1.2;max-width:24em}.q p{margin-top:var(--u)}.sec{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * 2);padding:calc(var(--u) * 10) 0 0;scroll-margin-top:calc(var(--u) * 2)}.sec h2{font-size:var(--f-h2);line-height:1.2}.sec .tag{display:flex;align-items:center;gap:var(--u);font-weight:600;margin-bottom:var(--u)}.best .tag{color:var(--ink)}.best .tag svg{color:var(--blue)}@media (min-width: 960px){.sec{grid-template-columns:4fr 8fr;gap:calc(var(--u) * 6)}}.rows{list-style:none;margin:0;padding:0;border-top:var(--edge) solid var(--ink)}.rows li{display:flex;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) 0;border-bottom:1px solid rgba(21,21,27,.3)}.rows li svg{color:var(--blue);margin-top:2px}.rows b{font-weight:600}.answer{border:var(--edge) solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:calc(var(--u) * 3);background:var(--ground)}.answer p+p{margin-top:calc(var(--u) * 2)}.pairs{display:grid;gap:calc(var(--u) * 3)}.pair{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * 2)}@media (min-width: 640px){.pair{grid-template-columns:1fr 1fr}}.card{border:var(--edge) solid var(--ink)}.card .hd{display:flex;align-items:center;gap:var(--u);padding:var(--u) calc(var(--u) * 2);font-weight:600;border-bottom:var(--edge) solid var(--ink)}.do .hd{background:var(--lime);color:var(--ink)}.dont .hd{background:var(--red);color:#fff}.card p{padding:calc(var(--u) * 2)}.tw{overflow-x:auto;border:var(--edge) solid var(--ink)}table{border-collapse:collapse;width:100%;min-width:600px}caption{text-align:left;padding:calc(var(--u) * 2);font-weight:600;caption-side:top}th,td{text-align:left;vertical-align:top;padding:calc(var(--u) * 2);border-top:1px solid rgba(21,21,27,.3);font-size:var(--f-b)}thead th{border-top:var(--edge) solid var(--ink);border-bottom:var(--edge) solid var(--ink)}th[scope="row"],thead th:first-child{position:sticky;left:0;background:var(--ground);font-weight:600;border-right:1px solid rgba(21,21,27,.3);width:36%}td b{font-weight:600;text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:4px}details{border-bottom:1px solid rgba(21,21,27,.3)}details:first-of-type{border-top:var(--edge) solid var(--ink)}summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 2);cursor:pointer;font-weight:600;list-style:none;-webkit-tap-highlight-color:transparent}summary::-webkit-details-marker{display:none}summary svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}details[open] summary svg{transform:rotate(45deg)}details p{padding:0 0 calc(var(--u) * 2)}.close{--s:320px;position:relative;min-height:calc(var(--s) + 216px);margin-top:calc(var(--u) * 12)}.sheet{position:absolute;inset:0;background:var(--ink);color:var(--ground);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--s)),calc(100% - var(--s)) 100%,0 100%);padding:calc(var(--u) * 4) calc(var(--u) * 3)}.sheet h2{font-size:var(--f-h2);line-height:1.2;max-width:18em}.sheet p{margin-top:var(--u);max-width:30em;color:rgba(251,250,246,.86)}.flap{position:absolute;right:0;bottom:0;width:var(--s);aspect-ratio:1}.flap svg{position:absolute;inset:0;width:100%;height:100%}.flap .btn-go{position:absolute;left:8px;top:8px;width:240px;min-width:0;padding:0 12px}@media (min-width: 640px){.close{--s:400px;min-height:calc(var(--s) + 120px)}.flap .btn-go{left:24px;top:24px}}footer{position:relative;margin-top:calc(var(--u) * 8);padding:calc(var(--u) * 5) 0 max(calc(var(--u) * 5),env(safe-area-inset-bottom))}footer::before{content:"";position:absolute;top:0;left:var(--gut);right:var(--gut);height:1px;background:linear-gradient(90deg,transparent,var(--ink) 20%,var(--ink) 80%,transparent)}footer .wrap{display:grid;gap:calc(var(--u) * 4)}@media (min-width: 960px){footer .wrap{grid-template-columns:7fr 5fr;align-items:start}}.facts{border:var(--edge) solid var(--ink)}.facts h2{font-size:var(--f-b);padding:var(--u) calc(var(--u) * 2);border-bottom:var(--edge) solid var(--ink);font-family:"Figtree",sans-serif;font-weight:600;letter-spacing:0}.facts dl{margin:0}.facts div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--u);padding:var(--u) calc(var(--u) * 2);border-top:1px solid rgba(21,21,27,.3)}.facts div:first-child{border-top:0}.facts dt{font-weight:600}.facts dd{margin:0}footer a,.facts a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:4px}.legal-links{display:flex;flex-wrap:wrap;gap:var(--u) calc(var(--u) * 3);margin-top:calc(var(--u) * 2)}.legal-links a{display:inline-flex;align-items:center;min-height:44px}dialog{border:var(--edge) solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:0;max-width:min(92vw,520px);width:100%;background:var(--ground);color:var(--ink)}dialog::backdrop{background:rgba(21,21,27,.55)}.dlg{padding:calc(var(--u) * 3)}.dlg h2{font-size:var(--f-h2)}.dlg .rt{margin-top:4px}.dlg h3{font-size:var(--f-b);margin-top:calc(var(--u) * 3);font-family:"Figtree",sans-serif;font-weight:600;letter-spacing:0;scroll-margin-top:var(--u)}.dlg ul{list-style:none;margin:var(--u) 0 0;padding:0}.dlg li{padding:4px 0;border-bottom:1px solid rgba(21,21,27,.2)}.x{display:inline-flex;align-items:center;gap:var(--u);margin-top:calc(var(--u) * 3);min-height:44px;padding:0 calc(var(--u) * 2);border:var(--edge) solid var(--ink);background:var(--ground);color:var(--ink);font:600 var(--f-b)/1 "Figtree",sans-serif;cursor:pointer}.x kbd{font:600 var(--f-b)/1 "Figtree",sans-serif;border:2px solid var(--ink);border-bottom-width:4px;padding:2px 6px}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}