[hidden]{display:none!important}
.nav [aria-current=page]{border-bottom-color:#9d7e45;color:#786035}
.learn-hero{background:var(--dark);color:var(--paper);position:relative;overflow:hidden}
.learn-hero>img{position:absolute;right:0;top:0;width:77%;height:100%;object-fit:cover;object-position:66% center;opacity:.76}
.learn-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c2019 2%,#0c2019f5 28%,#0c2019a3 51%,#0c20190f 83%),linear-gradient(0deg,#0c20199e,transparent 47%)}
.learn-hero .wrap{position:relative;z-index:1;padding:27px 0 63px;min-height:590px}
.breadcrumbs{display:flex;gap:12px;font-size:10px;color:#bdcab6;margin-bottom:49px}
.breadcrumbs [aria-current]{color:#d7bd8d}
.breadcrumbs a:hover{text-decoration:underline}
.learn-hero .eyebrow{font-size:9px;letter-spacing:2px;color:#d6bc8a}
.learn-hero h1{font:normal clamp(49px,5.1vw,71px)/1.08 var(--serif);letter-spacing:-2px;margin:24px 0}
.learn-hero h1 em{font-weight:normal;color:#d9c08f}
.learn-lead{font-size:14px;line-height:1.9;color:#cfd8c6;max-width:363px;margin:0 0 29px}
.learn-hero .hero-actions{gap:24px;flex-wrap:wrap}
.learn-hero-note{position:absolute;bottom:40px;right:0;text-align:right;color:#dac599;font-size:9px;letter-spacing:1.8px}
.learn-hero-note strong{display:block;font:italic 30px var(--serif);letter-spacing:0;margin-bottom:9px}
.learn-jump{border-bottom:1px solid var(--line)}
.learn-jump .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.learn-jump a{display:flex;align-items:center;gap:18px;padding:23px 25px;border-right:1px solid var(--line);font-size:12px}
.learn-jump a:first-child{padding-left:0}
.learn-jump a:last-child{border:0}
.learn-jump small{font:italic 24px var(--serif);color:#92794d}
.learn-jump .arrow{margin-left:auto}
.learn-jump a:hover{text-decoration:underline;text-underline-offset:4px}
.learn-section{padding:73px 0 68px}
.learn-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:34px}
.learn-heading h2{font:normal 42px/1.15 var(--serif);letter-spacing:-1px;margin:21px 0 0}
.learn-heading>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}
.path-card{background:#fbf9f3;border:1px solid var(--line);padding:28px 25px}
.path-card>small{font-size:9px;letter-spacing:1.7px;color:#8a734a}
.path-card>h3{font:normal 28px var(--serif);margin:16px 0 26px}
.learn-step{border-top:1px solid var(--line)}
.learn-step summary{display:grid;grid-template-columns:25px 1fr;gap:10px;list-style:none;cursor:pointer;font-size:12px;line-height:1.65;padding:18px 0}
.learn-step summary::-webkit-details-marker{display:none}
.step-no{font:italic 19px var(--serif);color:#92794d}
.step-detail{padding:0 0 19px 35px}
.step-detail p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 13px}
.step-detail a{font-size:10px;text-decoration:underline;text-underline-offset:3px}
.path-note{font-size:11px;color:var(--muted);margin:23px 0 0}
.opening-section{padding:61px 0;background:#e9eadf}
.board-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:78px;align-items:center}
.board-copy h2{font:normal 42px/1.15 var(--serif);letter-spacing:-1px;margin:20px 0}
.board-copy>p{font-size:13px;line-height:1.9;color:#5c6b51;margin:0 0 23px;max-width:460px}
.opening-move{border-top:1px solid #bdc9af;padding-top:23px;margin-top:23px}
.opening-move small{font-size:9px;letter-spacing:1.5px;color:#7d6d47}
.opening-move h3{font:normal 30px var(--serif);margin:12px 0}
.opening-move p{font-size:13px;line-height:1.9;color:#5c6b51;margin:0;min-height:74px}
.opening-controls{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 15px}
.opening-controls button,.puzzle-actions button{border:1px solid #97aa86;background:transparent;color:var(--ink);font-size:11px;min-height:42px;padding:10px 17px;cursor:pointer}
.opening-controls .next-move{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.opening-controls button:disabled,.puzzle-actions button:disabled{opacity:.4;cursor:default}
.opening-controls button:hover:not(:disabled){border-color:#597645}
.opening-controls .reset-opening{border:0;border-bottom:1px solid #97aa86;padding:5px 0;min-height:0;margin-left:7px}
.notation-line{font-size:11px;color:#66785a;line-height:1.9}
.learning-figure{width:100%;max-width:395px;justify-self:end;margin:0}
.learning-frame{background:#153426;padding:18px;border:1px solid #81966e}
.learning-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1}
.learning-cell{position:relative;aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;background:#e4deca;border:0;padding:0;border-radius:0}
.learning-cell.dark-cell{background:#7f956f}
.learning-token{font:38px/1 Georgia,'Times New Roman',serif;position:relative;z-index:1;font-variant-emoji:text}
.white-token{color:#fff7da;-webkit-text-stroke:.7px #2f5037;text-shadow:0 2px 2px #0006}
.black-token{color:#153b28;-webkit-text-stroke:.5px #bed1a5}
.rank-number{font:8px Arial,sans-serif;position:absolute;top:2px;left:3px;color:#23442d}
.board-files{display:grid;grid-template-columns:repeat(8,1fr);text-align:center;color:#c7d5bc;font-size:9px;padding-top:9px}
.learning-cell.last-move{background:#ceb079}
.learning-cell.selected-cell{box-shadow:inset 0 0 0 3px #d3b26f;background:#c5aa78}
.learning-figure figcaption{font-size:10px;line-height:1.8;color:#627458;margin-top:14px}
.opening-turn{font-size:10px;text-align:center;color:#d8c496;margin:12px 0 0}
.puzzle-section{padding:62px 0;background:var(--ink);color:var(--paper)}
.puzzle-section .board-copy>p{color:#d0ddc5}
.puzzle-section .board-copy h2{margin-top:20px}
.puzzle-section .section-label{font-size:9px}
.puzzle-section .learning-frame{background:#0e291c}
.puzzle-section .learning-figure figcaption{color:#bdcdb2}
.puzzle-section button.learning-cell{cursor:pointer}
.puzzle-section button.learning-cell:focus-visible{outline:3px solid #cb9340;outline-offset:-3px;z-index:2}
.puzzle-brief{font-size:11px!important;color:#d8c38f!important;border-left:2px solid #c2a06a;padding-left:17px;margin:25px 0!important}
.puzzle-actions{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}
.puzzle-actions button{color:var(--paper);border-color:#8fa17b}
.puzzle-actions button:hover:not(:disabled){background:#ffffff0c}
.puzzle-feedback{border-top:1px solid #738561;padding-top:20px;color:#dfd4b7;font-size:13px;line-height:1.85;min-height:91px}
.puzzle-feedback[data-state=solved]{color:#e6d19f}
.puzzle-hint{font-size:11px;line-height:1.9;color:#cfddc4;background:#0f2b1d;padding:16px 19px}
.puzzle-fallback{font-size:12px;line-height:1.8}
.routine-section{padding:71px 0}
.routine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:31px}
.routine-card{border-top:1px solid var(--line);padding-top:23px}
.routine-card>small{font-size:9px;letter-spacing:1.5px;color:#8a754c}
.routine-card h3{font:normal 27px var(--serif);margin:16px 0}
.routine-card p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}
.routine-note{margin-top:28px;background:#e9eadf;padding:21px 25px;border-left:2px solid #b59860;font-size:12px;line-height:1.85;color:#5d6d52}
.resources-section{background:#e9eadf;padding:50px 0}
.resources-section h2{font:normal 36px var(--serif);letter-spacing:-.7px;margin:20px 0 29px}
.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.resource-card{border:1px solid #c4cfb6;padding:24px;background:#f5f3e9}
.resource-card small{font-size:9px;letter-spacing:1.5px;color:#8b7347}
.resource-card h3{font:normal 26px var(--serif);margin:15px 0}
.resource-card p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 18px}
.resource-card a{font-size:11px;display:inline-block;text-decoration:underline;text-underline-offset:4px}
.learn-faq{padding:63px 0}
.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:74px}
.faq-layout h2{font:normal 39px/1.15 var(--serif);letter-spacing:-.7px;margin:20px 0}
.faq-layout>div>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:335px}
.faq-items details{border-top:1px solid var(--line)}
.faq-items details:last-child{border-bottom:1px solid var(--line)}
.faq-items summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 0;font-size:13px;list-style:none;cursor:pointer;line-height:1.65}
.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary:after{content:'+';font:25px var(--serif);color:#8f7649}
.faq-items details[open] summary:after{content:'−'}
.faq-items details p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 19px}
.faq-items a{text-decoration:underline;text-underline-offset:3px}
.learning-sources{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:19px 0 30px}
.learning-sources summary{cursor:pointer;font-size:12px;color:var(--ink);padding:10px 0}
.learning-sources p{max-width:850px;line-height:1.85}
.learning-sources a{text-decoration:underline;text-underline-offset:3px}
.learn-cta{background:var(--ink);color:var(--paper)}
.learn-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:45px;padding:51px 0}
.learn-cta h2{font:normal 40px/1.2 var(--serif);letter-spacing:-1px;margin:20px 0 0}
.learn-cta .btn{flex-shrink:0}
@media(max-width:1100px){.learn-hero h1{font-size:60px}.learn-heading,.board-layout{gap:44px}.path-grid{gap:19px}.path-card{padding:25px 21px}.path-card>h3{font-size:25px}.learning-token{font-size:34px}.learning-frame{padding:16px}.faq-layout{gap:44px}}
@media(min-width:821px) and (max-width:1050px){.nav-inner{height:78px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 25px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 25px #0001}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:3px}.nav a{padding:12px;font-size:14px}.nav .nav-cta{margin-top:8px}}
@media(max-width:820px){.learn-hero>img{top:auto;bottom:0;width:100%;height:380px;object-position:65% center}.learn-hero:after{background:linear-gradient(180deg,#0c2019 0%,#0c2019 42%,#0c20199c 64%,#0c20190a 85%,#0c201981)}.learn-hero .wrap{padding:23px 0 287px;min-height:750px}.breadcrumbs{margin-bottom:29px}.learn-hero h1{font-size:clamp(44px,8vw,62px);letter-spacing:-1.5px}.learn-hero .eyebrow{font-size:8px;letter-spacing:1.6px}.learn-lead{font-size:13px;max-width:450px}.learn-hero .hero-actions{gap:21px}.learn-hero .text-link{font-size:11px}.learn-hero-note{bottom:25px;font-size:8px;letter-spacing:1.5px}.learn-hero-note strong{font-size:26px}.learn-jump .wrap{grid-template-columns:1fr}.learn-jump a{padding:16px 0!important;border-right:0;border-bottom:1px solid var(--line);font-size:12px}.learn-jump small{font-size:21px}.learn-section{padding:52px 0}.learn-heading{grid-template-columns:1fr;gap:20px;margin-bottom:27px}.learn-heading h2{font-size:35px}.learn-heading>p{font-size:12px;max-width:600px}.path-grid{grid-template-columns:1fr;gap:20px}.path-card{padding:26px}.path-card>h3{font-size:28px;margin-bottom:22px}.learn-step summary{font-size:13px;padding:17px 0}.step-detail p{font-size:12px;max-width:600px}.step-detail a{font-size:11px}.path-note{font-size:10px}.opening-section,.puzzle-section{padding:43px 0}.board-layout{grid-template-columns:1fr;gap:30px}.board-copy h2{font-size:35px}.board-copy>p{font-size:12px;max-width:600px}.opening-move p{font-size:12px;min-height:0}.learning-figure{max-width:365px;justify-self:center}.learning-token{font-size:35px}.opening-move h3{font-size:28px}.puzzle-feedback{font-size:12px;min-height:0}.routine-section{padding:52px 0}.routine-grid{grid-template-columns:1fr;gap:27px}.routine-card h3{font-size:25px;margin:13px 0}.routine-note{font-size:11px;padding:20px}.resources-section{padding:39px 0}.resources-section h2{font-size:32px}.resources-grid{grid-template-columns:1fr;gap:18px}.resource-card{padding:25px}.resource-card h3{font-size:25px}.learn-faq{padding:46px 0}.faq-layout{grid-template-columns:1fr;gap:20px}.faq-layout h2{font-size:34px}.faq-layout>div>p{font-size:12px;max-width:600px}.faq-items summary{font-size:12px}.learning-sources{padding-bottom:25px}.learn-cta .wrap{display:block;padding:40px 0}.learn-cta h2{font-size:34px;margin-bottom:25px}}
@media(max-width:390px){.learn-hero h1{font-size:44px}.learn-hero .hero-actions .btn{font-size:11px}.learning-token{font-size:30px}.learning-frame{padding:13px}.path-card{padding:23px}.opening-controls button{padding:10px 14px}.puzzle-actions button{padding:10px 13px}}
@media print{.site-header,.learn-hero,.learn-jump,.opening-controls,.puzzle-actions,.learn-cta,.footer-map{display:none!important}.learn-section,.routine-section{padding:25px 0}.path-grid{grid-template-columns:repeat(3,1fr)}.path-card{padding:17px}.board-layout{grid-template-columns:1fr 1fr;gap:30px}.learning-figure{max-width:270px}.learning-token{font-size:26px}.opening-section,.puzzle-section{break-inside:avoid}}