/* Home shares the library and setup palette, surfaces and proportions. */
.home-welcome{padding:0 0 4px}.home-welcome h1{font-size:clamp(32px,4vw,44px);margin:0 0 12px}.home-welcome p:last-child{max-width:600px;color:var(--muted);font-size:16px}

body[data-quest-page=home] .panorama{border-radius:20px;border:1px solid var(--line);box-shadow:0 8px 30px #3022440c}
.home-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.home-path{display:flex;align-items:center;gap:14px;min-width:0;padding:22px 20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}
.home-path:hover{border-color:var(--purple);background:var(--soft)}.home-path:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.home-path>div{flex:1;min-width:0}.home-path h2{font-size:22px;line-height:1.1;margin:0 0 7px}.home-path p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.home-path>span:last-child{font-size:20px;color:var(--purple)}
.path-number{align-self:flex-start;color:var(--gold-ink);font-weight:750;font-size:14px;background:var(--gold-soft);border-radius:8px;padding:6px}
.create-panorama{background:var(--soft)}.create-panorama .panorama-wallpaper{width:64%;height:100%;top:0;right:0;left:auto;object-fit:contain;object-position:right bottom}
.create-panorama::after{background:linear-gradient(90deg,var(--soft) 0%,var(--soft) 31%,transparent 62%)}
.create-panorama .panorama-copy{max-width:38%;left:64px;right:auto;bottom:88px}.create-panorama .panorama-copy h2{color:var(--text);text-shadow:none;font-size:44px;line-height:1.08}.create-panorama .panorama-copy p{color:var(--muted);font-size:16px}.create-panorama .panorama-copy .eyebrow{color:var(--purple);font-size:14px}
.panorama:has(.create-panorama.is-active) .panorama-arrow{color:#fff;text-shadow:0 1px 5px #170d2db3}.panorama:has(.create-panorama.is-active) .panorama-dots button::after{background:var(--muted);box-shadow:none}.panorama:has(.create-panorama.is-active) .panorama-dots button[aria-pressed=true]::after{background:var(--purple)}
@media(max-width:1000px){.home-path{gap:10px;padding:18px 14px}.path-number{display:none}.home-path h2{font-size:21px}.create-panorama .panorama-copy h2{font-size:38px}}
@media(max-width:760px){.home-welcome{align-items:center;gap:14px}.home-welcome h1{font-size:32px}.home-welcome p:last-child{font-size:15px}.home-paths{grid-template-columns:1fr;gap:12px;margin-top:18px}.home-path{padding:18px}.path-number{display:block}.home-path h2{font-size:22px}.home-path p{font-size:14px}.create-panorama .panorama-wallpaper{width:100%;height:72%;top:0;right:0;object-position:center top}.create-panorama::after{background:linear-gradient(0deg,var(--soft) 0%,var(--soft) 25%,transparent 68%)}.create-panorama .panorama-copy{left:28px;right:28px;bottom:57px;max-width:none}.create-panorama .panorama-copy h2{font-size:31px;max-width:310px}.create-panorama .panorama-copy p:not(.eyebrow){font-size:15px;max-width:300px}.create-panorama .panorama-copy .eyebrow{font-size:14px}.home-welcome .eyebrow{font-size:14px;letter-spacing:.05em}}
@media(max-width:480px){.home-welcome h1{font-size:32px}}


/* The selected lesson stays visible while teachers choose how to play. */
.home-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px}.home-welcome>.button{flex-shrink:0}
.selected-lesson{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:0 0 28px;background:var(--soft);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:16px}.selected-lesson h2{margin:5px 0 8px;font-size:26px}.selected-lesson p{margin:0;color:var(--muted)}.selected-lesson .eyebrow{color:var(--purple)}.selected-lesson .actions{flex-shrink:0}.other-ways{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.other-ways h2{font-size:24px;margin:6px 0}.quest-flow{align-items:center;gap:12px}.quest-flow a[aria-current=step]{color:var(--purple);font-weight:750}.quest-flow b{color:var(--gold-ink)}
@media(max-width:760px){.home-welcome,.selected-lesson,.other-ways{align-items:stretch;flex-direction:column;gap:16px}.selected-lesson{padding:20px}.selected-lesson .actions{flex-wrap:wrap}.quest-flow{font-size:14px;gap:8px}.home-welcome>.button{align-self:flex-start}}

.selected-lesson>div{min-width:0}.selected-lesson h2{overflow-wrap:anywhere}

/* Question search no longer reserves a column for levels. */
.search-panel{grid-template-columns:minmax(180px,1fr) minmax(150px,220px) auto}.search-panel>#clear-search{grid-column:3}
@media(max-width:760px){.search-panel{grid-template-columns:1fr 1fr}.search-panel>#clear-search{grid-column:2}}