/* Learning home: the same clear goal, quick menu and daily route used by the Hanja app. */
.home-hub .greeting{margin-bottom:20px}.home-hub .greeting h1{font-size:32px;margin:6px 0 10px;letter-spacing:-1.3px}.home-hub .greeting p:last-child{font-size:14px;color:var(--muted);line-height:1.7;margin:0}
.learning-goal{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:17px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card);margin:0 0 22px}.learning-goal p{margin:5px 0 0;font-size:12px;color:var(--muted);line-height:1.6}.learning-goal b{font-size:15px}.learning-goal button{flex:none;min-height:44px}
.home-menu-heading{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 13px;gap:12px}.home-menu-heading h2{font-size:20px;margin:0}.home-menu-heading p{margin:0;font-size:12px;color:var(--muted)}
.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-feature-card{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:21px;min-width:0;min-height:192px;color:var(--ink);transition:transform .15s,border-color .15s}.home-feature-card:hover{transform:translateY(-2px);border-color:#779b8b}.home-feature-card:focus-visible{outline:3px solid #6a9b86;outline-offset:3px}.home-feature-card .feature-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;margin-bottom:13px}.feature-glyph{width:30px;height:30px;color:var(--green);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.home-feature-card .feature-label{font-size:10px;background:#ecf0e8;border-radius:6px;padding:4px 6px;color:#526c5e;line-height:1.5}.home-feature-card strong{font-size:19px;letter-spacing:-.6px}.home-feature-card .feature-desc{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 18px}.home-feature-card .feature-cta{display:flex;justify-content:space-between;width:100%;font-size:12px;font-weight:700;color:var(--green);margin-top:auto;gap:5px}.home-feature-card .feature-cta i{font-style:normal;font-size:17px}.home-feature-card.feature-education{background:#e7f0e9;border-color:#a9c3b1}.feature-education .feature-label{background:#d5e7da;color:#305f43}.feature-analysis .feature-glyph{color:#78629c}.feature-game .feature-glyph{color:#a87525}
.home-ad-note{font-size:11px;line-height:1.8;color:var(--muted);margin:13px 0 22px}.home-learning-progress{padding:22px;border-radius:18px;background:#eef1e8;border:1px solid var(--line);margin:22px 0}.home-learning-progress h2{font-size:19px;margin:0 0 8px}.home-learning-progress p{font-size:13px;line-height:1.8;margin:8px 0;color:var(--muted)}.home-learning-progress .bar-track{margin:14px 0}.home-learning-progress .actions{margin-top:14px;flex-direction:row}.home-learning-progress .actions button{font-size:12px;min-height:44px}.home-comic-teaser{display:flex;align-items:center;gap:20px;border-radius:18px;border:1px solid var(--line);background:var(--card);padding:18px;margin:20px 0}.home-comic-teaser img{width:126px;aspect-ratio:1;object-fit:cover;border-radius:12px}.home-comic-teaser>div{min-width:0}.home-comic-teaser h2{font-size:18px;line-height:1.5;margin:8px 0}.home-comic-teaser p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0}.home-comic-teaser button{min-height:44px}.home-utility-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.home-utility-links button{min-height:44px}
.education-heading .page-intro{margin-bottom:18px}.education-cycle{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 22px;font-size:13px;color:var(--green)}.education-cycle span{background:#e8eee3;padding:8px 12px;border-radius:20px}.education-cycle i{font-style:normal}.education-today{padding:25px;border-radius:22px;background:var(--green);color:#fff;margin:20px 0}.education-today .tag{background:#ffffff20;color:#f1f3da}.education-today h2{font-size:25px;line-height:1.5;margin:14px 0 8px}.education-today p{font-size:14px;line-height:1.8;color:#e0e8da}.education-today .bar-track{background:#ffffff30;margin:19px 0 10px}.education-today .bar-track>div{background:#c7d7ab}.education-today .primary{background:#f0e9cc;color:#234638}.education-today .today-meta{display:flex;justify-content:space-between;font-size:12px;gap:12px}.education-today .today-meta strong{font-size:18px}.education-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;list-style:none;margin:18px 0;padding:0}.education-week li{min-width:0;text-align:center;border-radius:12px;background:#f0f2e9;padding:12px 3px;border:1px solid transparent}.education-week li.today{border-color:var(--green)}.education-week li.done{background:#dce9d5}.education-week li.future{color:#91998e;background:#f5f5ef}.education-week span,.education-week small{display:block;font-size:11px}.education-week b{display:block;margin:11px 0;font-size:18px;color:var(--green)}.education-week small{font-size:10px}.education-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.education-steps .panel{margin-bottom:0;display:flex;flex-direction:column}.education-steps p{flex:1;margin-top:0}.education-steps button{min-height:48px}.education-source-note{font-size:12px;color:var(--muted);line-height:1.8;margin:18px 0}.learning-tabs{display:flex;gap:6px;padding:5px;border-radius:14px;background:#e9ede2;margin:0 0 22px}.learning-tabs button{flex:1;border:0;background:none;color:var(--muted);padding:12px 6px;border-radius:10px;font-size:12px;min-height:44px}.learning-tabs button[aria-current=page]{background:var(--card);color:var(--green);font-weight:700;box-shadow:0 2px 6px #203c3610}
@media(min-width:900px){.bottom-nav{padding-left:185px;padding-right:185px}}
@media(max-width:650px){.home-hub .greeting h1{font-size:26px}.home-hub .greeting p:last-child{font-size:12px}.learning-goal{padding:14px;gap:8px;margin-bottom:20px}.learning-goal b{font-size:13px}.learning-goal p{font-size:11px}.learning-goal button{font-size:11px;padding:10px}.home-menu-heading h2{font-size:18px}.home-menu-heading p{font-size:10px}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-feature-card{padding:16px 13px;min-height:183px;border-radius:16px}.home-feature-card strong{font-size:17px}.home-feature-card .feature-desc{font-size:11px;margin:8px 0 14px}.home-feature-card .feature-cta{font-size:11px}.home-feature-card .feature-label{font-size:9px}.home-feature-card .feature-top{align-items:flex-start;flex-direction:column;margin-bottom:12px;gap:8px}.home-feature-card.feature-review{grid-column:1/-1;min-height:150px}.home-feature-card.feature-review .feature-top{flex-direction:row}.home-learning-progress{padding:18px}.home-learning-progress .actions{flex-wrap:wrap}.home-learning-progress .actions button{flex-basis:44%}.home-comic-teaser{gap:13px;padding:14px}.home-comic-teaser img{width:83px}.home-comic-teaser h2{font-size:15px}.home-comic-teaser p{font-size:11px}.education-steps{grid-template-columns:1fr}.education-week{gap:4px}.education-week li{padding:12px 1px}.education-week small{font-size:9px}.education-today{padding:21px}.education-today h2{font-size:22px}.education-today p{font-size:13px}.bottom-nav{padding-left:4px;padding-right:4px}.bottom-nav button{min-width:0;font-size:10px}.bottom-nav button.active span{width:42px}}
@media(max-width:350px){.home-menu-heading{align-items:flex-start;flex-direction:column;gap:6px}.home-feature-card{padding:14px 11px}.home-feature-card strong{font-size:16px}.home-feature-card .feature-label{font-size:8px}.learning-goal{align-items:flex-start}.home-comic-teaser img{width:68px}.education-week span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-feature-card{transition:none}.home-feature-card:hover{transform:none}}