.comparison-game-hero{padding-top:16px;padding-bottom:14px}.comparison-game-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.4;display:flex}.comparison-game-hero h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(30px,4vw,46px);line-height:1.12}.comparison-game-hero>p{max-width:780px;color:var(--muted);margin:0;font-size:16px;line-height:1.5}.comparison-game-shortcuts{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0;display:grid}.comparison-game-shortcuts a{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:700;display:flex}.comparison-game-section{padding-top:56px;padding-bottom:56px}.comparison-game-heading{max-width:740px;margin-bottom:26px}.comparison-game-heading h2{font-family:var(--serif);letter-spacing:-.025em;margin:6px 0 16px;font-size:clamp(28px,3.5vw,38px);font-weight:500;line-height:1.2}.comparison-game-heading p:not(.eyebrow){color:var(--muted);margin:0 0 14px}.comparison-game-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.comparison-game-steps li{border-top:2px solid var(--line-strong);padding-top:18px}.comparison-step-number{font:16px var(--mono);color:var(--clay-ink)}.comparison-game-steps h3{margin:12px 0 10px;font-size:20px}.comparison-game-steps p{color:var(--muted);margin:0}.comparison-controls{border-left:3px solid var(--ink);background:var(--surface);margin:26px 0 0;padding:16px 20px;font-size:14px}.comparison-game-examples{background:var(--paper-deep);scroll-margin-top:24px}.comparison-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.comparison-example{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;min-width:0;padding:24px}.comparison-example h3{margin:10px 0 20px;font-size:22px;line-height:1.35}.comparison-example h3 span{color:var(--muted);font-size:16px;font-weight:400;display:block}.comparison-example .button{width:100%;margin-bottom:16px;padding:10px;font-size:14px}.comparison-example summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:700;display:list-item}.comparison-example-answer{padding-top:12px}.comparison-example-ratio{font:700 40px/1.1 var(--mono)}.comparison-example-answer p{font-size:16px}.comparison-example-answer h4{margin:20px 0 0;font-size:16px}.comparison-example-answer a{font-size:14px}.comparison-measurement-note{max-width:800px;margin:24px 0 0;font-size:14px}.comparison-score-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:56px;display:grid}.comparison-score-section .comparison-game-heading{margin:0}.comparison-score-table table{border-collapse:collapse;width:100%}.comparison-score-table caption{text-align:left;padding-bottom:16px;font-size:16px;font-weight:700}.comparison-score-table th,.comparison-score-table td{border-bottom:1px solid var(--line);text-align:left;padding:12px 0;font-size:16px}.comparison-score-table thead th{color:var(--muted);font-size:14px}.comparison-score-table tbody th{font-weight:400}.comparison-score-table td{text-align:right;font-family:var(--mono);font-weight:700}.comparison-score-table thead th:last-child{text-align:right}.comparison-score-table p{color:var(--muted);margin:16px 0 0;font-size:14px}.comparison-practice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.comparison-practice-grid a{border-top:2px solid var(--ink);padding:18px 0;text-decoration:none}.comparison-practice-grid a:hover h3{text-underline-offset:4px;text-decoration:underline}.comparison-practice-grid h3{justify-content:space-between;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.comparison-practice-grid p{color:var(--muted);margin:0;font-size:16px}.comparison-practice-section>p{margin-bottom:0}@media (width<=700px){.comparison-game-hero{padding-top:8px;padding-bottom:8px}.comparison-game-hero h1{font-size:30px}.comparison-game-hero>p{font-size:16px}.comparison-game-shortcuts{grid-template-columns:1fr;gap:4px;padding:12px 0}.comparison-game-shortcuts a{font-size:14px}.comparison-game-section{padding-top:36px;padding-bottom:36px}.comparison-game-heading{margin-bottom:20px}.comparison-game-steps,.comparison-example-grid,.comparison-score-section{grid-template-columns:1fr;gap:24px}.comparison-example{padding:20px}.comparison-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (width<=359px){.comparison-game-hero h1{font-size:28px}.comparison-practice-grid{grid-template-columns:1fr}}
