.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-block:var(--space-page-top) var(--space-section)}.hero h1{font-size:var(--text-3xl)}.hero .lede{max-width:56ch}.hero-hand{margin:0;display:grid;gap:.9rem;justify-items:start;padding:clamp(1rem,3vw,1.75rem);border-radius:var(--radius-md);background:var(--band);color:var(--band-ink);--tile-width: clamp(2.2rem, 6.2vw, 3.2rem)}.hero-hand .tile-caption{color:var(--band-ink-soft)}.key-facts{display:grid;gap:.75rem;max-width:var(--content-width);padding-left:calc(2rem + var(--list-inset));padding-right:var(--list-inset)}.key-facts li::marker{font-family:var(--font-mono);font-weight:700;color:var(--vermilion)}.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem}.tile-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1rem}.tile-family{display:grid;gap:.5rem;align-content:start;padding:var(--space-card);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);--tile-width: clamp(1.6rem, (100vw - 2 * var(--page-gutter) - 2 * var(--space-card) - 1.5rem) / 9, 2.05rem)}.tile-family .tile-hand{column-gap:2px}.tile-family h3{font-size:var(--text-lg)}.tile-family p{color:var(--ink-soft);font-size:var(--text-sm)}.glossary{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.75rem 1.5rem}.glossary dt{font-weight:700}.glossary dd{margin:0;color:var(--ink-soft);font-size:var(--text-sm)}.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:1rem}.set-card{display:grid;gap:.6rem;align-content:start;padding:var(--space-card);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);--tile-width: 2.5rem}.set-card p{font-size:var(--text-sm);color:var(--ink-soft)}.callout{display:grid;gap:.5rem;max-width:var(--content-width);padding:var(--space-card);border-radius:var(--radius-md);background:var(--accent-wash)}.callout h3{font-size:var(--text-base)}.callout ul{display:grid;gap:.35rem;padding-left:calc(1.2rem + var(--list-inset))}.steps{display:grid;gap:.75rem;padding-left:calc(2rem + var(--list-inset));padding-right:var(--list-inset)}.steps li::marker{font-family:var(--font-mono);font-weight:700;color:var(--accent)}.seat-diagram{display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:". west ." "north table south" ". east .";gap:.5rem;align-items:center;justify-items:center;max-width:22rem;width:100%}.seat{display:grid;justify-items:center;padding:.45rem .7rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:var(--text-sm);white-space:nowrap}.seat small{font-weight:400;color:var(--vermilion)}.seat-west{grid-area:west}.seat-north{grid-area:north}.seat-south{grid-area:south}.seat-east{grid-area:east;border-color:var(--vermilion)}.seat-table{grid-area:table;display:grid;place-items:center;width:100%;aspect-ratio:1;max-width:100%;border-radius:var(--radius-md);background:var(--band);color:var(--band-ink);font-size:var(--text-xs);text-align:center;line-height:1.35}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0;list-style:none;counter-reset:flow}.flow li{counter-increment:flow;display:grid;gap:.4rem;align-content:start;padding:var(--space-card);border-top:3px solid var(--accent);background:var(--surface);border-radius:0 0 var(--radius-md) var(--radius-md)}.flow h3:before{content:counter(flow) ". ";font-family:var(--font-mono);color:var(--accent)}.flow p{font-size:var(--text-sm);color:var(--ink-soft)}@media(max-width:700px){.flow{grid-template-columns:minmax(0,1fr)}}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.claim-table{width:100%;min-width:36rem;border-collapse:collapse;font-size:var(--text-sm)}.claim-table th,.claim-table td{padding:.7rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.claim-table thead th{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);background:var(--surface-sunk)}.claim-table tbody tr:last-child>*{border-bottom:0}@media(max-width:600px){.claim-table{min-width:0}.claim-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.claim-table tr{display:grid;gap:.6rem;padding:.85rem var(--space-card);border-bottom:1px solid var(--line)}.claim-table tbody tr:last-child{border-bottom:0}.claim-table th,.claim-table td{display:block;padding:0;border-bottom:0}.claim-table th[scope=row]{font-size:var(--text-base)}.claim-table td:before{content:attr(data-label);display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}}.priority-line{max-width:var(--content-width)}.example-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1rem}.example-card{display:grid;gap:.8rem;align-content:start;padding:var(--space-card);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--good);--tile-width: 2.1rem}.example-card.is-bad{border-top-color:var(--bad)}.example-verdict{font-weight:700;color:var(--good)}.is-bad .example-verdict{color:var(--bad)}.score-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.score-table td{padding:.35rem 0;border-bottom:1px dashed var(--line)}.score-table td:last-child{text-align:right;font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;padding-left:1rem}.score-total td{border-bottom:0;font-weight:700}.example-note{font-size:var(--text-sm);color:var(--ink-soft)}.route-list li b{font-family:var(--font-mono);color:var(--vermilion);margin-inline:.15rem .3rem}.rule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem}.rule-card{display:grid;gap:.4rem;align-content:start;padding-top:.8rem;border-top:2px solid var(--ink)}.rule-card p{font-size:var(--text-sm);color:var(--ink-soft)}.mistake-list{display:grid;gap:.7rem;max-width:var(--content-width);padding:0 var(--list-inset);list-style:none}.mistake-list li{padding-left:1.6rem;position:relative}.mistake-list li:before{content:"✕";position:absolute;left:0;color:var(--bad);font-weight:700}
