/* Shared learning pages and the compact, crawlable introductions below menus. */
.learning-page,.game-learning{--learn-bg:#f8f6f2;--learn-surface:#fff;--learn-text:#252a35;--learn-muted:#5d6270;--learn-line:#dedee5;--learn-accent:#4b49a8;--learn-tint:#eeedf9;--learn-button:#514bb4;color:var(--learn-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;font-size:1rem}
:root[data-theme=dark] .learning-page,:root[data-theme=dark] .game-learning{--learn-bg:#161922;--learn-surface:#202431;--learn-text:#edeef6;--learn-muted:#bac0d1;--learn-line:#3e4354;--learn-accent:#c5bfff;--learn-tint:#2a2942;--learn-button:#655ac6}
.learning-page{margin:0;background:var(--learn-bg);color-scheme:light}
:root[data-theme=dark] .learning-page{color-scheme:dark}
.learning-page *,.game-learning *{box-sizing:border-box}
.learning-page a,.game-learning a{color:var(--learn-accent);text-underline-offset:.2em}
.learning-page a:hover,.game-learning a:hover{text-decoration-thickness:2px}
.learning-page :focus-visible,.game-learning :focus-visible{outline:3px solid var(--learn-accent);outline-offset:4px;border-radius:3px}
.learn-header,.learn-main,.learn-footer{max-width:1080px;margin-inline:auto;padding-inline:32px}
.learn-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--learn-line)}
.learn-brand{display:inline-flex;align-items:center;gap:10px;font-size:1.1875rem;font-weight:750;text-decoration:none;color:var(--learn-text)!important;white-space:nowrap}
.learn-header nav,.learn-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.learn-header nav a{font-weight:650;text-decoration:none}
.learn-header button{font:inherit;font-size:0.875rem;color:var(--learn-text);background:var(--learn-surface);border:1px solid var(--learn-line);padding:8px 13px;border-radius:999px;cursor:pointer;min-height:44px}
.learn-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:var(--learn-muted);font-size:0.875rem;margin:28px 0}
.learn-hero{max-width:790px;padding:26px 0 42px}
.learn-kicker{color:var(--learn-accent);font-weight:750;font-size:0.75rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}
.learning-page h1{font-size:clamp(2.25rem,5.8vw,4rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;font-weight:750;text-wrap:balance;overflow-wrap:anywhere}
.learn-deck{font-size:clamp(1.25rem,2.4vw,1.5625rem);line-height:1.4;font-weight:550;letter-spacing:-.015em}
.learn-hero>p:not(.learn-kicker):not(.learn-deck){color:var(--learn-muted)}
.learn-note{font-size:0.875rem;max-width:710px}
.learn-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:26px 0}
.learning-page .learn-button{display:inline-block;background:var(--learn-button);color:white;font-weight:650;line-height:1.4;padding:14px 22px;border:1px solid transparent;border-radius:12px;text-decoration:none}
.learn-button:hover{filter:brightness(1.12)}
.learn-secondary{font-weight:650}
.learning-page h2{font-size:1.75rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance;overflow-wrap:anywhere}
.learning-page h3{font-size:1.1875rem;line-height:1.4;letter-spacing:-.01em;margin:26px 0 10px}
.learning-page p{margin-block:0 18px}
.learn-jump{display:flex;gap:24px;flex-wrap:wrap;border-block:1px solid var(--learn-line);padding:18px 0;font-size:0.9375rem;font-weight:650}
.learn-article{max-width:760px;padding-top:44px}
.learn-article section{margin-bottom:48px;scroll-margin-top:24px}
.learn-rules,.learn-steps{padding-left:24px}
.learn-rules li,.learn-steps li{padding-left:8px;margin-bottom:16px}
.learn-steps li::marker{font-weight:750;color:var(--learn-accent)}
.learn-article>.learn-example{background:var(--learn-tint);border-left:4px solid var(--learn-accent);border-radius:0 16px 16px 0;padding:28px}
.learn-example p:last-child{margin-bottom:0}
.learn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.learn-card{display:flex;flex-direction:column;background:var(--learn-surface);border:1px solid var(--learn-line);padding:24px;border-radius:16px}
.learn-card h3{margin:0 0 12px;font-size:1.375rem}
.learn-card h3 a{color:var(--learn-text);text-decoration:none}
.learn-card>p:not(.learn-kicker){color:var(--learn-muted);font-size:0.9375rem}
.learn-card-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:0.875rem;font-weight:650;margin-top:auto;padding-top:12px}
.learn-card-links a{padding-block:3px}
.learn-related{margin-top:48px}
.learn-updated{font-size:0.8125rem;color:var(--learn-muted);padding-top:40px}
.learn-table-wrap{overflow-x:auto;margin-bottom:40px}
.learning-page table{border-collapse:collapse;font-size:0.9375rem;width:100%;text-align:left}
.learning-page caption{text-align:left;color:var(--learn-muted);padding-bottom:14px}
.learning-page th,.learning-page td{vertical-align:top;border-bottom:1px solid var(--learn-line);padding:16px 12px}
.learning-page thead{background:var(--learn-tint)}
.learn-footer{margin-top:48px;padding-block:30px 42px;border-top:1px solid var(--learn-line);font-size:0.875rem;color:var(--learn-muted)}
.learn-footer nav{margin-bottom:18px}
.learn-skip{position:absolute;left:16px;top:-100px;z-index:1000;padding:12px 18px;background:var(--learn-surface);border:1px solid var(--learn-line)}
.learn-skip:focus{top:16px}
.learn-example-grid{margin:24px 0 0;max-width:420px}
.learn-example-row{display:grid;grid-template-columns:65px repeat(7,minmax(0,1fr));gap:4px;align-items:center;margin:8px 0}
.learn-example-row span{font-size:0.8125rem}
.learn-example-row i{aspect-ratio:1;border:1px solid var(--learn-line);background:var(--learn-surface);border-radius:3px}
.learn-example-row .filled{background:var(--learn-button)}
.learn-example-row .overlap{outline:2px solid var(--learn-accent);outline-offset:1px}
.learn-example-grid figcaption{font-size:0.8125rem;color:var(--learn-muted);margin-top:12px}
.game-learning{max-width:920px;margin:24px auto 40px;padding:28px 32px;border-top:1px solid var(--learn-line);background:transparent}
.game-learning[hidden]{display:none!important}
.game-learning h2{font-size:1.375rem;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}
.game-learning>p:not(.learn-kicker),.game-learning ul{font-size:0.875rem;color:var(--learn-muted);line-height:1.7;margin-bottom:16px}
.game-learning ul{padding-left:20px}
.game-learning li{margin:6px 0}
.game-learning nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:0.875rem;font-weight:650}
@media(max-width:800px){.learn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-header,.learn-main,.learn-footer{padding-inline:24px}.learn-card{padding:22px}}
@media(max-width:520px){.learn-header,.learn-main,.learn-footer{padding-inline:20px}.learn-header{gap:14px;min-height:80px;flex-wrap:wrap;padding-block:16px}.learn-header nav{gap:16px}.learn-brand{font-size:1.0625rem}.learn-brand img{width:26px;height:26px}.learn-cards{grid-template-columns:1fr}.learn-hero{padding-top:12px}.learn-jump{gap:12px 20px}.learn-article>.learn-example{padding:22px 18px}.game-learning{margin-inline:16px;padding:24px 4px}.learning-page h2{font-size:1.5625rem}.learn-actions{align-items:flex-start;flex-direction:column;gap:16px}.learning-page th,.learning-page td{padding:12px 8px}.learn-example-row{grid-template-columns:54px repeat(7,minmax(0,1fr));gap:4px}}
@media(prefers-reduced-motion:reduce){.learning-page *{scroll-behavior:auto!important}}