:root{--bg:#fbfaf6;--surface:#fff;--text:#1d2420;--muted:#5a645e;--border:#dcdfd8;--accent:#1f5c3f;--accent-soft:#e5efe8;--link:#1a5a8c;--red:#b3261e;--black:#1d2420;--card-bg:#fff;--card-border:#c9cdc5;--house:#fdf3dc;--house-border:#e0b85a;--tip:#e5efe8;--tip-border:#6ea585;--example:#eaf1f8;--example-border:#7aa3c8;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--measure:70ch;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#121614;--surface:#1a201d;--text:#e6e9e4;--muted:#a3ada6;--border:#2f3833;--accent:#7cc49b;--accent-soft:#1d2d24;--link:#8cc0ec;--red:#ef7b73;--black:#e6e9e4;--card-bg:#222a26;--card-border:#3d4842;--house:#2e2817;--house-border:#8c7230;--tip:#1d2d24;--tip-border:#3f7a58;--example:#1b2633;--example-border:#3f6a91}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:1.0625rem/1.65 var(--font);margin:0}a{color:var(--link);text-underline-offset:.15em}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:var(--surface);padding:.5rem 1rem;top:1rem;left:1rem}.site-header{background:var(--accent);color:#fff}@media (prefers-color-scheme:dark){.site-header{background:#143d2a}}.header-inner{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;max-width:72rem;margin:0 auto;padding:.75rem 1rem;display:flex}.brand{color:#fff;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#1d2420;background:#fff;border-radius:4px;place-items:center;width:1.9rem;height:2.5rem;font-size:.9rem;font-weight:800;line-height:1;display:inline-grid}.brand-mark .red{color:#b3261e}.site-header nav ul{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:#fff;opacity:.9;font-size:.95rem;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current]{opacity:1;text-underline-offset:.3em;text-decoration:underline}.content{max-width:calc(var(--measure) + 2rem);margin:0 auto;padding:1.5rem 1rem 3rem}.content.wide{max-width:72rem}h1,h2,h3{scroll-margin-top:1rem;line-height:1.25}h1{margin:.5rem 0 1rem;font-size:clamp(1.8rem,4vw,2.4rem)}h2{border-top:1px solid var(--border);margin:2.25rem 0 .75rem;padding-top:.5rem;font-size:1.45rem}h3{margin:1.5rem 0 .5rem;font-size:1.15rem}.lede{color:var(--muted);margin-top:0;font-size:1.2rem}.muted{color:var(--muted)}li+li{margin-top:.25rem}hr{border:0;border-top:1px solid var(--border);margin:2rem 0}kbd,.pill{font:inherit;background:var(--accent-soft);border-radius:999px;padding:.05em .45em;font-size:.85em}.crumbs ol{color:var(--muted);flex-wrap:wrap;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.crumbs li{margin:0}.crumbs li+li:before{content:"›";padding:0 .4rem}.crumbs a{color:var(--muted)}.toc{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:1.5rem 0;padding:.75rem 1.25rem}.toc p{margin:0 0 .25rem;font-weight:600}.toc ol{margin:0;padding-left:1.25rem}.card{border:1px solid var(--card-border);background:var(--card-bg);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;min-width:2.4em;margin:0 .1em;padding:.1em .35em;font-weight:700;line-height:1.4;display:inline-flex;box-shadow:0 1px #0000000f}.card.red{color:var(--red)}.card.black{color:var(--black)}.card.dim{opacity:.45}.hand{margin:1rem 0}.hand-cards{flex-wrap:wrap;gap:.35rem;display:flex}.hand .card{border-radius:7px;min-width:3rem;height:4.2rem;margin:0;font-size:1.3rem}.hand figcaption{color:var(--muted);margin-top:.35rem;font-size:.9rem}.card-row{counter-reset:rank;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1rem;padding:0;list-style:none;display:flex}.card-row li{counter-increment:rank;flex-direction:column;align-items:center;margin:0;display:flex}.card-row li:after{content:counter(rank);color:var(--muted);font-size:.7rem}.card-row .card{min-width:2.7rem;height:3.6rem;margin:0;font-size:1.1rem}.card-row.small .card{min-width:2.3rem;height:3rem;font-size:.95rem}.ranking{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:1rem 0;padding:.25rem 1rem .5rem}.ranking h3{margin-top:.75rem}.ranking .count{color:var(--muted);font-size:.9rem;font-weight:400}.ranking-sub{color:var(--muted);margin:0;font-size:.95rem}.callout{border-left:4px solid var(--border);background:var(--surface);border-radius:0 8px 8px 0;margin:1.25rem 0;padding:.6rem 1rem}.callout>:last-child{margin-bottom:.25rem}.callout-title{text-transform:uppercase;letter-spacing:.04em;margin:0 0 .25rem;font-size:.85rem;font-weight:700}.callout-house{background:var(--house);border-color:var(--house-border)}.callout-tip{background:var(--tip);border-color:var(--tip-border)}.callout-example{background:var(--example);border-color:var(--example-border)}.table-wrap{border:1px solid var(--border);border-radius:8px;margin:1rem 0;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.5rem .75rem}thead th{background:var(--accent-soft);white-space:nowrap}tbody tr:last-child>*{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.variants td.diff{color:var(--accent);font-weight:700}.variants .hl{background:var(--accent-soft)}.hero{padding:1rem 0 .5rem}.hero h1{margin-bottom:.5rem;font-size:clamp(2rem,5vw,2.8rem)}.grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.5rem 0;display:grid}.tile{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:1rem 1.1rem;text-decoration:none;display:block}.tile:hover{border-color:var(--accent)}.tile strong{color:var(--accent);margin-bottom:.25rem;font-size:1.1rem;display:block}.tile span{color:var(--muted);font-size:.95rem}.steps{counter-reset:step;padding:0;list-style:none}.steps>li{counter-increment:step;margin:.9rem 0;padding-left:2.6rem;position:relative}.steps>li:before{content:counter(step);background:var(--accent);width:1.8rem;height:1.8rem;color:var(--bg);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;top:.05rem;left:0}dl.glossary dt{margin-top:1rem;scroll-margin-top:1rem;font-weight:700}dl.glossary dd{margin:.15rem 0 0}details{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:.6rem 0;padding:.6rem 1rem}details summary{cursor:pointer;font-weight:600}details[open] summary{margin-bottom:.4rem}.next{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;display:flex}.site-footer{border-top:1px solid var(--border);background:var(--surface);font-size:.95rem}.footer-inner{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;max-width:72rem;margin:0 auto;padding:1.5rem 1rem .5rem;display:grid}.footer-title{margin:0 0 .35rem;font-weight:700}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer a{color:var(--text)}.copyright{max-width:72rem;color:var(--muted);margin:0 auto;padding:.5rem 1rem 1.5rem;font-size:.85rem}.linklike{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.consent{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;max-width:40rem;margin:0 auto;padding:.9rem 1rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 6px 24px #0000002e}.consent[hidden]{display:none}.consent p{flex:18rem;margin:0;font-size:.95rem}.consent-buttons{gap:.5rem;display:flex}.btn{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--bg);cursor:pointer;border-radius:6px;padding:.45rem 1rem;font-weight:600}.btn-quiet{color:var(--text);border-color:var(--border);background:0 0}@media print{.site-header nav,.site-footer,.crumbs,.consent,.next,.skip{display:none!important}body{color:#000;background:#fff;font-size:11pt}.site-header{color:#000;background:0 0}.brand{color:#000}.ranking,.callout,details{break-inside:avoid}a{color:inherit;text-decoration:none}}.variants th[scope=row]{min-width:9.5rem}.variants td{min-width:7rem}.variants thead th:first-child{min-width:9.5rem}
