.learning-page{padding-top:38px;padding-bottom:64px}
.learning-page-title{max-width:1080px;margin:0 auto 22px;font:600 clamp(34px,4vw,48px)/1.1 var(--serif);color:var(--jade)}
.learning-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.learning-games{max-width:1080px;margin:auto;color:var(--ink);line-height:1.7}
.learning-games *{min-width:0}
.learning-games [hidden]{display:none!important}
.learning-games :is(h1,h2,h3){font-family:var(--serif);line-height:1.05;color:var(--jade);margin:0 0 16px;overflow-wrap:anywhere}
.learning-games h1{font-size:clamp(42px,5vw,70px)}
.learning-games h2{font-size:clamp(32px,4vw,46px)}
.learning-games h3{font-size:30px}
.learning-games p{overflow-wrap:anywhere}
.learning-hero,.learning-intro,.learning-lobby>.learning-heading{position:relative;padding:clamp(26px,5vw,48px);margin:0 0 28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(125deg,rgba(14,75,66,.07),rgba(212,168,67,.13));overflow:hidden}
.learning-hero:after,.learning-intro:after,.learning-lobby>.learning-heading:after{content:'✦';font:150px var(--serif);position:absolute;right:20px;top:10px;color:rgba(184,137,30,.12);pointer-events:none}
.learning-hero>*,.learning-intro>*,.learning-lobby>.learning-heading>*{position:relative;z-index:1}
.learning-hero p,.learning-intro p,.learning-lobby>.learning-heading p{max-width:700px;font-size:16px}
.learning-eyebrow,.learning-kicker{font:600 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--jade);margin-bottom:16px}
.learning-badges,.learning-meta,.learning-toolbar,.learning-actions,.learning-game-header{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.learning-badges span,.learning-meta span,.learning-badge{display:inline-flex;padding:5px 12px;border:1px solid var(--line);border-radius:99px;background:var(--paper);font-size:12px;color:var(--jade)}
.learning-grid,.learning-cards,.learning-game-grid,.learning-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0}
.learning-card{--learning-accent:var(--jade);display:flex;flex-direction:column;gap:10px;padding:28px;border:1px solid var(--line);border-top:4px solid var(--learning-accent);border-radius:18px;background:var(--paper-2);box-shadow:0 10px 28px rgba(14,75,66,.04)}
.learning-card:nth-child(2){--learning-accent:var(--terracotta)}.learning-card:nth-child(3){--learning-accent:var(--azul)}
.learning-card h2,.learning-card h3{font-size:31px;margin:7px 0;color:var(--learning-accent)}
.learning-card p{font-size:14px;flex:1;margin:0 0 14px;color:var(--muted)}
.learning-card .learning-card-type{flex:none;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.learning-card .learning-card-type span{font:600 34px var(--serif);margin-right:8px;color:var(--learning-accent)}
.learning-card .learning-duration{flex:none;font-size:12px;color:var(--jade);border-top:1px solid var(--line);padding-top:14px}
.learning-card .btn{align-self:start;width:100%}
.learning-icon,.learning-card-icon{display:grid;place-items:center;align-self:start;width:54px;height:54px;border-radius:14px;background:rgba(212,168,67,.12);color:var(--learning-accent);font-size:28px}
.learning-notice,.learning-session-note,.learning-games [data-learning-status]{padding:14px 18px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:rgba(14,75,66,.035);overflow-wrap:anywhere}
.learning-games [data-learning-status]:empty{padding:0;border:0}
.learning-games :is(button,a.btn){min-height:44px;white-space:normal;line-height:1.45;text-align:center}
.learning-games .btn-outline{background:transparent;border:1px solid var(--jade);color:var(--jade)}
.learning-games button:disabled{cursor:not-allowed;opacity:.65}
.learning-game-header{justify-content:space-between;margin:0 0 22px}
.learning-toolbar{justify-content:space-between;margin:18px 0}
.learning-score{font-weight:600;font-size:14px;color:var(--jade)}
.learning-games progress{width:100%;height:10px;accent-color:var(--jade);margin:12px 0 20px}
.learning-quiz,.learning-play,.learning-results{padding:clamp(22px,4vw,38px);border:1px solid var(--line);border-radius:20px;background:var(--paper-2)}
.learning-passage{font:21px/1.65 var(--serif);margin:16px 0 26px;padding:22px;border-left:3px solid var(--azafran);background:rgba(212,168,67,.09);white-space:pre-wrap;overflow-wrap:anywhere}
.learning-options{display:grid;gap:12px;border:0;padding:0;margin:22px 0}
.learning-options legend{font-weight:600;font-size:17px;margin-bottom:15px}
.learning-options label{display:flex;align-items:flex-start;gap:12px;min-height:52px;padding:15px;border:1px solid var(--line);border-radius:11px;font-size:15px;cursor:pointer;background:var(--paper)}
.learning-options label:has(input:checked){border-color:var(--jade);box-shadow:inset 0 0 0 1px var(--jade)}
.learning-options input{flex:none;width:18px;height:18px;accent-color:var(--jade);margin:3px 0 0}
.learning-feedback{padding:20px;margin:20px 0;border:1px solid var(--line);border-left:4px solid var(--jade);border-radius:10px;background:rgba(14,75,66,.045)}
.learning-feedback[data-learning-correct=false],.learning-feedback[data-correct=false],.learning-feedback.is-incorrect{border-left-color:var(--terracotta)}
.learning-feedback h3{font-size:26px}
.learning-actions{margin-top:22px}
.learning-memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}
.learning-memory-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:145px;padding:18px;border:2px solid rgba(14,75,66,.15);border-radius:14px;background:linear-gradient(145deg,var(--jade),var(--jade-2));color:var(--paper);font:600 16px/1.45 var(--sans);overflow-wrap:anywhere;cursor:pointer;box-shadow:0 5px 12px rgba(14,75,66,.05)}
.learning-memory-card[aria-pressed=true],.learning-memory-card.is-open,.learning-memory-card.is-matched,.learning-memory-card[data-learning-state=revealed],.learning-memory-card[data-learning-state=matched]{background:var(--paper);color:var(--jade);border-color:var(--jade)}
.learning-memory-card:disabled{opacity:1;cursor:default}
.learning-memory-card[data-learning-state=matched]{background:rgba(14,75,66,.08);box-shadow:none}
.learning-card-number{font:600 54px var(--serif);color:var(--azafran)}
.learning-card-face{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.learning-card-content{font-size:15px;line-height:1.5}
.learning-memory-card small{font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.learning-result-score{font:600 clamp(54px,9vw,88px) var(--serif);color:var(--jade);margin:20px 0}
.learning-results{max-width:760px;margin:26px auto;text-align:center}
.learning-results .learning-actions{justify-content:center}
.learning-results p{max-width:620px;margin-left:auto;margin-right:auto}
.learning-confirm,.learning-confirmation{padding:24px;margin:20px 0;border:2px solid var(--azafran-2);border-radius:15px;background:var(--paper)}
.learning-confirmation h3{font-size:30px}
.learning-quiz fieldset{border:0;padding:0;margin:20px 0;min-width:0}.learning-quiz legend{font-weight:600;font-size:18px;line-height:1.5;margin-bottom:8px}
.learning-passage h3{font-size:25px}.learning-passage blockquote{margin:0;font:inherit}
.learning-error{color:var(--terracotta-2);font-weight:600}.learning-review{text-align:left;font-size:14px}.learning-review li{padding:10px 0}.learning-review p{margin:6px 0}
.learning-confirm h2,.learning-confirm h3{font-size:30px}
.learning-community-callout{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:10px}
.learning-community-callout .prose{max-width:650px}.learning-community-callout .btn{flex:none}
.learning-games :is(button,input,a):focus-visible{outline:3px solid var(--terracotta);outline-offset:4px}
.learning-games [data-learning-focus]:focus,.learning-games [data-learning-feedback-focus]:focus{outline:3px solid var(--jade);outline-offset:6px}
@media(max-width:900px){.learning-grid,.learning-cards,.learning-game-grid,.learning-card-grid{grid-template-columns:1fr}.learning-card{padding:24px}.learning-card .btn{width:auto}.learning-community-callout{align-items:start;flex-direction:column}}
@media(max-width:600px){.learning-page{padding-top:22px}.learning-hero,.learning-intro,.learning-lobby>.learning-heading{padding:24px 20px}.learning-hero:after,.learning-intro:after,.learning-lobby>.learning-heading:after{font-size:100px;right:8px}.learning-memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learning-memory-card{min-height:140px;padding:14px;font-size:14px}.learning-quiz,.learning-play,.learning-results{padding:20px}.learning-passage{padding:17px;font-size:20px}.learning-actions>*{width:100%}.learning-game-header{align-items:flex-start}.learning-options label{padding:13px}.learning-toolbar{gap:10px}.learning-card .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.learning-games *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}