/* Editorial surfaces share the game's ivory, garden-green and raised controls. */
.learn-shell{--learn-ink:#244e36;--learn-muted:#607457;--learn-line:#cad8bc;--learn-paper:#fffef6;margin:0;background:radial-gradient(ellipse at top,#fffdf2,#f1f6e9 55%,#eaf1e2);color:var(--learn-ink);font-family:'Segoe UI',Tahoma,Arial,sans-serif;line-height:1.8;overflow-wrap:anywhere}
.learn-shell *, .learn-shell *::before,.learn-shell *::after{box-sizing:border-box}.learn-shell a{color:#2e663f}.learn-shell a:hover{color:#8a6327}.learn-shell img{max-width:100%}.learn-shell svg{width:21px;height:21px;flex-shrink:0}.learn-shell h1,.learn-shell h2,.learn-shell h3{line-height:1.35;text-wrap:balance}.learn-shell h1{font-size:clamp(29px,3.7vw,49px);margin:16px 0 22px;letter-spacing:-.025em}.learn-shell h2{font-size:clamp(23px,2.4vw,31px);margin:0 0 22px}.learn-shell h3{font-size:20px}.learn-shell p{margin:0 0 20px}.learn-shell a:focus-visible,.learn-shell summary:focus-visible{outline:3px solid #c09a45;outline-offset:4px}.learn-skip{position:fixed;inset:8px auto auto 8px;transform:translateY(-150%);z-index:99;padding:12px;background:#fff;border-radius:10px}.learn-skip:focus{transform:none}
.learn-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px;padding:12px max(24px,calc((100vw - 1340px)/2));border-bottom:1px solid #d2dfc7;background:#fffef6f5;backdrop-filter:blur(12px)}
.learn-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:25px;font-weight:800;flex-shrink:0}.learn-brand img{width:44px;height:48px}.learn-desktop-nav{display:flex;gap:12px}.learn-desktop-nav a,.learn-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;padding:10px 17px;border:1px solid #c9d9bb;border-bottom:4px solid #b0c59a;border-radius:13px;background:linear-gradient(145deg,#fffef8,#edf4e3);font-size:14px;font-weight:650}.learn-desktop-nav [aria-current],.learn-tabs [aria-current]{background:linear-gradient(145deg,#4c8054,#2a5b3c);border-color:#396a43;border-bottom-color:#1e432c;color:#fff}
.learn-header-tools{display:flex;gap:10px;align-items:center}.learn-header-tools details{position:relative}.learn-header-tools summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:46px;padding:10px;border:1px solid #c7d8b6;border-bottom:4px solid #a4bc8e;border-radius:13px;background:linear-gradient(145deg,#fffef8,#e8efdc);cursor:pointer}.learn-header-tools summary::-webkit-details-marker{display:none}.learn-header-tools nav{position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0;min-width:230px;max-width:calc(100vw - 24px);padding:12px;border:1px solid #c4d5b1;border-bottom:5px solid #a3bd8a;border-radius:19px;background:#fffef5;box-shadow:0 12px 24px #23472e20;display:grid;gap:6px}.learn-header-tools nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;border-radius:11px}.learn-header-tools nav a:hover,.learn-header-tools nav [aria-current]{background:#e7f0db}.learn-header-tools nav img{object-fit:contain}.learn-menu{display:none}#learn-progress{position:absolute;inset:auto 0 -1px;width:100%;height:3px;appearance:none;border:0;background:transparent;color:#c29d4d}#learn-progress::-webkit-progress-bar{background:transparent}#learn-progress::-webkit-progress-value{background:#c29d4d}#learn-progress::-moz-progress-bar{background:#c29d4d}
.learn-main{width:min(1320px,calc(100% - 56px));margin:0 auto;padding:25px 0 64px}.learn-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:#6d8060;margin-bottom:23px}.learn-breadcrumb a{text-decoration:none}.learn-hero,.learn-article-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:42px;border:1px solid var(--learn-line);border-bottom:7px solid #a1b98c;border-radius:29px;background:linear-gradient(140deg,#fffef5,#e6efda);box-shadow:inset 0 2px #fff,0 8px 0 #dce7d022}.learn-hero p{font-size:18px;color:var(--learn-muted);max-width:640px}.learn-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:750;color:#698153;letter-spacing:.025em}.learn-hero-art{width:100%;height:auto;max-height:420px;object-fit:contain;filter:drop-shadow(0 15px 10px #264d2c1c)}.learn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.learn-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 23px;min-width:110px;border:1px solid #356744;border-bottom:5px solid #1f472f;border-radius:14px;background:linear-gradient(145deg,#4b8255,#2a5d3d);color:#fff!important;text-decoration:none;font-size:14px;font-weight:750;line-height:1.4;box-shadow:inset 0 1px #fff5}.learn-button.secondary{border-color:#b9cca5;border-bottom-color:#97b37f;color:#355d3e!important;background:linear-gradient(145deg,#fffef8,#e7efdc)}.learn-button:active{translate:0 2px}.learn-tabs{display:flex;gap:12px;margin:30px 0}.learn-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learn-card{overflow:hidden;border:1px solid #cad9bb;border-bottom:6px solid #a5bc90;border-radius:23px;background:linear-gradient(145deg,#fffef8,#f2f6ea);display:flex;flex-direction:column}.learn-card-art{height:220px;display:block;background:#e9efdd;border-bottom:1px solid #d9e2cd;overflow:hidden}.learn-card-art img{width:100%;height:100%;object-fit:contain}.learn-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.learn-card h2{font-size:23px;margin:12px 0 17px}.learn-card h2 a{text-decoration:none}.learn-card-copy>p{color:var(--learn-muted);font-size:15px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.learn-card-copy>.learn-actions{margin-top:auto;padding-top:10px}.learn-card-copy .learn-button{flex:1;min-width:0;padding-inline:10px}
.learn-article-hero{padding:36px;gap:30px}.learn-article-hero h1{font-size:clamp(29px,3.2vw,43px)}.learn-article-art{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:20px}.learn-lead{color:#526e47;font-size:17px}.learn-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:#738367}.learn-meta>span{display:inline-flex;align-items:center;gap:6px}.learn-meta svg{width:16px;height:16px}.learn-reading-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px;margin-top:42px}.learn-sidebar{min-width:0}.learn-toc{position:sticky;top:105px;padding:20px;border:1px solid #c6d6b7;border-bottom:5px solid #abc297;border-radius:20px;background:#f6f9ed;max-height:calc(100dvh - 125px);overflow:auto;scrollbar-width:thin}.learn-toc summary{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:750;cursor:pointer;list-style:none}.learn-toc nav{display:grid;gap:5px;margin-top:16px}.learn-toc nav a{padding:8px 10px;border-radius:10px;text-decoration:none;color:#657b55;font-size:13px;line-height:1.6;border-inline-start:3px solid transparent}.learn-toc nav a[aria-current],.learn-toc nav a:hover{color:#2f5d3c;background:#e5efda;border-inline-start-color:#bc9843}.learn-article{min-width:0;max-width:960px}.learn-section{position:relative;padding:34px;margin-bottom:25px;border:1px solid #d1ddc5;border-bottom:4px solid #b6c9a2;border-radius:23px;background:#fffef8;scroll-margin-top:105px}.learn-section-number{display:block;font-size:12px;letter-spacing:2px;font-weight:800;color:#a58b51;margin-bottom:10px}.learn-section p,.learn-rule-list{font-size:17px;line-height:1.95;color:#425c3b}.learn-rule-list{padding-inline-start:26px}.learn-rule-list li{padding-inline-start:6px;margin-bottom:16px}.learn-figure{margin:28px 0 0;padding:15px;border:1px solid #d9e3cd;border-radius:20px;background:linear-gradient(145deg,#fafced,#eaf1df)}.learn-figure img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}.learn-figure figcaption{font-size:12px;color:#6c7e5c;text-align:center;margin-top:10px}.learn-piece-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.learn-piece{border:1px solid #cbd9bc;border-bottom:4px solid #adbf96;border-radius:18px;overflow:hidden;background:#f4f8e9;padding:16px}.learn-piece img{width:100%;height:auto;display:block}.learn-piece h3{margin:12px 0 8px}.learn-piece p{font-size:15px;margin:0;line-height:1.85}.learn-inline-link{display:inline-flex;gap:9px;align-items:center;font-size:15px;font-weight:700;text-underline-offset:5px;margin-top:8px}.learn-sources{margin-top:24px;padding:22px;border-inline-start:4px solid #c4a258;border-radius:0 15px 15px 0;background:#f8f4e2}.learn-sources h3{margin:0 0 12px;font-size:16px}.learn-sources a{display:block;font-size:14px;margin:10px 0;overflow-wrap:anywhere}.learn-faq{padding:18px;border:1px solid #d0dec3;border-bottom:3px solid #b7cba1;border-radius:15px;margin-top:13px;background:#f5f8ec}.learn-faq summary{cursor:pointer;font-weight:650;font-size:15px}.learn-faq p{font-size:15px;margin:16px 0 0}.learn-play-panel{padding:30px;border:1px solid #b3c79e;border-bottom:6px solid #94af7b;border-radius:23px;background:linear-gradient(140deg,#fff8dc,#dfedce);text-align:center}.learn-play-panel>svg{width:48px;height:48px;margin-bottom:12px;color:#547646}.learn-play-panel .learn-actions{justify-content:center}.learn-related{margin-top:45px}.learn-related-card{padding:25px;border:1px solid #cbd9be;border-bottom:4px solid #adc596;border-radius:20px;background:#f9fbf1}.learn-related-card>svg{width:31px;height:31px}.learn-related-card h3{margin:16px 0}.learn-related-card a{display:inline-block;margin-inline-end:17px;text-underline-offset:5px;font-size:14px}.learn-footer{display:flex;gap:25px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid #cbd9bd;background:#e7efdc;padding:30px max(24px,calc((100vw - 1320px)/2));font-size:13px}.learn-footer nav{display:flex;flex-wrap:wrap;gap:18px}.learn-footer nav a{text-decoration:none}.learn-mobile-dock{display:none}
/* Links integrated into the existing game shell, without changing its control IDs. */
.main-nav .learning-nav-link{display:inline-flex;align-items:center;gap:7px;color:#3f6745;text-decoration:none;font-size:13px;padding:10px 12px;border:1px solid #cad9bc;border-bottom:3px solid #aec399;border-radius:12px;background:linear-gradient(145deg,#fffef7,#e9f1df)}.learning-nav-link svg{width:18px;height:18px}
@media(max-width:1100px){.learn-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-hero,.learn-article-hero{gap:20px;padding:28px}.learn-reading-layout{grid-template-columns:210px minmax(0,1fr);gap:25px}.learn-section{padding:26px}.learn-meta{gap:8px}.main-nav .learning-nav-link{padding-inline:8px;font-size:12px}}
@media(max-width:900px){.learn-main{width:calc(100% - 32px)}.learn-header{padding:10px 16px;min-height:73px}.learn-desktop-nav{display:none}.learn-menu{display:block}.learn-header-tools summary{font-size:12px}.learn-hero,.learn-article-hero{grid-template-columns:1fr}.learn-hero-art{max-height:300px;grid-row:2}.learn-article-art{max-height:300px}.learn-hero p{font-size:16px}.learn-reading-layout{display:flex;flex-direction:column;gap:20px;margin-top:25px}.learn-toc{position:static;max-height:none}.learn-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.learn-sidebar{width:100%}.learn-mobile-dock{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:35;gap:7px;padding:9px 10px max(9px,env(safe-area-inset-bottom));border:1px solid #c4d5b5;border-top:2px solid #afc49a;border-bottom:0;border-radius:21px 21px 0 0;background:linear-gradient(145deg,#fffef6,#e7efdb)}.learn-mobile-dock a{display:flex;flex:1;min-width:0;min-height:55px;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:10px;text-decoration:none;border:1px solid #c5d6b6;border-bottom:4px solid #a9c093;border-radius:13px;background:#f7faee}.learn-mobile-dock a[aria-current]{background:linear-gradient(#4d8056,#2b5e3e);border-color:#3c7048;border-bottom-color:#21492f;color:#fff}.learn-footer{padding:28px 20px 110px}.learn-section{scroll-margin-top:95px}}
@media(max-width:600px){.learn-main{width:calc(100% - 24px);padding-top:17px}.learn-header{padding-inline:12px;gap:12px}.learn-brand{font-size:22px;gap:6px}.learn-brand img{width:37px;height:42px}.learn-hero,.learn-article-hero{padding:24px 20px;border-radius:23px;border-bottom-width:5px}.learn-shell h1{font-size:29px;line-height:1.4}.learn-eyebrow{font-size:11px}.learn-hero-art{max-height:240px}.learn-card-grid{grid-template-columns:minmax(0,1fr);gap:19px}.learn-card-copy{padding:22px}.learn-card-art{height:210px}.learn-card h2{font-size:23px}.learn-card-copy>p{font-size:15px}.learn-article-hero h1{font-size:28px}.learn-lead{font-size:16px}.learn-meta{font-size:10px;gap:8px 12px}.learn-section{padding:25px 20px;border-radius:19px}.learn-section p,.learn-rule-list{font-size:16px;line-height:2}.learn-section h2{font-size:23px}.learn-toc{padding:17px}.learn-toc nav{grid-template-columns:minmax(0,1fr)}.learn-piece-grid{grid-template-columns:1fr}.learn-piece p{font-size:16px}.learn-figure{padding:9px}.learn-button{padding:12px 14px;min-height:52px;flex:1;min-width:0}.learn-tabs a{flex:1;min-width:0}.learn-actions{gap:10px}.learn-header-tools nav{min-width:210px}.learn-footer nav{gap:14px}.learn-breadcrumb{font-size:11px}.learn-play-panel{padding:26px 18px}.learn-related-card{padding:23px}.learn-article-art{max-height:260px}.learn-faq{padding:16px}}
@media(prefers-reduced-motion:no-preference){.learn-shell{scroll-behavior:smooth}.learn-button{transition:translate .15s,filter .15s}.learn-button:hover{filter:brightness(1.05)}}
@media print{.learn-header,.learn-mobile-dock,.learn-sidebar,.learn-actions,.learn-footer,.learn-related{display:none}.learn-main{width:100%;padding:0}.learn-reading-layout{display:block}.learn-section{break-inside:avoid;border:0;padding:15px 0}.learn-article-hero{display:block;border:0;background:none}.learn-article-art{height:200px}}

.game-learning-links{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.game-learning-links a{display:flex;gap:8px;align-items:center;padding:10px 16px;background:#eff5e6;border:1px solid #c7d7b8;border-bottom:3px solid #adc397;border-radius:12px;text-decoration:none;color:#3e6744;font-size:13px}.game-learning-links svg{width:20px;height:20px}