/* Learning Library v2. Scoped presentation; artwork always keeps its natural ratio. */
.learning-page {max-width:1060px;margin:0 auto;padding-bottom:24px}
.learning-page p,.learning-page h1,.learning-page h2,.learning-page button,.learning-page a {overflow-wrap:break-word;word-break:normal}
.learning-page button,.learning-page .action-button {min-width:44px;min-height:48px;padding:12px 16px;white-space:normal;font:inherit;line-height:1.5;cursor:pointer}
.learning-page :focus-visible {outline:3px solid var(--text,#413565);outline-offset:3px}
.learning-page img {object-fit:contain;height:auto;max-width:100%}
.learning-page .learn-header {margin-bottom:20px}
.learning-page .learn-library-hero {margin-bottom:28px}
.learning-page .learn-library-hero>img {display:block;width:100%;border-radius:20px}
.learning-page .learn-library-hero p {margin-top:12px}
.learning-page .learn-subject-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.learning-page .learn-subject-card {text-decoration:none;color:inherit;text-align:center;padding:20px 12px;min-width:0;box-shadow:none}
.learning-page .learn-subject-card img {display:block;width:100px;height:100px;margin:0 auto 12px}
.learning-page .learn-subject-card h2 {font-size:1.15rem;margin:0}
.learning-page .learn-subject-hero {display:grid;grid-template-columns:38% 62%;align-items:center;margin-bottom:24px;padding:20px;box-shadow:none}
.learning-page .learn-mini-hero {width:100%}
.learning-page .learning-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.learning-page .learning-card {text-decoration:none;color:inherit;box-shadow:none;min-width:0}
.learning-page .learn-resume {display:flex;gap:16px;align-items:center;text-decoration:none;color:inherit;margin-block:20px}
.learning-page .learn-resume-icon {width:64px;height:64px}
.learning-page .learn-actions {display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}
.learning-page .learn-journey {max-width:760px;position:relative;margin:24px auto;isolation:isolate}
.learning-page .learn-review {display:flex;align-items:center;justify-content:center;gap:12px}
.learning-page .learn-branch {width:48px;height:48px}
.learning-page .learn-review-icon {width:60px;height:60px;vertical-align:middle;margin-right:10px}
.learning-page .learning-activity {max-width:760px;margin:0 auto;padding:24px;box-shadow:none}
.learning-page .learning-prompt {font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.5}
.learning-page .learn-question-position {font-variant-numeric:tabular-nums;margin-top:0}
.learning-page .learning-choices {display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}
.learning-page .learn-answer,.learning-page .learn-token-bank button,.learning-page .learn-token-tray button,.learning-page .learn-pair-grid button {border:1px solid var(--nav-border,#cec9dd);background:var(--surface,#fff);color:inherit;border-radius:14px;text-align:left}
.learning-page .learn-answer {font-size:1.15rem;padding:16px;min-height:60px}
.learning-page [aria-pressed=true] {outline:3px solid currentColor;outline-offset:1px}
.learning-page .learn-feedback {display:block;width:92px;height:92px;object-fit:contain;margin:16px auto}
.learning-page .learn-token-tray,.learning-page .learn-token-bank {display:flex;flex-wrap:wrap;gap:10px;padding:16px 0;min-height:72px;margin-bottom:12px}
.learning-page .learn-token-tray {border-bottom:1px solid var(--nav-border,#cec9dd)}
.learning-page .learn-pair-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-block:20px}
.learning-page .learn-pair-grid>div {display:flex;flex-direction:column;gap:12px;min-width:0}
.learning-page .learn-pair-grid button {width:100%;min-height:68px;padding:12px;font-size:1rem}
.learning-page .learn-pair-grid span {display:block;font-size:.9rem;margin-top:6px}
.learning-page .learn-passage {padding:16px;border-left:3px solid var(--nav-border,#cec9dd);margin-bottom:24px;line-height:1.7}
.learning-page .learning-note {font-size:.875rem;margin-top:28px}
.learning-page select {display:block;min-height:48px;max-width:100%;margin:12px 0}
.learning-page * {animation:none;transition:none}
/* Content layouts inherit main's production width/gutters and g-card surfaces. */
.learning-page{max-width:none;margin:0;padding-bottom:24px}
.learning-page .learn-header{margin-bottom:24px}
.learning-page .learn-library-hero{margin-bottom:24px}
.learning-page .learn-library-hero>.g-banner{position:absolute;height:100%;border-radius:0}
.learning-page .learn-subject-card{box-shadow:var(--g-shadow);border-radius:var(--g-radius)}
.learning-page .learn-journey{max-width:100%;margin:24px 0;position:relative}
.learn-map{position:relative;width:100%;max-width:100%;isolation:isolate}
.learn-map-mobile{display:none}
.learn-map-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.learn-map-node{position:absolute;display:flex;align-items:center;transform:translate(-50%,-50%);width:120px;height:120px;text-decoration:none;color:var(--g-text);z-index:2}
.learn-map-art{display:block;width:100%;height:100%;position:relative}.learning-page .learn-map-art>img{width:100%;height:100%;object-fit:contain}
.learning-page .learn-map-art .learn-map-overlay{position:absolute;width:38px;height:38px;right:4px;bottom:0}
.learn-map-label{position:absolute;left:100%;width:190px;padding:6px 10px;border-radius:12px;background:var(--color-surface);line-height:1.45;font-size:16px;box-shadow:var(--g-shadow)}
.node-right .learn-map-label{left:auto;right:100%;text-align:right}.learn-map-label strong{font-weight:600}.learn-map-label small{display:block;color:var(--g-muted);font-size:14px;margin-top:4px}
.learning-page .learn-map-environment{position:absolute;width:13%;height:auto;max-height:120px;object-fit:contain;pointer-events:none;z-index:0}.decoration-0{right:2%;top:2%}.decoration-1{left:2%;bottom:1%}
.learning-page .learning-activity,.learning-page .learn-answer,.learning-page .learn-token-tray,.learning-page .learn-token-bank button,.learning-page .learn-pair-grid button{background:var(--color-surface)}
@media(max-width:767px){.learn-map-wide{display:none}.learn-map-mobile{display:block}.learn-map-node{width:90px;height:100px}.learn-map-label{width:135px;font-size:15px;padding:6px 8px}.learn-map-label small{font-size:12px}.learning-page .learn-map-art .learn-map-overlay{width:30px;height:30px}.learning-page .learn-map-environment{width:17%;max-height:70px}.learning-page .learn-subject-hero{grid-template-columns:1fr}.learning-page .learn-subject-hero p{margin:0}}

@media(max-width:767px){.learning-page .learn-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learning-page .learning-grid{grid-template-columns:1fr}.learning-page .learn-subject-card img{width:80px;height:80px}.learning-page .learning-activity{padding:18px}}