.blog-main:has(.og){max-width:var(--page-max)}.og-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.og-kicker{margin:0 0 var(--s-2);font-size:var(--fs-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--muted);font-weight:500}.og-mono{font-family:var(--font-mono-stack);font-variant-numeric:tabular-nums}.og-hand{margin:0 0 var(--s-3);font-family:var(--font-hand-stack);color:var(--pen);font-size:26px;line-height:1}.og-hero{gap:var(--s-7);padding-bottom:var(--s-7);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;display:grid}.og-hero-text .blog-crumb{margin-bottom:var(--s-5)}.og-title{margin:0 0 var(--s-4);font-family:var(--font-display-stack);font-size:var(--fs-hero,calc(var(--fs-display) * 1.3));line-height:var(--lh-display);font-weight:var(--fw-display);letter-spacing:var(--ls-display);text-wrap:balance}.og-lede{margin:0 0 var(--s-5);max-width:var(--measure);font-size:calc(var(--fs-body) * 1.12);color:var(--text);line-height:1.65}.og-facts{gap:var(--s-3);margin:0 0 var(--s-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.og-facts>div{padding:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface)}.og-facts dt{font-size:var(--fs-caption);color:var(--muted)}.og-facts dd{margin:var(--s-1) 0 0;font-size:var(--fs-metric);line-height:var(--lh-metric);letter-spacing:var(--ls-metric);font-variant-numeric:tabular-nums;font-weight:500}.og-facts dd.og-facts-note{font-size:var(--fs-caption);letter-spacing:0;color:var(--muted);font-weight:400}.og-hero-board{top:calc(var(--site-header-h) + var(--s-3));position:sticky}.og-player{padding:var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2)}.og-player-board{border-radius:var(--r-sm);overflow:hidden}.og-player-moves{gap:var(--s-1);margin:var(--s-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.og-player-moves button,.og-player-controls button{min-height:var(--control-h-sm);padding:0 var(--s-2);border-radius:var(--r-xs);background:var(--panel);color:var(--text);font:inherit;font-family:var(--font-mono-stack);font-size:var(--fs-body-sm);cursor:pointer;transition:background var(--dur-2) var(--ease);border:1px solid #0000}.og-player-moves button:hover,.og-player-controls button:hover:not(:disabled){background:var(--panel-2)}.og-player-moves button[aria-current=step]{background:var(--brand);color:var(--on-brand)}.og-player-controls{gap:var(--s-1);margin-top:var(--s-2);display:flex}.og-player-controls button{min-width:var(--control-h-sm);font-family:inherit}.og-player-controls button:disabled{opacity:.4;cursor:default}.og-player-controls .og-player-replay{padding:0 var(--s-3);border-color:var(--border-strong);background:0 0;margin-left:auto;font-weight:500}.og-layout{gap:var(--s-7);margin-top:var(--s-7);grid-template-columns:220px minmax(0,1fr);display:grid}.og-toc nav{top:calc(var(--site-header-h) + var(--s-3));position:sticky}.og-toc ol,.og-toc-mobile ol{counter-reset:toc;margin:0;padding:0;list-style:none}.og-toc li,.og-toc-mobile li{border-left:2px solid var(--border)}.og-toc a,.og-toc-mobile a{padding:var(--s-1) var(--s-3);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted);text-decoration:none;display:block}.og-toc a:hover,.og-toc-mobile a:hover{color:var(--text)}.og-toc li:hover{border-left-color:var(--pen)}.og-toc-mobile{display:none}.og-body.blog-body{max-width:760px;margin-top:0}.og-chapter,.og-data{margin-bottom:var(--s-8);scroll-margin-top:var(--site-header-h)}.og-body h2{scroll-margin-top:calc(var(--site-header-h) + var(--s-3));margin-top:0}.og-pair{gap:var(--s-5);margin:var(--s-5) 0;grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:center;display:grid}.og-pair[data-flip]{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.og-pair[data-flip] .og-media{order:2}.og-pair-text p{margin:0}.og-media{padding:var(--s-2);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);margin:0}.og-media video{border-radius:var(--r-sm);width:100%;height:auto;display:block}.og-media .xr-static{border-radius:var(--r-xs);overflow:hidden}.og-media figcaption{margin-top:var(--s-2);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.og-chapter[data-kind=mistakes] .og-pair{padding:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface)}.og-chapter[data-kind=mistakes] .og-media{border:0;padding:0}.og-chapter[data-kind=mistakes] .og-pair-text p:first-line{font-weight:500}.og-chapter[data-kind=trap]{padding:var(--s-5);border:2px solid var(--pen);border-radius:var(--r-lg);background:color-mix(in srgb, var(--pen) 4%, var(--surface))}.og-chapter[data-kind=trap] .og-kicker{color:var(--bad)}.og-chapter[data-kind=trap] .og-pair{margin-bottom:0}.og-cards{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.og-card{padding:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface)}.og-card[data-side=black]{background:var(--piece-black);color:var(--text);border-color:var(--text)}.og-card[data-side=both]{background:var(--panel)}.og-card h3{margin:0 0 var(--s-2);font-family:var(--font-display-stack);font-size:var(--fs-subtitle);font-weight:500}.og-card p{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);margin:0}.og-data{padding:var(--s-6);border-radius:var(--r-lg);background:var(--panel)}.og-data h2+p{max-width:var(--measure)}.og-data>h2:not(:first-of-type){margin-top:var(--s-7)}.og-results,.og-next-figure{margin:var(--s-5) 0 0}.og-results figcaption,.og-next-figure figcaption{margin-top:var(--s-3);font-size:var(--fs-caption);color:var(--muted)}.og-legend{gap:var(--s-4);margin:0 0 var(--s-3);font-size:var(--fs-caption);color:var(--muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.og-legend li:before{content:"";width:12px;height:12px;margin-right:var(--s-2);vertical-align:-1px;border:1px solid var(--border-strong);border-radius:3px;display:inline-block}.og-legend [data-c=white]:before,.og-bar [data-c=white]{background:var(--surface)}.og-legend [data-c=draw]:before,.og-bar [data-c=draw]{background:var(--panel-2)}.og-legend [data-c=black]:before,.og-bar [data-c=black]{background:var(--piece-black);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.og-results table{border-collapse:separate;width:100%;border-spacing:0 var(--s-2)}.og-results th[scope=row]{width:110px;padding-right:var(--s-3);font-size:var(--fs-body-sm);text-align:left;white-space:nowrap;font-weight:500}.og-bar{border:1px solid var(--border-strong);border-radius:var(--r-sm);height:34px;padding:0;display:flex;overflow:hidden}.og-bar>span{min-width:0;font-family:var(--font-mono-stack);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;display:flex;overflow:hidden}.og-next{gap:var(--s-5);grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:start;display:grid}.og-next-board{border-radius:var(--r-sm);border:1px solid var(--border-strong);overflow:hidden}.og-next-list{margin:0;padding:0;list-style:none}.og-next-list li{margin:0}.og-next-head,.og-next-list button{gap:var(--s-3);grid-template-columns:76px minmax(0,1fr) 72px;align-items:center;display:grid}.og-next-head{padding:0 var(--s-3) var(--s-2);font-size:var(--fs-caption);color:var(--muted)}.og-next-head span:last-child{text-align:right}.og-next-list button{width:100%;min-height:var(--tap-min);padding:0 var(--s-3);border-radius:var(--r-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000}.og-next-list button[aria-pressed=true]{border-color:var(--border-strong);background:var(--surface)}.og-next-move{font-family:var(--font-mono-stack);font-weight:500}.og-next-bar{align-items:center;gap:var(--s-2);display:flex}.og-next-bar>span{height:var(--bar-h-xl);border-radius:var(--r-pill);background:var(--brand)}.og-next-bar em{font-style:normal;font-size:var(--fs-caption);color:var(--muted);font-variant-numeric:tabular-nums}.og-next-score{padding:2px var(--s-2);border-radius:var(--r-pill);font-family:var(--font-mono-stack);font-size:var(--fs-caption);border:1px solid var(--border-strong);justify-self:end}.og-next-score[data-tone=black]{background:var(--piece-black);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.og-next-score[data-tone=white]{background:var(--surface)}.og-links{list-style:none}.og-links li{margin:0 0 var(--s-2)}.og-links a{padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text);text-decoration:none;display:block}.og-links a:hover,.og-tiles a:hover{border-color:var(--text)}.og-tiles{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;display:grid}.og-tiles li{margin:0}.og-tiles a{gap:var(--s-1);height:100%;padding:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text);flex-direction:column;text-decoration:none;display:flex}.og-tiles .og-mono{font-size:var(--fs-caption);color:var(--muted)}.og-chips{gap:var(--s-2);flex-wrap:wrap;list-style:none;display:flex}.og-chips li{margin:0}.og-chips a{padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);background:var(--panel);color:var(--text);font-size:var(--fs-body-sm);text-decoration:none;display:inline-block}.og-chips a:hover{background:var(--panel-2)}.og-faq details{border-bottom:1px solid var(--border-strong)}.og-faq summary{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4) 0;cursor:pointer;list-style:none;display:flex}.og-faq summary::-webkit-details-marker{display:none}.og-faq summary:after{content:"+";color:var(--muted);font-size:22px}.og-faq details[open] summary:after{content:"–"}.og-faq summary h3{font-size:var(--fs-subtitle);margin:0;font-weight:500}.og-faq details p{margin:0 0 var(--s-4);color:var(--muted)}.og-hand-cta{text-align:center;transform-origin:50%}@media (max-width:860px){.og-hero{gap:var(--s-5);grid-template-columns:minmax(0,1fr)}.og-hero-board{max-width:440px;position:static}.og-layout{gap:var(--s-5);margin-top:var(--s-5);grid-template-columns:minmax(0,1fr)}.og-toc{display:none}.og-toc-mobile{padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);display:block}.og-toc-mobile summary{cursor:pointer;font-weight:500}.og-toc-mobile ol{margin-top:var(--s-3)}.og-pair,.og-pair[data-flip]{grid-template-columns:minmax(0,1fr)}.og-pair[data-flip] .og-media{order:0}.og-pair .og-media{max-width:360px}.og-next{grid-template-columns:minmax(0,1fr)}.og-next-board{max-width:300px}.og-data,.og-chapter[data-kind=trap]{padding:var(--s-4)}.og-results th[scope=row]{width:84px;font-size:var(--fs-caption)}}.og-body :is(.og-legend,.og-next-list,.og-links,.og-tiles,.og-chips){margin-left:0;padding:0;list-style:none}.og-body :is(.og-legend,.og-next-list,.og-links,.og-tiles,.og-chips)>li{margin-top:0;margin-bottom:0;padding:0}.og-body .og-links>li{margin-bottom:var(--s-2)}.og-body .og-legend{margin-bottom:var(--s-3)}.og-body .og-next-list>li.og-next-head{padding:0 var(--s-3) var(--s-2)}.og-next-bar em{white-space:nowrap}.og-body .og-legend{row-gap:var(--s-1)}
