.learning-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:2rem;align-items:start}.learning-overview{position:sticky;top:2rem}.learning-overview img{display:block;width:100%;height:auto;border-radius:12px}.learning-question{margin:0 0 1.4rem}.learning-question fieldset{min-width:0;border:0;padding:0;margin:0}.learning-question legend{font-size:1.25rem;font-weight:600;padding:0;margin:.65rem 0 1rem}.learning-options{display:grid;gap:.7rem;margin-bottom:1rem}.learning-options label{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem;border:1px solid var(--line,#ddd);border-radius:12px;cursor:pointer;background:var(--surface,#fff)}.learning-options label:has(input:checked){outline:2px solid var(--accent,#527f66);outline-offset:1px}.learning-options input{margin-top:.25rem;flex:none;width:18px;height:18px;accent-color:#527f66}.learning-explanation{padding:1rem;border-left:3px solid #527f66;background:#edf4ef;color:#243a2f}.learning-question [role=status]:focus{outline:2px solid #527f66;outline-offset:4px}.learning-question [hidden]{display:none!important}.learning-progress{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1.5rem 0}.learning-progress progress{accent-color:#527f66}.learning-question .button{margin:.4rem .4rem .4rem 0}.learning-overview figcaption{margin-top:.75rem;font-size:.9rem;color:var(--muted,#59665d)}@media(max-width:800px){.learning-layout{grid-template-columns:minmax(0,1fr)}.learning-overview{position:static}.learning-overview img{max-width:360px;margin:auto}.learning-layout{gap:1rem}}

/* Reading and questions use a stable, high-contrast surface, independent of the chosen game salon. */
.unified-learning-page{--ink:#f5f0e6;--muted:#d5ded7;--line:#61766a;--white:#1e2c25;--surface:#1e2c25;--ambient-ink:#f5f0e6;--ambient-paper:#1e2c25;--ambient-surface:#1e2c25;--ambient-soft:#25382c;--ambient-line:#61766a;--ambient-light:#24372a;--ambient-primary:#ead098;--ambient-frame:#d3b87d;color:#f5f0e6}
.learning-page-nav{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin:1.5rem 0 2rem;padding:1rem;border:1px solid #61766a;border-radius:12px;background:#1e2c25}
.unified-learning-page .learning-page-nav>a:not(.button){padding:.6rem;color:#ead098}.unified-learning-page h2,.unified-learning-page h3,.unified-learning-page legend{color:#f5f0e6}
.unified-learning-page #essentials,.unified-learning-page #movement-videos,.unified-learning-page #learning-exercises{scroll-margin-top:6rem}
.learning-section-heading{margin-top:2rem}.learning-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.unified-learning-page .learning-question .learning-explanation{background:#edf4ef;color:#243a2f;border-color:#446c50}
.unified-learning-page .learning-options label{background:#24372a;color:#f5f0e6;border-color:#61766a}.unified-learning-page .learning-options label:has(input:checked){outline-color:#ead098}
.unified-learning-page .movement-library>details>summary,.unified-learning-page .movement-library>details>summary strong{color:#f5f0e6}
.unified-learning-page .movement-choice:not([aria-pressed=true]),.unified-learning-page .movement-video-description,.unified-learning-page .movement-playlist-intro{color:#f5f0e6}
.board-notation{padding:1.5rem;margin:1.5rem 0;border:1px solid #61766a;border-radius:12px;background:#1e2c25}.board-notation p{line-height:1.8}
@media(max-width:820px){.learning-questions{grid-template-columns:1fr}}

/* Text follows the interface direction; board coordinates and diagrams stay LTR. */
.unified-learning-page .learning-explanation{border-left:0;border-inline-start:3px solid #446c50}
.unified-learning-page .learning-question .button{margin-inline:0 .4rem}
.unified-learning-page .guide-steps{padding-left:0;padding-inline-start:23px}
.unified-learning-page .rules-text li{padding-inline:48px 14px}
.unified-learning-page .rules-text li::before{left:auto;inset-inline-start:13px}
.unified-learning-page .movement-choice{text-align:start}
.unified-learning-page .rules-variant{background:#1e2c25;color:#f5f0e6;border:1px solid #61766a}
.unified-learning-page :is(.rules-variant,.board-notation,.learning-explanation) :is(p,li){color:inherit}

/* Visual references keep their coordinate orientation in every interface language. */
.notation-image{margin:1rem auto 0;max-width:740px;direction:ltr}
.notation-image img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #61766a}