:root{--paper:#fffdf9;--ink:#18344a;--soft:#596b76;--edge:#dce2df;--accent:#ad583d;color-scheme:light}
html[data-theme=dark]{--paper:#17252c;--ink:#eee9dc;--soft:#bbc6ca;--edge:#3b4b50;--accent:#efad86;color-scheme:dark}
body{background:var(--paper);color:var(--ink);isolation:isolate}
html[data-theme=dark] body{background-color:#111d24;background-image:linear-gradient(110deg,rgba(12,22,29,.95),rgba(17,29,36,.89)),url('/assets/studio-atmosphere-v1.webp');background-size:cover;background-position:center;background-attachment:fixed}
.tile.lesson-card{border:1px solid var(--edge);border-radius:7px;overflow:hidden}
.tile.lesson-card>div{padding:24px 25px 26px;box-sizing:border-box;min-width:0}
.tile.lesson-card h3{overflow-wrap:break-word;line-height:1.23;margin:14px 0 18px}
.tile.lesson-card p{line-height:1.65;margin:0 0 22px}
.tile.lesson-card .card-foot{gap:14px;flex-wrap:wrap;line-height:1.5}
html[data-theme=dark] .tile.lesson-card .card-foot>span{color:#edc3a2}
@media(max-width:700px){.tile.lesson-card>div{padding:20px}.tile.lesson-card h3{font-size:24px}html[data-theme=dark] body{background-attachment:scroll}}
body>header{background:var(--paper);padding-block:26px;gap:20px;border-color:var(--edge);flex-wrap:wrap}
body>header nav{gap:8px;flex-wrap:wrap;align-items:center}
body>header nav a{font:17px/1.4 Georgia,serif;padding:10px 14px;border-radius:24px;color:var(--ink);position:relative;border:1px solid transparent;transition:background .18s}
body>header nav a:hover,body>header nav a[aria-current=page]{background:color-mix(in srgb,var(--accent) 12%,var(--paper));border-color:color-mix(in srgb,var(--accent) 30%,var(--paper))}
body>header nav a:after{content:'';position:absolute;height:2px;width:20px;bottom:4px;left:calc(50% - 10px);background:var(--accent);border-radius:50%;transform:rotate(-5deg);opacity:0}
body>header nav a:hover:after,body>header nav a[aria-current=page]:after{opacity:1}
.theme-toggle{font:13px/1.4 Arial,sans-serif;white-space:nowrap;border:1px solid var(--edge);background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:24px;cursor:pointer;min-height:40px}
body>.logo,header .logo,header .search-link{color:var(--ink)}
body:before,body:after{content:'';position:fixed;top:155px;width:calc((100vw - 1340px)/2);height:650px;pointer-events:none;background:url('/assets/studio-botanical-v2.webp') center/contain no-repeat;opacity:.82;z-index:-1}
body:before{left:0}body:after{right:0;transform:scaleX(-1)}
main,footer{position:relative}
html[data-theme=dark] body:before,html[data-theme=dark] body:after{opacity:.64}
html[data-theme=dark] :is(p,li,.note,.card-foot,.gateway-deck,small){color:var(--soft)}
html[data-theme=dark] :is(a,h1,h2,h3,h4,.logo,.practice-link,.practice-outcome b){color:var(--ink)}
html[data-theme=dark] :is(section,header,.tile,.gateway,.feature,.discovery,.learning-path,.footerbase,.article-toc,.toc,.guide-section){border-color:var(--edge)}
html[data-theme=dark] :is(.tile,.gateway,.feature,.resource-feature,.learning-path,.practice-copy,.practice-outcome,.article-toc,.toc,.discovery,.article-actions,.practice-next,.callout,.tip,.exercise){background:#1d3038;color:var(--ink)}
html[data-theme=dark] :is(input,select,textarea,.discovery button,.button.alt,.cover-controls button){background:#233840;color:var(--ink);border-color:var(--edge)}
html[data-theme=dark] .button:not(.alt),html[data-theme=dark] .discovery button.active{background:#edc3a2;color:#17252c;border-color:#edc3a2}
html[data-theme=dark] :is(.analytics-consent,.analytics-settings){background:#20333b;color:var(--ink);border-color:var(--edge)}
html[data-theme=dark] :is(.analytics-consent p,.analytics-consent button){color:var(--ink)}
html[data-theme=dark] .logo img{filter:brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(303%) hue-rotate(348deg) brightness(99%) contrast(89%)}
html[data-theme=dark] :is(.analytics-choice,.news-honesty,.empty-results,.sample-expand summary,.preview-card,.sample-frame,.practice-heading,.guide-body aside){background:#20333b;color:var(--ink);border-color:var(--edge)}
html[data-theme=dark] .analytics-actions button{background:#20333b;color:var(--ink);border-color:var(--soft)}
html[data-theme=dark] .analytics-actions button[data-analytics=accepted]{background:#edc3a2;color:#17252c;border-color:#edc3a2}
html[data-theme=dark] .gateway-deck{color:var(--soft)!important}
html[data-theme=dark] :is(.hero-facts,.hero-art figcaption,.article-visual figcaption,.sectionhead small){color:var(--soft)}
@media(min-width:1500px){body{background-image:radial-gradient(ellipse at 0% 35%,#b9574009,transparent 25%),radial-gradient(ellipse at 100% 75%,#466b590b,transparent 25%)}}
@media(max-width:1100px){body>header nav{order:3;width:100%;justify-content:center}body>header nav a{font-size:16px;padding:9px 12px}body:before,body:after{display:none}}
@media(max-width:700px){body>header{padding:20px;gap:12px}body>header nav{overflow:visible;justify-content:flex-start;gap:4px}body>header nav a{font-size:15px;padding:8px 10px}.theme-toggle{margin-left:auto}header .logo{margin-right:0}}
@media(prefers-reduced-motion:reduce){body>header nav a{transition:none}}
@media print{.theme-toggle{display:none}html[data-theme=dark] body,html[data-theme=dark] main{background:white;color:#122c48}html[data-theme=dark] :is(p,li,a,h1,h2,h3,small){color:#122c48}body:before,body:after{display:none}}
/* One continuous mural, sharp outer edges and a pre-blurred quiet reading field. */
body:before,body:after{display:none}
html[data-theme=dark] body{background:#0c171e}
html[data-theme=dark] body:before,html[data-theme=dark] body:after{display:block;position:fixed;inset:0;width:100%;height:100vh;transform:none;pointer-events:none;z-index:-1;background-position:center;background-size:cover;background-repeat:no-repeat}
html[data-theme=dark] body:before{background-image:url('/assets/studio-mural-v1.webp');opacity:.86}
html[data-theme=dark] body:after{background-image:linear-gradient(rgba(10,20,27,.76),rgba(10,20,27,.76)),url('/assets/studio-mural-blur-v1.webp');opacity:1;mask-image:linear-gradient(to right,transparent,max(0px,calc((100% - 1420px)/2)),#000 max(40px,calc((100% - 1240px)/2)),#000 min(calc(100% - 40px),calc((100% + 1240px)/2)),transparent min(100%,calc((100% + 1420px)/2)));-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 82%,transparent 100%)}
@media(max-width:1450px){html[data-theme=dark] body:after{mask-image:none;-webkit-mask-image:none}html[data-theme=dark] body:before{opacity:.45}}
@media print{html[data-theme=dark] body:before,html[data-theme=dark] body:after{display:none}}
@media(min-width:1451px){html[data-theme=dark] body:after{mask-image:linear-gradient(to right,transparent 0%,transparent 8%,#000 18%,#000 82%,transparent 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 8%,#000 18%,#000 82%,transparent 92%,transparent 100%)}}
/* Light mode has its own graphite-and-watercolor landscape, not a recolored night mural. */
html[data-theme=light] body{background:#fffdf9}
html[data-theme=light] body:before,html[data-theme=light] body:after{display:block;position:fixed;inset:0;width:100%;height:100vh;transform:none;pointer-events:none;z-index:-1;background-position:center;background-size:cover;background-repeat:no-repeat}
html[data-theme=light] body:before{background-image:url('/assets/studio-light-landscape-v1.webp');opacity:.92}
html[data-theme=light] body:after{background-image:linear-gradient(rgba(255,253,249,.88),rgba(255,253,249,.88)),url('/assets/studio-light-landscape-blur-v1.webp');opacity:1;mask-image:linear-gradient(to right,transparent 0%,transparent 8%,#000 18%,#000 82%,transparent 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 8%,#000 18%,#000 82%,transparent 92%,transparent 100%)}
html[data-theme=light] .tile.lesson-card{background:#fffdf9}
@media(max-width:1450px){html[data-theme=light] body:after{mask-image:none;-webkit-mask-image:none}html[data-theme=light] body:before{opacity:.55}}
@media print{html[data-theme=light] body:before,html[data-theme=light] body:after{display:none}}
body{position:relative}
.scroll-mural{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
html[data-theme=light] .scroll-mural{display:block}
html[data-theme=light] body:before,html[data-theme=light] body:after{display:none}
.scroll-mural-art,.scroll-mural-veil{position:absolute;left:0;top:0;width:100%;height:var(--art-height,300vh);transform:translateY(var(--art-offset,0px));background-size:cover;background-position:center;background-repeat:no-repeat}
.scroll-mural-art{background-image:url('/assets/studio-scroll-coast-v2.webp');opacity:1}
.scroll-mural-veil{background-image:linear-gradient(rgba(255,253,249,.94),rgba(255,253,249,.94)),url('/assets/studio-scroll-coast-blur-v2.webp');mask-image:linear-gradient(to right,transparent 0%,transparent 8%,#000 18%,#000 82%,transparent 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 8%,#000 18%,#000 82%,transparent 92%,transparent 100%)}
@media(max-width:1450px){.scroll-mural-veil{mask-image:none;-webkit-mask-image:none}}
@media print{html[data-theme=light] .scroll-mural{display:none}}
html[data-theme=dark] .scroll-mural{display:block}
html[data-theme=dark] body:before,html[data-theme=dark] body:after{display:none}
html[data-theme=dark] .scroll-mural-art{background-image:url('/assets/studio-scroll-moon-v2.webp');opacity:1}
html[data-theme=dark] .scroll-mural-veil{background-image:linear-gradient(rgba(10,20,27,.9),rgba(10,20,27,.9)),url('/assets/studio-scroll-moon-blur-v2.webp')}
@media print{html[data-theme=dark] .scroll-mural{display:none}}