/* Home 2.0: scoped landing-page layout; respects the existing theme preference. */
.home-active{--yellow:#fff0ad}[data-theme=dark] .home-active{--bg:#121212;--ink:#f5f5f5;--muted:#bcbcbc;--line:#393939}
.welcome-main{max-width:1160px;padding:30px 32px 24px;min-height:0}.home-v2{--home-card:#fff}[data-theme=dark] .home-active .home-v2{--home-card:#222}
.home-v2 h1{font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.14;letter-spacing:-.045em;margin:12px 0 16px}.home-v2 h1 em{font-style:normal;background:var(--yellow);color:#171717;padding:0 .12em}.home-v2 h2{font-size:1.2rem;letter-spacing:-.025em;margin:0}.home-label{font-size:.72rem;letter-spacing:.12em;font-weight:700;margin:0;color:var(--muted)}
.home-top{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:36px;align-items:center}.home-hero>p:not(.home-label),.home-member>p:not(.home-label){font-size:1rem;line-height:1.6;margin:0 0 18px}.home-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.home-actions>a{min-height:44px;display:inline-flex;align-items:center}.home-actions>a:not(.btn),.home-secondary{font-size:.9rem}.home-secondary{display:inline-flex;min-height:44px;align-items:center;margin-left:18px}
.home-expression{border-left:2px solid #b59b38;padding:12px 20px;display:grid;gap:4px;grid-template-columns:1fr auto}.home-expression .home-label{grid-column:1/-1}.home-expression strong{font-size:1.65rem;letter-spacing:-.04em;grid-column:1;line-height:1.2;margin-top:8px}.home-expression>span{grid-column:1;color:var(--muted);font-size:.9rem}.home-expression button{grid-column:1/-1;justify-self:start;margin-top:10px}
.home-learning{margin-top:30px}.home-section-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.home-section-heading>a{font-size:.85rem;min-height:44px;display:flex;align-items:center}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-grid>a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 12px;align-items:center;padding:20px 16px;border:1px solid var(--line);border-radius:14px;background:var(--home-card);color:var(--ink)}.home-grid>a:hover{border-color:#b59b38}.home-icon{grid-row:span 2;font-size:1.3rem;font-weight:700;color:var(--ink)}.home-grid strong{font-size:1rem}.home-area-note{font-size:.82rem;color:var(--muted)}
.home-try{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:22px 0;margin-top:26px;border-block:1px solid var(--line)}.home-try h2{margin-top:8px}.home-choices{display:flex;gap:8px}.home-choices button{flex:1;min-width:0}.home-feedback{font-size:.85rem;min-height:24px;margin:10px 0 0}.home-reset{border:0;background:transparent;color:var(--ink);font:inherit;text-decoration:underline;min-height:44px;padding:8px 0}.home-choices [aria-pressed=true]{outline:2px solid #9b7b00;outline-offset:2px}.home-choices button:disabled{opacity:1}
.home-help{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.home-help p{font-size:.88rem;margin:0}.home-active .assistant-toggle{position:static;box-shadow:none;min-height:44px;white-space:nowrap}.home-active .assistant-panel{bottom:20px;max-height:calc(100dvh - 40px)}.home-course-progress{max-width:380px}.home-stats{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:16px;font-size:.85rem}.home-stats strong{display:block;font-size:1.1rem}.home-status{font-size:.85rem}.home-v2 :focus-visible{outline:3px solid #ab881e;outline-offset:4px}.home-v2 [hidden]{display:none!important}
.home-active footer{max-width:1160px;padding:22px 32px;align-items:flex-start;gap:18px 32px}.home-active .footer-links{display:flex;flex-wrap:wrap;gap:4px 20px}.home-active .footer-links a{min-height:44px;display:inline-flex;align-items:center;font-size:.82rem}
@media(max-width:650px){.welcome-main{padding:22px 16px}.home-top{grid-template-columns:1fr;gap:20px}.home-v2 h1{font-size:1.85rem}.home-actions{gap:8px 18px}.home-expression{padding:8px 14px}.home-expression strong{font-size:1.35rem;margin-top:2px}.home-expression button{grid-column:2;grid-row:2/4;margin:0}.home-learning{margin-top:22px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-grid>a{display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px;gap:5px}.home-grid strong{font-size:.95rem}.home-area-note{font-size:.8rem}.home-icon{font-size:1.1rem}.home-try{grid-template-columns:1fr;gap:14px;margin-top:22px}.home-choices .btn{padding:10px 8px}.home-help{align-items:flex-start}.home-help p{max-width:210px}.home-secondary{margin-left:0;margin-right:16px}.home-member>.btn{margin-right:14px}.home-active footer{padding:20px 16px;flex-direction:column}.home-active .assistant-panel{bottom:12px}.home-section-heading{gap:0}.home-v2 a,.home-v2 strong{overflow-wrap:anywhere}}
@media(max-width:360px){.home-help{flex-wrap:wrap}}

.home-v2>.home-try:first-child{margin-top:0;margin-bottom:28px}.home-try .home-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.home-try .home-choices button{text-align:left;overflow-wrap:anywhere}


.home-try .home-feedback{white-space:pre-line;line-height:1.65;overflow-wrap:anywhere}

/* The opening viewport is the quick review; the learning area follows below. */
.home-v2>[data-welcome]:first-child{min-height:calc(100svh - 130px);box-sizing:border-box;margin:0 0 32px;padding:clamp(24px,6vh,64px) 0 20px;border:0;grid-template-rows:1fr auto;column-gap:clamp(24px,5vw,64px)}
[data-welcome] #home-question{font-size:clamp(1.65rem,4vw,3rem);line-height:1.2;margin-top:14px;overflow-wrap:anywhere}
[data-welcome] .home-choices button{min-height:64px;font-size:1.05rem;padding:16px 20px}
[data-welcome] .home-enter{grid-column:1/-1;justify-self:center;align-self:end;margin-top:24px;min-height:44px}
#home-content{scroll-margin-top:90px}
@media(max-width:650px){.home-v2>[data-welcome]:first-child{min-height:calc(100svh - 110px);grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:20px;padding:28px 0 16px}[data-welcome] .home-enter{margin-top:0}[data-welcome] .home-choices button{min-height:56px}[data-welcome] #home-question{font-size:clamp(1.6rem,6vw,2.3rem)}}
