/* Light, space and quiet materiality. Existing artwork and learning retained. */
#site-nav a { display:inline-flex; align-items:center; min-height:44px; }
.menu-toggle { min-width:44px; min-height:44px; }
header:has(#site-nav) { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.quiet-resource-links { line-height:2; }
.quiet-resource-links a { display:inline-block; padding:6px 4px; }
:is(a,button,input,summary):focus-visible { outline:3px solid #713369; outline-offset:4px; }
.light-space-home { background:#fffdf8; }
.light-space-home main { background:linear-gradient(180deg,#fffefb 0%,#fafbf7 35%,#f3f5ed 55%,#fffdf8 80%,#f9f5f3 100%); }
.light-space-home .site-header { background:#fffefbf5; }
.light-space-home .spatial-welcome { background:transparent; padding-top:124px; padding-bottom:68px; }
.light-space-home .welcome-invitation { max-width:440px; }
.light-space-home .care-areas.section { background:transparent; padding-top:44px; padding-bottom:24px; }
.light-space-home .trail-map-art { height:145px; opacity:.95; }
.light-space-home .trail-paths { gap:22px; padding-top:28px; }
.light-space-home .trail-marker { background:transparent; border:0; border-radius:0; padding-bottom:16px; }
.light-space-home .trail-marker:hover { background:#ffffff85; }
.light-space-home .trail-marker img { border-radius:3px; height:100px; }
.light-space-home .trail-marker strong,.light-space-home .trail-marker>span { margin-left:0; margin-right:0; }
.queen-quote { max-width:1120px; margin:0 auto; padding:64px 32px; text-align:center; }
.queen-quote .eyebrow { font-size:.6875rem; color:#685660; letter-spacing:.12em; }
.queen-quote blockquote { margin:0 auto; max-width:34ch; font:400 clamp(1.125rem,1.8vw,1.5rem)/1.6 Georgia,serif; color:#633e5b; }
.light-space-home .garden-clearing { background:transparent; max-width:1280px; margin:auto; padding:0 40px; gap:40px; align-items:center; grid-template-columns:.85fr 1.15fr; }
.light-space-home .garden-clearing .clearing-art { margin:0; align-self:center; }
.light-space-home .garden-clearing .clearing-art { min-height:0; }
.light-space-home .garden-clearing .clearing-art img { position:static; height:auto; width:100%; border-radius:3px; }
.light-space-home .garden-clearing .clearing-copy { padding:0; }
.letter-paper { padding:32px; background-color:#fffefa; background-image:repeating-linear-gradient(16deg,transparent 0 3px,#89795105 3px 4px),linear-gradient(130deg,#ffffffb0,transparent); border:1px solid #e8e3d8; box-shadow:0 12px 35px #73654808; }
.light-space-home .letter-paper h2 { font-size:clamp(1.8rem,3vw,2.5rem); }
.letter-salutation,.letter-signature { font-family:Georgia,serif; color:#633e5b; }
.light-space-home .garden-clearing .letter-form { margin-top:28px; padding:0; border:0; background:transparent; box-shadow:none; }
.light-space-home .garden-clearing .letter-form h3 { font-size:1.125rem; }
.light-space-home .closing-quote { padding-top:56px; padding-bottom:48px; }
.light-space-home footer { background:#fffcf7; border-top:1px solid #e9e1e6; }
@media(max-width:1000px) and (min-width:701px) { #site-nav { gap:12px; } #site-nav a { font-size:.8rem; } }
@media(max-width:700px) {
 header:has(#site-nav) { flex-wrap:nowrap; }
 header #site-nav { z-index:100; max-height:calc(100dvh - 70px); overflow-y:auto; }
 .light-space-home .spatial-welcome { padding:96px 26px 40px; }
 .light-space-home .care-areas.section { padding:28px 26px 8px; }
 .light-space-home .trail-map-art { height:auto; }
 .light-space-home .trail-paths { gap:0; padding-top:20px; }
 .light-space-home .trail-marker { padding:18px 0; border-bottom:1px solid #74816a29; column-gap:20px; }
 .light-space-home .trail-marker img { height:72px; }
 .light-space-home .trail-marker strong { margin:0 0 4px; }
 .queen-quote { padding:38px 28px; }
 .light-space-home .garden-clearing { display:flex; flex-direction:column; padding:0 26px; gap:24px; }
 .light-space-home .garden-clearing .clearing-art { width:100%; }
 .light-space-home .garden-clearing .clearing-art img { height:150px; object-fit:cover; }
 .letter-paper { padding:24px 22px; }
 .light-space-home .closing-quote { padding:40px 28px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }
/* One clearly named entry to the paths, without duplicate homepage cards. */
header .menu-toggle { display:flex; align-items:center; justify-content:flex-end; gap:12px; width:auto; height:auto; padding:6px 0; font:500 .875rem/1.3 inherit; }
header .menu-toggle .menu-name { display:block; background:none; height:auto; margin:0; max-width:150px; font:500 .875rem/1.3 system-ui,sans-serif; }
header .menu-toggle .menu-bars { display:block; background:none; height:auto; margin:0; font-size:22px; }
header #site-nav { display:none; position:fixed; inset:70px 20px auto auto; width:min(340px,calc(100vw - 40px)); padding:20px; flex-direction:column; align-items:stretch; gap:4px; background:#fffdf8; border:1px solid #e5dce4; box-shadow:0 12px 30px #43103f12; z-index:100; }
header #site-nav.open { display:flex; }
header #site-nav a { font-size:1rem; padding:8px; }
button.explore-invitation { border:0; background:transparent; color:#43103f; padding:0; font-family:inherit; cursor:pointer; text-align:left; }
@media(max-width:380px) { header .menu-toggle .menu-name { max-width:95px; font-size:.75rem; } header .menu-toggle { gap:8px; } }
.lily-moment { max-width:1120px; margin:64px auto 0; padding:64px 40px; display:grid; grid-template-columns:1fr 1.25fr; gap:64px; background:radial-gradient(ellipse at 0 0,#fff 0,transparent 65%),repeating-linear-gradient(16deg,transparent 0 4px,#89795104 4px 5px); }
.lily-moment h2,.meet-lily-quiet h2 { margin:0 0 24px; font:400 clamp(1.8rem,3vw,2.6rem)/1.2 Georgia,serif; letter-spacing:-.02em; color:#43103f; }
.moment-copy p,.meet-lily-quiet>p:not(.eyebrow) { font-size:1.0625rem; line-height:1.8; color:#51414c; max-width:55ch; }
.moment-copy p { margin:0 0 20px; }
.moment-copy .moment-pause { font-family:Georgia,serif; color:#633e5b; margin-top:28px; }
.light-space-home .queen-quote { padding-top:72px; padding-bottom:72px; }
.light-space-home .queen-quote blockquote { font-size:clamp(1.3rem,2.2vw,1.8rem); }
.meet-lily-quiet { max-width:720px; margin:0 auto; padding:32px 40px 88px; }
.meet-lily-quiet>a { display:inline-flex; align-items:center; gap:12px; min-height:44px; text-underline-offset:5px; color:#43103f; }
@media(max-width:700px) {
 .lily-moment { display:block; margin-top:28px; padding:40px 28px 12px; }
 .lily-moment h2 { margin-bottom:28px; }
 .moment-copy p,.meet-lily-quiet>p:not(.eyebrow) { font-size:1rem; line-height:1.75; }
 .light-space-home .queen-quote { padding:52px 28px; }
 .meet-lily-quiet { padding:20px 28px 56px; }
}
/* Quiet atmosphere: static light, paper grain and a pale water horizon. */
.light-space-home main { background:linear-gradient(180deg,#fffefa 0%,#fffefa 20%,#f5f8f2 39%,#f1f7f5 57%,#fffdf8 77%,#faf6f8 100%); }
.light-space-home .spatial-welcome { padding-top:144px; padding-bottom:88px; background:radial-gradient(ellipse at 80% 5%,#fff 0%,#fff9df66 24%,transparent 57%); }
.light-space-home .care-areas.section { padding-top:56px; padding-bottom:48px; }
.light-space-home .trail-map-art { height:auto; max-height:260px; object-fit:cover; }
.light-space-home .lily-moment { margin-top:64px; padding-top:80px; padding-bottom:72px; gap:88px; }
.reflection-note { font:italic 1rem/1.5 Georgia,serif; color:#71566c; }
.moment-copy { border-left:1px solid #92778740; padding-left:32px; }
.light-space-home .queen-quote { position:relative; isolation:isolate; padding:104px 36px; max-width:1040px; }
.light-space-home .queen-quote::before { content:""; position:absolute; inset:12% 8%; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 50% 25%,#ffffffd9,transparent 70%),linear-gradient(180deg,transparent 68%,#c6ddd833 69%,#ffffff66 70%,transparent 77%); }
.light-space-home .queen-quote blockquote { max-width:26ch; font-weight:400; }
.quote-signature { margin:20px 0 0; font:italic .9375rem/1.5 Georgia,serif; color:#685260; }
.light-space-home .meet-lily-quiet { padding-top:48px; padding-bottom:112px; }
.light-space-home .letter-paper { box-shadow:0 16px 45px #586f6308; background-color:#fffefb; }
.light-space-home .closing-quote { padding-top:96px; padding-bottom:96px; }
header #site-nav a { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; padding:12px 10px; }
.path-menu-name { font:400 1.15rem/1.3 Georgia,serif; }
.path-menu-subject { font:400 .875rem/1.4 system-ui,sans-serif; color:#5e5059; }
.light-space-home .garden-clearing { margin-top:48px; margin-bottom:64px; align-items:start; }
.light-space-home .garden-clearing .letter-intro>p { margin-bottom:26px; line-height:1.8; }
.light-space-home .letter-paper { padding:40px; }
.light-space-home .garden-clearing .clearing-art { margin-top:40px; }
@media(max-width:700px) {
 .light-space-home .garden-clearing { margin-top:20px; margin-bottom:40px; gap:32px; }
 .light-space-home .garden-clearing .clearing-art { margin-top:0; }
 .light-space-home .letter-paper { padding:28px 24px; }
}
.header-letter,.header-cycle { display:inline-flex; align-items:center; min-height:44px; margin-right:24px; font:500 .875rem/1.4 system-ui,sans-serif; color:#43103f; text-underline-offset:5px; }
.community-feature { max-width:760px; margin:48px auto 64px; padding:40px 28px; border-block:1px solid #e5dce4; }
.community-feature h2 { font:400 clamp(1.7rem,4vw,2.3rem)/1.25 Georgia,serif; color:#43103f; margin:20px 0 24px; }
.community-feature p:not(.eyebrow) { font-size:1.0625rem; line-height:1.8; max-width:55ch; margin:0 0 24px; }
.community-feature>a { display:inline-flex; align-items:center; min-height:44px; color:#43103f; text-underline-offset:5px; }
.community-feature .eyebrow { line-height:1.8; }
.header-community { display:inline-flex; align-items:center; min-height:44px; margin-left:auto; font:500 .875rem/1.4 system-ui,sans-serif; color:#43103f; text-underline-offset:5px; }
.header-letter { margin-left:0; }
.header-cycle { margin-left:0; }
.community-thanks { margin:0 0 32px; font:400 1.1rem/1.6 Georgia,serif; color:#51414c; }
.light-space-home .spatial-welcome h1 { margin-bottom:16px; }
.light-space-home .welcome-invitation { max-width:510px; }
.name-story { max-width:720px; margin:0 auto; padding:16px 40px 112px; }
.name-story h2 { margin:0 0 28px; font:400 clamp(1.8rem,3vw,2.6rem)/1.2 Georgia,serif; color:#43103f; }
.name-story>p:not(.eyebrow) { font-size:1.0625rem; line-height:1.8; color:#51414c; margin:0 0 20px; }
@media(max-width:700px) {
 header:has(#site-nav) { display:grid; grid-template-columns:1fr 1fr 1.15fr; height:auto; min-height:100px; padding:10px 20px; gap:2px 12px; }
 header:has(#site-nav)>.wordmark { grid-column:1/-1; justify-self:center; min-height:30px; }
 header .header-letter,header .header-cycle { grid-row:2; margin:0; font-size:.8125rem; line-height:1.45; min-width:0; max-width:140px; }
 header .header-letter { grid-column:1; }
 header .header-cycle { grid-column:2; }
 header .menu-toggle { grid-row:2; grid-column:3; justify-self:end; min-width:0; gap:6px; }
 header .menu-toggle .menu-name { font-size:.8125rem; line-height:1.45; max-width:90px; text-align:left; }
 header #site-nav { top:110px; max-height:calc(100dvh - 130px); }
 .light-space-home .spatial-welcome { padding-top:146px; }
 .spatial-welcome .community-thanks { grid-column:1/-1; grid-row:2; font-size:1rem; margin:0 0 24px; }
 .light-space-home .spatial-welcome .personal-greeting { grid-row:3; }
 .light-space-home .spatial-welcome .welcome-community { grid-row:3; }
 .light-space-home .spatial-welcome .welcome-invitation { grid-row:4; }
 .light-space-home .spatial-welcome .queenship { grid-row:5; }
 .light-space-home .spatial-welcome .queenship-explained { grid-row:6; }
 .light-space-home .spatial-welcome .explore-invitation { grid-row:7; }
 .name-story { padding:0 28px 80px; }
 .name-story>p:not(.eyebrow) { font-size:1rem; line-height:1.75; }
 #queens-letter { scroll-margin-top:125px; }
}
.light-space-home .meet-lily-quiet.with-portrait { max-width:1120px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:clamp(40px,7vw,96px); align-items:center; padding-left:40px; padding-right:40px; }
.lily-portrait { margin:0; width:100%; max-width:360px; justify-self:center; }
.lily-portrait img { display:block; width:100%; height:auto; border-radius:3px; }
.meet-lily-copy>p:not(.eyebrow) { max-width:45ch; font-size:1.0625rem; line-height:1.8; color:#51414c; }
.meet-lily-copy>a { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#43103f; text-underline-offset:5px; }
@media(max-width:700px) {
 .light-space-home .meet-lily-quiet.with-portrait { display:flex; flex-direction:column; gap:36px; padding-left:28px; padding-right:28px; }
 .lily-portrait { max-width:300px; }
 .meet-lily-copy { width:100%; }
 .meet-lily-copy>p:not(.eyebrow) { font-size:1rem; line-height:1.75; }
}
@media(max-width:700px) {
 .light-space-home .spatial-welcome { padding:146px 28px 60px; }
 .light-space-home .care-areas.section { padding:40px 28px; }
 .light-space-home .lily-moment { margin-top:20px; padding:48px 28px 32px; }
 .moment-copy { padding-left:20px; }
 .light-space-home .queen-quote { padding:72px 28px; }
 .light-space-home .meet-lily-quiet { padding:32px 28px 80px; }
 .light-space-home .closing-quote { padding:72px 28px; }
}
/* Direct signup destination and generous separation between opening thoughts. */
.light-space-home .spatial-welcome h1 { margin-bottom:56px; }
.light-space-home .community-thanks { margin-bottom:48px; }
.light-space-home .spatial-welcome .personal-greeting { margin-bottom:40px; }
.light-space-home .spatial-welcome .welcome-invitation { margin-bottom:40px; line-height:1.85; }
.welcome-benefit { max-width:510px; margin:0 0 56px; font-size:1.0625rem; line-height:1.85; color:#51414c; }
.light-space-home .spatial-welcome .queenship { margin-bottom:28px; }
.light-space-home .spatial-welcome .queenship-explained { margin-bottom:32px; line-height:1.85; }
.light-space-home .garden-clearing { display:block; max-width:800px; padding:0 40px; margin:48px auto 80px; }
.light-space-home .garden-clearing .letter-intro>p { margin-bottom:36px; line-height:1.85; }
.light-space-home .garden-clearing .letter-form { margin-top:64px; padding:32px 0; }
#queenship-signup { scroll-margin-top:100px; }
.light-space-home .garden-clearing .letter-form h3 { margin-bottom:28px; font-size:1.5rem; }
@media(max-width:700px) {
 .light-space-home .spatial-welcome h1 { margin-bottom:48px; }
 .light-space-home .spatial-welcome .community-thanks { margin-bottom:40px; }
 .light-space-home .spatial-welcome .personal-greeting { margin:0; }
 .light-space-home .spatial-welcome .welcome-invitation { grid-row:4; margin:40px 0; }
 .light-space-home .spatial-welcome .welcome-benefit { grid-column:1/-1; grid-row:5; font-size:1rem; margin:0 0 48px; }
 .light-space-home .spatial-welcome .queenship { grid-row:6; margin-bottom:28px; }
 .light-space-home .spatial-welcome .queenship-explained { grid-row:7; margin-bottom:24px; }
 .light-space-home .garden-clearing { padding:0 28px; margin-top:32px; }
 #queenship-signup { scroll-margin-top:130px; }
}

/* A clear introduction, with the invitation saved for the end. */
.learning-introduction {max-width:760px; margin:0 auto; padding:16px 40px 64px; color:#51414c;}
.learning-introduction h2 {font:400 clamp(1.8rem,3vw,2.6rem)/1.2 Georgia,serif; color:#43103f; margin:0 0 36px;}
.learning-introduction p,.learning-introduction dd {font-size:1.0625rem; line-height:1.85;}
.learning-introduction p {margin:0 0 36px;}
.learning-introduction dl {margin:48px 0 56px;}
.learning-introduction dl>div {margin-bottom:40px;}
.learning-introduction dt {font:400 1.4rem/1.4 Georgia,serif; margin-bottom:12px;}
.learning-introduction dt a {display:inline-flex; align-items:center; min-height:44px; text-underline-offset:6px; color:#43103f;}
.learning-introduction dd {margin:0;}
.learning-introduction .bottom-invitation {margin-top:48px;}
.curiosity-choices {list-style:none; padding:0; margin:40px 0;}
.curiosity-choices li {border-bottom:1px solid #e5dce4;}
.curiosity-choices a {display:flex; flex-direction:column; gap:12px; min-height:44px; padding:28px 4px; color:#43103f; text-decoration:none;}
.choice-thought {font:400 clamp(1.25rem,3vw,1.65rem)/1.4 Georgia,serif;}
.choice-destination {font:400 .9375rem/1.6 system-ui,sans-serif; color:#51414c;}
.curiosity-choices a:hover .choice-thought {text-decoration:underline; text-underline-offset:5px;}
.curiosity-choices a:focus-visible,.all-subjects a:focus-visible {outline:3px solid #43103f; outline-offset:5px;}
.learning-introduction .all-subjects {font-size:.9375rem;}
.all-subjects a {display:inline-block; padding:8px 2px; text-underline-offset:4px;}
.lily-little-note {max-width:650px; margin:48px auto 72px; padding:32px 28px; text-align:center; color:#43103f;}
.lily-little-note p {font:italic 400 clamp(1.3rem,3vw,1.7rem)/1.7 Georgia,serif; margin:0 0 16px;}
.lily-little-note span {font:400 .875rem/1.6 system-ui,sans-serif; color:#51414c;}
.bottom-invitation a {display:inline-flex; align-items:center; min-height:44px; margin-top:16px; color:#43103f; text-underline-offset:5px;}
@media(max-width:700px){.learning-introduction{padding:0 28px 48px;}.learning-introduction p,.learning-introduction dd{font-size:1rem;}.learning-introduction dl>div{margin-bottom:36px;}}

/* Keep the shorter welcome spacious, without unused grid rows. */
@media(max-width:700px){
 .light-space-home .spatial-welcome .personal-greeting,.light-space-home .spatial-welcome .welcome-community{grid-row:2;}
 .light-space-home .spatial-welcome .welcome-invitation{grid-row:3;margin:40px 0 0;}
}
.light-space-home .spatial-welcome .welcome-invitation>p { font-size:inherit; line-height:1.8; color:inherit; max-width:none; margin:0 0 32px; }
.light-space-home .spatial-welcome .welcome-invitation>p:last-child { margin-bottom:0; }
/* Four clear destinations; two comfortable rows on smaller screens. */
@media(max-width:900px) {
 header:has(#site-nav) { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); height:auto; min-height:146px; padding:10px 24px; gap:6px 24px; }
 header:has(#site-nav)>.wordmark { grid-column:1/-1; grid-row:1; justify-self:center; min-height:30px; }
 header .header-community,header .header-letter,header .header-cycle { margin:0; max-width:none; min-width:0; min-height:44px; font-size:.875rem; line-height:1.45; }
 header .header-community { grid-row:2; grid-column:1; }
 header .header-letter { grid-row:2; grid-column:2; }
 header .header-cycle { grid-row:3; grid-column:1; }
 header .menu-toggle { grid-row:3; grid-column:2; justify-self:start; justify-content:flex-start; gap:10px; min-height:44px; }
 header .menu-toggle .menu-name { max-width:none; font-size:.875rem; line-height:1.45; }
 header #site-nav { top:160px; max-height:calc(100dvh - 180px); }
 .light-space-home .spatial-welcome { padding-top:196px; }
}

/* Focused clarity pass: one compact header and readable, grouped destinations. */
header.clarity-header:has(#site-nav) { position:sticky; inset:0 0 auto; z-index:110; display:flex; align-items:center; justify-content:space-between; width:100%; max-width:none; height:auto; min-height:76px; margin:0; padding:12px max(24px,calc((100vw - 1200px)/2)); gap:24px; background:#fcf9f2f7; border-bottom:1px solid #e5dce4; box-shadow:none; }
header.clarity-header:has(#site-nav)>.wordmark { flex-shrink:0; min-height:44px; display:flex; align-items:center; font-size:1.05rem; }
.clarity-header .header-shortcuts { display:flex; align-items:center; gap:24px; margin-left:auto; }
.clarity-header .header-shortcuts a { display:inline-flex; align-items:center; min-height:44px; color:#43103f; font:600 .875rem/1.4 system-ui,sans-serif; text-decoration:none; }
.clarity-header .header-shortcuts a:hover { text-decoration:underline; text-underline-offset:5px; }
header.clarity-header:has(#site-nav) .menu-toggle { display:flex; justify-content:center; align-items:center; gap:10px; min-height:44px; min-width:80px; padding:8px; color:#43103f; border:1px solid #d9cad5; border-radius:5px; }
header.clarity-header:has(#site-nav) .menu-toggle .menu-name { max-width:none; font:600 .875rem/1.4 system-ui,sans-serif; }
header.clarity-header:has(#site-nav) #site-nav { position:absolute; inset:calc(100% + 8px) 24px auto auto; width:min(660px,calc(100vw - 48px)); max-height:calc(100dvh - 104px); overflow:auto; padding:24px; gap:28px; background:#fffdf8; }
header.clarity-header:has(#site-nav) #site-nav.open { display:grid; grid-template-columns:1fr 1fr; }
.nav-group { min-width:0; }
.nav-group h2 { margin:0 0 12px; padding:0 8px 12px; border-bottom:1px solid #e5dce4; color:#43103f; font:400 1.2rem/1.4 Georgia,serif; letter-spacing:0; }
.nav-group small { display:block; color:#655560; font:400 .8125rem/1.5 system-ui,sans-serif; margin-top:4px; }
header.clarity-header:has(#site-nav) #site-nav a { color:#43103f; opacity:1; font:600 .9375rem/1.4 system-ui,sans-serif; min-height:44px; padding:9px 8px; text-decoration:none; }
header.clarity-header:has(#site-nav) #site-nav a:hover { background:#f3eee9; }
:where(a,button,input,summary):focus-visible { outline:3px solid #713369; outline-offset:4px; }
html { scroll-padding-top:0; }
#starting-point,#queens-playground,#queens-letter,#queenship-signup,#hair-care-courses { scroll-margin-top:100px; }
.light-space-home .spatial-welcome { padding-top:64px; padding-bottom:64px; }
.light-space-home .spatial-welcome .explore-invitation { margin-top:28px; }
.learning-introduction { padding-top:36px; }
.community-feature .lesson-archive { display:inline-flex; margin-left:24px; min-height:44px; align-items:center; font-size:.9375rem; }
.signup-expectation { color:#51414c; font-size:1rem; line-height:1.75; margin-bottom:24px; }
.about-story+.name-story { padding-top:64px; }
@media(max-width:900px) {
 header.clarity-header:has(#site-nav) { display:flex; min-height:68px; padding:10px 24px; gap:12px; }
 header.clarity-header:has(#site-nav)>.wordmark { justify-self:auto; font-size:1rem; }
 .clarity-header .header-shortcuts { display:none; }
 header.clarity-header:has(#site-nav) .menu-toggle { margin-left:auto; }
 header.clarity-header:has(#site-nav) #site-nav { inset:calc(100% + 8px) 16px auto; width:calc(100vw - 32px); max-height:calc(100dvh - 96px); }
 .light-space-home .spatial-welcome { padding-top:44px; }
}
@media(max-width:700px) {
 .light-space-home .spatial-welcome .explore-invitation { grid-row:4; grid-column:1/-1; margin-top:28px; }
 .light-space-home .spatial-welcome { padding-bottom:48px; }
 .community-feature .lesson-archive { display:flex; margin:16px 0 0; }
}
@media(max-width:480px) {
 header.clarity-header:has(#site-nav) #site-nav.open { grid-template-columns:1fr; gap:24px; }
 header.clarity-header:has(#site-nav) #site-nav { padding:20px; }
}

/* Approved sunlit garden palette. */
body.light-space-home {background:#FFFCF7;color:#51414c}
.light-space-home .spatial-welcome {background:#FFFCF7;background-image:none}
header.clarity-header:has(#site-nav) {background:#FFFCF7}
.light-space-home .learning-introduction {background:#E8EFE7;max-width:840px;padding:56px 40px;border-radius:6px;margin-bottom:64px}
.light-space-home .community-feature {background:#FFFCF7}
.light-space-home .queen-quote {background:#EAF3F4;max-width:none;margin:24px 0 64px}
.light-space-home .letter-paper {background:#FFFCF7;background-image:none;border-color:#EEEAE3;box-shadow:none;border-top:5px solid #F3E5EB}
.light-space-home .garden-clearing .letter-form {background:#F3E5EB;padding:28px;border-radius:6px}
.light-space-home footer {background:#EEEAE3}
@media(max-width:700px){.light-space-home .learning-introduction{padding:40px 28px;border-radius:0}.light-space-home .garden-clearing .letter-form{padding:20px}}