/* ATKACH 4.2 — Learn presentation only. No state or payment changes. */
:root{--at-paper:#F5F2E9;--at-forest:#173C33;--at-gold:#EDBF79;--at-line:#ccd3c6}
body.plain-learn{--paper:var(--at-paper);--ink:var(--at-forest);--green:var(--at-forest);background:var(--at-paper)!important;color:var(--at-forest)!important}
body.plain-learn :is(h1,h2,h3,a){color:var(--at-forest)}
body.plain-learn :is(.plain-section,.plain-header,.plain-footer,.wrap,.v5-wrap,.cm-wrap){width:min(1240px,calc(100% - 64px))!important;max-width:1240px!important}
body.plain-learn .plain-header{padding:22px 0;border-bottom:1px solid var(--at-line);gap:20px}
body.plain-learn .plain-brand{display:inline-flex;gap:12px;align-items:center;letter-spacing:-.04em;font-size:26px!important}
body.plain-learn .plain-brand:before{content:'AT';display:inline-grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:var(--at-forest);color:var(--at-gold);font-size:19px;font-weight:700;letter-spacing:-.08em}
body.plain-learn .plain-header nav{gap:4px 24px}body.plain-learn .plain-header nav a{text-decoration:none}body.plain-learn .plain-header nav a:hover{text-decoration:underline;text-underline-offset:6px}
body.plain-learn .plain-hero{grid-template-columns:1.08fr 1fr!important;gap:72px!important;padding:80px 0 72px!important}
body.plain-learn h1{font-size:clamp(40px,5.2vw,76px)!important;letter-spacing:-.05em!important;font-weight:600;max-width:17ch}
body.plain-learn .plain-hero .lead,body.plain-learn .plain-lead{font-size:22px!important;line-height:1.5!important;max-width:39ch;color:#405b51!important}
body.plain-learn .plain-kicker{color:#405b51!important;font-size:16px!important}
body.plain-learn :is(.plain-button,.button,.v5-btn,.cm-button){background:var(--at-forest)!important;border-color:var(--at-forest)!important;border-radius:12px!important;min-height:52px!important;padding:16px 24px!important;color:white!important}
body.plain-learn .plain-secondary{background:transparent!important;color:var(--at-forest)!important;border-color:#819a8e!important}
body.plain-learn :is(.plain-card,.plain-sample,.access){border-radius:20px!important;border-color:var(--at-line)!important}
body.plain-learn .plain-note,body.plain-learn .small{font-size:16px!important;color:#405b51!important}
body.plain-learn .lm-controls button[aria-pressed=true]{background:var(--at-forest)!important;border-color:var(--at-forest)!important}
body.plain-learn .lm-note{background:#f4d7a7!important;border-color:#d9b77c!important}
body.plain-learn .lm-paper{background:#fffefa!important;border-color:#c5cdbf!important;border-radius:12px}
body.plain-learn .lm-paper-top>span:first-child{color:var(--at-forest)!important}
body.plain-learn .lm-stage{min-height:430px}body.plain-learn .lm-caption{max-width:42ch}
body.plain-learn .bf-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}body.plain-learn .bf-section-head h2{margin:0!important;max-width:19ch}
body.plain-learn .bf-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--at-line);border-radius:20px;overflow:hidden}
body.plain-learn .bf-role{display:block;padding:28px;background:#fffefa;text-decoration:none;border-right:1px solid var(--at-line);border-bottom:1px solid var(--at-line);min-height:150px}
body.plain-learn .bf-role:nth-child(3n){border-right:0}body.plain-learn .bf-role:nth-last-child(-n+3){border-bottom:0}body.plain-learn .bf-role strong{display:block;font-size:24px;font-weight:600;margin-bottom:12px}.bf-role span{font-size:18px;line-height:1.5;color:#405b51}.bf-role b{float:right;font-size:26px;font-weight:400}body.plain-learn .bf-role:hover{background:#f5e7cd}
body.plain-learn .bf-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:0}.bf-how li{border-top:2px solid var(--at-forest);padding-top:22px}.bf-how strong{display:block;font-size:24px;line-height:1.25;margin:12px 0}.bf-how p{color:#405b51;max-width:27ch}.bf-how .bf-num{font-size:16px;color:#405b51}
body.plain-learn .bf-pricing{display:grid!important;grid-template-columns:1.3fr 1fr!important;gap:24px!important;align-items:stretch}
body.plain-learn .bf-pricing .bf-subscription{border-top:6px solid var(--at-forest)!important;background:#fffefa!important}
body.plain-learn .bf-price{font-size:clamp(42px,4vw,64px)!important;line-height:1.15!important;letter-spacing:-.05em;font-weight:600;margin:24px 0 8px}
body.plain-learn .bf-term{margin:0 0 24px;font-size:18px!important}.bf-pricing h3{font-size:30px!important}.bf-pricing details{border-top:1px solid var(--at-line);margin-top:28px;padding-top:10px}.bf-pricing .bf-price{white-space:normal}.bf-pricing .plain-actions{display:block}.bf-pricing .plain-actions>a{width:100%}.bf-pricing .plain-card{padding:32px!important}
.bf-help{display:grid;grid-template-columns:1fr 1fr;gap:64px}.bf-help details{border-bottom:1px solid var(--at-line);padding:8px 0}.bf-help summary{font-size:20px!important;font-weight:600}.bf-help p{max-width:45ch}.bf-help>div>p{color:#405b51}.bf-home .plain-footer{border-top:0}
/* Keep the successful game world; bring only reading and workspace controls to AT. */
.app-shell{--paper:var(--at-paper);--ink:var(--at-forest)}
.app-shell :is(.plain-app-intro,.plain-app-lessons,.capsule-panel,.pc-request-actions,.pc-guide){font-family:Arial,Helvetica,sans-serif}
.app-shell .capsule-panel{background:#fffefa!important;border-color:var(--at-line)!important;color:var(--at-forest)!important;border-radius:18px!important}
.app-shell .capsule-panel :is(h1,h2,h3,label,legend,summary){color:var(--at-forest)!important}
.app-shell .capsule-panel :is(p,li,label,legend,textarea){font-size:18px!important;line-height:1.5!important}.app-shell .capsule-panel :is(.hint,small){font-size:16px!important;line-height:1.5!important;color:#405b51!important}
.app-shell .capsule-panel :is(textarea,pre){background:var(--at-paper)!important;color:var(--at-forest)!important;border-color:#819a8e!important}
.app-shell .capsule-panel :is(button,.primary){min-height:48px;font-size:18px!important;line-height:1.4!important}.app-shell .capsule-panel .primary{background:var(--at-forest)!important;color:white!important;border-color:var(--at-forest)!important}
.app-shell .pc-guide{background:#f5e7cd!important;color:var(--at-forest)!important;border-color:#d9b77c!important}.app-shell .pc-guide button{background:var(--at-forest)!important;color:white!important}
.app-shell .capsule-panel .lesson-text{color:var(--at-forest)!important}.app-shell .capsule-panel .pc-request-actions a{color:var(--at-forest)!important;background:var(--at-paper)!important}.app-shell .capsule-panel :is(.option,.quiz-why){color:var(--at-forest)!important}
@media(max-width:760px){body.plain-learn :is(.plain-section,.plain-header,.plain-footer,.wrap,.v5-wrap,.cm-wrap){width:calc(100% - 36px)!important}.plain-header nav{width:100%;justify-content:space-between}body.plain-learn .plain-header nav{gap:0 12px}body.plain-learn .plain-hero{grid-template-columns:1fr!important;gap:36px!important;padding:40px 0 48px!important}body.plain-learn h1{font-size:42px!important;max-width:100%;line-height:1.06!important}body.plain-learn .plain-lead,body.plain-learn .plain-hero .lead{font-size:20px!important}.bf-section-head{display:block!important}.bf-section-head>a{display:inline-flex;min-height:44px;align-items:center;margin-top:16px}body.plain-learn .bf-roles{grid-template-columns:1fr 1fr}body.plain-learn .bf-role{padding:20px;min-height:150px;border:0;border-bottom:1px solid var(--at-line);border-right:1px solid var(--at-line)}body.plain-learn .bf-role:nth-child(3n){border-right:1px solid var(--at-line)}body.plain-learn .bf-role:nth-child(2n){border-right:0}body.plain-learn .bf-role:nth-last-child(-n+3){border-bottom:1px solid var(--at-line)}body.plain-learn .bf-role:nth-last-child(-n+2){border-bottom:0}.bf-role strong{font-size:21px!important}.bf-role span{font-size:16px}.bf-role b{float:none;display:none}body.plain-learn .bf-how,body.plain-learn .bf-pricing,.bf-help{grid-template-columns:1fr!important;gap:24px!important}.bf-how p{max-width:100%}.bf-how strong{margin-top:8px}.bf-how li{padding-top:14px}.bf-pricing .plain-card{padding:24px!important}.bf-help{display:grid}.app-shell .pc-guide{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.bf-role{scroll-behavior:auto!important}}

/* Keep one language control; native links remain the no-JS fallback. */
body.plain-learn .plain-header:has(.at-language) nav a.language{display:none!important}
body.plain-learn .plain-header .at-language{margin:0;flex:0 0 auto}body.plain-learn .plain-header .at-language button{min-height:44px;font-size:16px!important}
.app-shell .capsule-intro .eyebrow{font-size:16px!important;letter-spacing:0!important}.app-shell .capsule-intro .hint{font-size:16px!important;line-height:1.5!important}
.app-shell .capsule-panel .secondary{background:var(--at-paper)!important;color:var(--at-forest)!important;border-color:#819a8e!important}
@media(max-width:760px){body.plain-learn .plain-header{display:grid;grid-template-columns:1fr auto;gap:12px}.plain-header .plain-brand{grid-column:1;grid-row:1;font-size:22px!important}.plain-header .at-language{grid-column:2;grid-row:1;max-width:165px}.plain-header .at-language button{padding:8px 9px!important}.plain-header nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-start;gap:0 24px!important}}

/* Intrinsic text widths must not clip role cards or push the English header. */
body.plain-learn .bf-role{min-width:0;overflow-wrap:anywhere}body.plain-learn .bf-pricing>*{min-width:0}
body.plain-learn .plain-header:has(.at-language) nav a[lang]{display:none!important}
@media(max-width:760px){body.plain-learn .bf-roles{grid-template-columns:repeat(2,minmax(0,1fr))}body.plain-learn .plain-header{grid-template-columns:minmax(0,1fr) auto}body.plain-learn .plain-header .plain-brand{font-size:22px!important;gap:8px;white-space:normal;min-width:0}body.plain-learn .plain-header .plain-brand:before{flex-basis:32px;height:32px;font-size:17px}body.plain-learn .plain-header nav{min-width:0;max-width:100%;gap:0 20px!important}body.plain-learn .plain-header .at-language{max-width:165px;min-width:0}body.plain-learn .plain-header .at-language button{padding:8px 9px!important}}

/* Reflow enlarged text rather than clipping words or fixed-height controls. */
body.bf-home main{width:100%;max-width:none;margin:0;padding:0}
body.plain-learn :is(p,a,button,summary){overflow-wrap:anywhere}
body.plain-learn .at-language{flex-wrap:wrap!important}body.plain-learn .at-language button{height:auto!important;white-space:normal!important;min-width:0}
body.plain-learn .bf-price{overflow-wrap:anywhere!important}body.plain-learn .plain-header .plain-brand{overflow-wrap:anywhere}
@media(max-width:760px){body.plain-learn .lm-stage{padding-left:12px;padding-right:8px}body.plain-learn .lm-paper{transform:none}}

/* 1Nov audit: filled lesson links keep a readable label. */
body.plain-learn a.lp-start{color:#fff!important}
