/* Approved MODUS reference: structural public shell, continuous ribbons and photographic cards. */
:root{--modus-gold:#ffdf29;--modus-teal:#69e2df;--modus-forest:#001c1b;--modus-edge:rgba(95,218,210,.3)}
.modus-home{--bg:#001917;--panel:#042623;--accent:var(--modus-gold);--ink:#f8fbf8;--muted:#d4e1dd;background:var(--bg);font-family:Manrope,'DM Sans',sans-serif}
.site-header{position:relative;max-width:none!important;width:100%;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:0!important;padding:0 4.8%!important;background:#001918!important;border-bottom:1px solid var(--modus-edge)!important;isolation:isolate;z-index:50;box-sizing:border-box}
.site-header::before{content:"";position:absolute;inset:0 0 auto!important;height:129px!important;background:#001918!important;opacity:1!important;z-index:-2!important}
.site-header::after{content:"";position:absolute;inset:0 0 auto!important;height:118px!important;background:url('images/modus-continuous-wave.svg') center -30px/100% 150px no-repeat!important;z-index:-1!important;opacity:.8;pointer-events:none}
.site-header .brand{grid-column:1/-1!important;grid-row:1!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;justify-self:center;position:relative;height:129px!important;gap:0!important;width:auto;min-width:0;max-width:100%;color:#fff;text-decoration:none}
.site-header .home-geometric{position:static!important;display:block;width:40px!important;height:40px!important;margin:0 0 7px;filter:none}
.site-header .home-wordmark{margin:0!important;padding-left:.4em!important;font:600 31px/1.15 Manrope,sans-serif!important;letter-spacing:.4em!important;color:#fff}
.site-header .home-tagline{margin:8px 0 0!important;font:600 12px/1.4 Manrope,sans-serif!important;letter-spacing:.25em!important;color:var(--modus-gold)!important}
.site-header .site-nav{grid-column:1!important;grid-row:2!important;display:flex!important;justify-content:center!important;align-items:center;flex-wrap:nowrap!important;gap:clamp(12px,3vw,62px)!important;min-height:46px!important;padding:0 12px 0 0!important;border:0!important;overflow:visible!important}
.site-header .site-nav>a,.site-header .nav-trigger{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px!important;min-width:44px;padding:0 2px!important;background:none!important;border:0!important;color:#fff!important;font:500 14px/1.3 Manrope,sans-serif!important;letter-spacing:0!important;text-transform:uppercase;white-space:nowrap;text-decoration:none}
.site-header .site-nav>a[aria-current=page]{color:var(--modus-teal)!important}
.site-header .site-nav>a[aria-current=page]::after,.site-header .nav-group.is-active>.nav-trigger::after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;border-radius:4px;background:var(--modus-gold);box-shadow:0 0 10px #ffdf2940}
.site-header .header-tools{grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center;gap:10px!important;min-height:46px!important;margin:0!important;padding:0!important;border:0!important}
.site-header .header-tools>.nav-membership{display:none!important}
.site-header .header-tools :is(.nav-account,.global-search-trigger,.theme-picker>summary){font-size:0!important;min-width:44px!important;min-height:44px!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;padding:4px!important;gap:0!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important}
.site-header .home-control-icon{width:22px!important;height:22px!important;stroke:currentColor;stroke-width:1.5;flex:none;margin:0!important;filter:none!important}
.site-header .language-picker{display:flex!important;flex-direction:row!important;gap:4px!important;border-left:1px solid var(--modus-edge);padding-left:10px!important}
.site-header .language-picker a{display:flex!important;flex-direction:row!important;gap:4px!important;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important;font:500 12px/1.3 Manrope,sans-serif!important;color:#fff!important;border:0!important;background:none!important;padding:0 4px!important}
.site-header .language-picker .home-control-icon{width:16px!important;height:16px!important}
.site-header .language-picker a[aria-current]{color:var(--modus-gold)!important;text-decoration:underline;text-underline-offset:5px}
.site-header .theme-current,.site-header .site-nav .nav-coming{display:none!important}
.site-header .theme-options{font-size:14px!important;max-width:min(340px,calc(100vw - 24px));right:0;background:#062925;color:#fff;z-index:200}
.site-header .nav-panel{z-index:200;background:#062925!important;border-color:var(--modus-edge)!important}
.site-header .nav-panel a{color:#fff!important}
.site-header :is(a,button,summary):focus-visible{outline:3px solid var(--modus-gold)!important;outline-offset:3px}
.modus-home main{width:100%;max-width:none!important;margin:0!important;padding:0!important}
.modus-home .home-hero{display:flex;align-items:flex-start;min-height:310px!important;padding:27px 4.8% 28px!important;position:relative;overflow:hidden;background:#002725}
.modus-home .landscape{inset:0!important;width:100%;height:100%;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important}
.modus-home .landscape img{object-fit:cover;object-position:center 48%!important;width:100%;height:100%}
.modus-home .landscape::after{background:linear-gradient(90deg,rgba(0,24,23,.88),rgba(0,24,23,.6) 31%,transparent 58%),linear-gradient(0deg,#001917,transparent 30%)!important}
.modus-home .hero-content{width:560px;max-width:100%;padding:0!important;position:relative;z-index:2}
.modus-home .home-hero .eyebrow{font:500 18px/1.5 Manrope,sans-serif;letter-spacing:.25em;margin:0 0 0!important;color:var(--modus-gold)}
.modus-home .home-hero h1{font:300 clamp(36px,3.2vw,54px)/1.1 Manrope,'DM Sans',sans-serif!important;letter-spacing:-.025em!important;max-width:620px!important;margin:0 0 10px!important;text-wrap:balance}
.modus-home .home-hero h1 em{display:block;color:var(--modus-gold)!important;font:inherit!important;font-style:normal!important;white-space:normal!important}
.modus-home .home-lead{max-width:470px!important;margin:0 0 20px!important;font:400 16px/1.55 Manrope,sans-serif!important;color:#fff}
.modus-home .hero-actions{gap:26px;display:flex;flex-wrap:wrap}
.modus-home .button{min-height:44px!important;padding:10px 26px!important;font:600 14px/1.4 Manrope,sans-serif!important;background:var(--modus-gold);border-color:var(--modus-gold);color:#071a16;border-radius:99px}
.modus-home .button-secondary{background:transparent;color:#fff;border-color:#dbe5df;box-shadow:none}
.modus-home .hero-actions>.button:first-child{box-shadow:0 0 16px #ffdf2940}
.modus-home .home-hero-wave{width:65%!important;height:150px!important;right:-2%!important;bottom:20px!important;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.modus-home .illustrated-portals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:0!important;padding:0 4.8% 20px!important;border:0;background:#001917}
.modus-home .illustrated-portals .home-portal{display:flex;flex-direction:column;position:relative;isolation:isolate;min-height:122px;gap:4px!important;padding:48px 24px 14px!important;border:1px solid var(--modus-edge);border-radius:15px;overflow:hidden;min-width:0;color:#fff;background:#042521;text-decoration:none;transition:border-color .15s}
.modus-home .home-portal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.9}
.modus-home .home-portal::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,22,20,.96),rgba(0,22,20,.35) 85%)}
.modus-home .home-portal>svg{position:absolute;top:12px;left:24px;width:27px;height:27px;color:var(--modus-gold);stroke-width:1.6}
.modus-home .home-portal h2{font:600 22px/1.25 Manrope,sans-serif;margin:0!important;color:#fff}
.modus-home .home-portal p{font:400 13px/1.5 Manrope,sans-serif;margin:0!important;color:#fff}
.modus-home .portal-number,.modus-home .portal-link{display:none}
.modus-home .home-portal:hover{border-color:var(--modus-gold)}
.modus-home .new-philosophy{display:block;position:relative;isolation:isolate;text-align:center;margin:0!important;padding:10px 8% 42px!important;border:0!important;background:linear-gradient(0deg,rgba(0,25,23,.5),#001917 92%),url('images/modus-design-landscape.png') center 70%/cover no-repeat}
.modus-home .philosophy-heading{margin:0 auto;max-width:960px}
.modus-home .philosophy-heading>.eyebrow{display:flex;align-items:center;gap:35px;justify-content:center;font-size:13px;letter-spacing:.24em;color:var(--modus-gold);margin:0 0 4px}
.modus-home .philosophy-heading>.eyebrow::before,.modus-home .philosophy-heading>.eyebrow::after{content:"";height:1px;width:100px;background:linear-gradient(90deg,transparent,var(--modus-gold))}
.modus-home .philosophy-heading>.eyebrow::after{transform:rotate(180deg)}
.modus-home .new-philosophy h2{font:400 clamp(29px,3vw,43px)/1.3 Manrope,sans-serif!important;letter-spacing:-.02em;margin:0 0 12px!important;color:#fff}
.modus-home .new-philosophy h2 em{font:inherit;color:#fff}
.modus-home .new-philosophy .philosophy-heading>p:not(.eyebrow),.modus-home .philosophy-heading>.button{display:none}
.modus-home .philosophy-stages{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;margin:auto;gap:0}
.modus-home .philosophy-stages>div{padding:0 28px;border-right:1px solid var(--modus-edge)}
.modus-home .philosophy-stages>div:last-child{border:0}
.modus-home .philosophy-stages svg{width:38px;height:38px;display:block;margin:0 auto 4px;stroke:var(--modus-gold);stroke-width:1.6;fill:none}
.modus-home .philosophy-stages h3{font:600 17px/1.4 Manrope,sans-serif;margin:0 0 5px;color:#fff}
.modus-home .philosophy-stages p{font:400 14px/1.45 Manrope,sans-serif;max-width:260px;color:#fff;margin:0 auto}
.modus-home .home-introduction{display:flex;align-items:center;gap:50px;margin:0 4% 30px!important;padding:15px 5%!important;position:relative;isolation:isolate;background:linear-gradient(90deg,#032724d9,#001b1be6);border:1px solid var(--modus-edge);border-radius:18px}
.modus-home .introduction-poster{position:relative;flex:0 0 220px;height:100px;border-radius:7px;overflow:hidden}
.modus-home .introduction-poster>img:first-child{width:100%;height:100%;object-fit:cover}
.modus-home .introduction-mark{position:absolute;left:calc(50% - 18px);top:calc(50% - 18px);width:36px;height:36px}
.modus-home .introduction-label{display:none}
.modus-home .introduction-copy{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;gap:4px 25px;align-items:center}
.modus-home .introduction-copy>.eyebrow{font:500 12px/1.4 Manrope,sans-serif;color:var(--modus-gold);letter-spacing:.2em;margin:0;grid-column:1}
.modus-home .introduction-copy h2{font:500 28px/1.25 Manrope,sans-serif;letter-spacing:-.02em;margin:0;grid-column:1}
.modus-home .introduction-copy h2 em{font:inherit;color:inherit}
.modus-home .introduction-copy>p:not(.eyebrow){font:400 14px/1.5 Manrope,sans-serif;margin:0;grid-column:1}
.modus-home .introduction-copy>.button,.modus-home .introduction-copy>button{grid-column:2;grid-row:1/4;min-height:44px;white-space:nowrap}
.modus-home .introduction-unavailable{font-size:11px!important;color:#c4d6cf!important}
.modus-home .introduction-copy>button[disabled]{background:transparent;color:#dce8e0;border:1px solid var(--modus-gold);border-radius:99px;opacity:.85;padding:10px 25px;cursor:not-allowed}
.modus-home .tool-section,.modus-home .home-feature-grid,.modus-home .founder-welcome,.modus-home .closing{max-width:1250px;margin-left:auto!important;margin-right:auto!important}
.modus-interior{background-color:#001c1b;color:#edf5f1}
.modus-interior :is(.section-card,.study-card,.article-card,.route-card){border-color:var(--modus-edge);border-radius:14px;background-color:#062924}
.modus-interior main h1{font-family:Manrope,sans-serif}
html[data-theme=readable] .site-header{background:#e7f2ee!important}html[data-theme=readable] .site-header :is(.site-nav>a,.nav-trigger){color:#102f29!important}
html[data-theme=contrast] .illustrated-portals .home-portal{background:#000;border:2px solid #fff}
@media(min-width:1600px){.modus-home .home-hero{min-height:380px!important}.modus-home .home-hero h1{font-size:58px!important}}
@media(max-width:1100px){.site-header .site-nav{gap:16px!important}.site-header .site-nav>a,.site-header .nav-trigger{font-size:12px!important}.site-header .header-tools{gap:2px!important}.site-header .language-picker{padding-left:2px!important}.modus-home .illustrated-portals{gap:16px}.modus-home .home-introduction{gap:25px;padding:16px 3%!important}.modus-home .introduction-poster{flex-basis:170px}.modus-home .introduction-copy h2{font-size:24px}}
@media(max-width:760px){.site-header{padding:0 5%!important;grid-template-columns:minmax(0,1fr)!important}.site-header .brand{height:118px!important}.site-header::before{height:118px!important}.site-header::after{background-position:center -5px!important;background-size:190% 110px!important}.site-header .home-geometric{width:31px!important;height:31px!important}.site-header .home-wordmark{font-size:25px!important}.site-header .home-tagline{font-size:8px!important;letter-spacing:.19em!important}.site-header .site-nav{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:0!important;gap:0 8px!important;width:100%}.site-header .site-nav>a,.site-header .nav-trigger{white-space:normal!important;text-align:center;min-height:44px!important;font-size:11px!important;width:100%;box-sizing:border-box}.site-header .header-tools{grid-column:1!important;grid-row:3!important;justify-content:center!important;gap:6px!important;width:100%;padding:3px 0!important}.site-header .header-tools .language-picker{border:0}.site-header .nav-panel{position:absolute!important;left:0!important;right:0!important;width:auto!important;max-width:100%!important}.site-header .nav-group{position:static!important}.modus-home .home-hero{min-height:420px!important;padding:26px 6% 60px!important}.modus-home .home-hero h1{font-size:37px!important;max-width:400px!important}.modus-home .home-lead{font-size:15px!important;max-width:36ch!important}.modus-home .landscape img{object-position:63% center!important}.modus-home .landscape::after{background:linear-gradient(90deg,#001a19dd,#001a1970),linear-gradient(0deg,#001917,transparent)!important}.modus-home .hero-actions{gap:12px}.modus-home .hero-actions .button{font-size:12px!important;padding:11px 17px!important}.modus-home .home-hero-wave{width:130%!important;bottom:8px!important;height:110px!important;right:-30%!important}.modus-home .illustrated-portals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 5% 26px!important}.modus-home .illustrated-portals .home-portal{min-height:145px;padding:49px 14px 15px!important}.modus-home .home-portal h2{font-size:18px}.modus-home .home-portal p{font-size:12px}.modus-home .home-portal>svg{left:14px}.modus-home .new-philosophy{padding:12px 6% 30px!important}.modus-home .philosophy-heading>.eyebrow{font-size:9px;gap:12px}.modus-home .philosophy-heading>.eyebrow::before,.modus-home .philosophy-heading>.eyebrow::after{width:26px}.modus-home .new-philosophy h2{font-size:26px!important}.modus-home .philosophy-stages{grid-template-columns:1fr;gap:18px}.modus-home .philosophy-stages>div{border:0;padding:0 8px}.modus-home .philosophy-stages h3{font-size:16px}.modus-home .philosophy-stages p{font-size:14px;max-width:280px}.modus-home .home-introduction{flex-direction:column;gap:18px;margin:0 5% 25px!important;padding:20px!important;align-items:stretch}.modus-home .introduction-poster{width:100%;height:130px;flex-basis:auto}.modus-home .introduction-copy{display:block}.modus-home .introduction-copy>p{margin:8px 0!important}.modus-home .introduction-copy>button{margin-top:12px;min-height:44px}.modus-home .home-feature-grid{padding:0 5%}.modus-home .tool-section{padding:25px 5%}.modus-home .founder-welcome{margin:20px 5%!important}}
@media(prefers-reduced-motion:reduce){.modus-home .home-portal{transition:none}}
/* Remove inherited legacy section ornaments from the new reference composition. */
.modus-home .new-philosophy h2{border:0!important;padding:0!important;max-width:none!important}
.modus-home .philosophy-heading>.eyebrow{max-width:none!important;white-space:nowrap}
.modus-home .illustrated-portals .home-portal{align-items:flex-start;text-align:left}
.modus-home .home-portal h2{align-self:flex-start;text-align:left}
.modus-home .landscape img{object-position:center 35%!important}
.modus-home .hero-actions .button-secondary>svg{display:none}
.modus-home .home-legacy-details{max-width:1250px;margin:25px auto 0;padding:0 5%;box-sizing:border-box}
.modus-home .home-legacy-details>summary{min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#c6dcd4;font-size:13px;border-top:1px solid var(--modus-edge);list-style:none}
.modus-home .home-legacy-details>summary::after{content:' +';color:var(--modus-gold);margin-left:12px}
.modus-home .home-legacy-details[open]>summary::after{content:' −'}
/* Shared study/tool/reader surfaces: one palette, with the existing functional DOM. */
:root{--modus-surface:#062824;--modus-text:#f4f8f4;--modus-muted:#c3d6cd;--modus-radius:14px}
.modus-interior{--bg:var(--modus-forest);--panel:var(--modus-surface);--ink:var(--modus-text);--muted:var(--modus-muted);--accent:var(--modus-gold);--line:var(--modus-edge);background:var(--bg);color:var(--ink)}
.modus-interior main :is(h1,h2,h3){font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.025em}
.modus-interior main h2{font-weight:500}
.modus-interior :is(.lesson,.builder-panel,.selected-panel,.path-card,.journey-stage,.price-card,.launch-notice,.account-panel,.catalog-preview-card,.learning-callout,.atlas-intro-step,.billing-panel,.study-card,.article-card,.section-card){background-color:var(--panel);border-color:var(--line);border-radius:var(--modus-radius)}
.modus-interior main :is(.eyebrow,.map-eyebrow,.aside-label,.section-label){color:var(--accent)}
.modus-interior :is(.builder-transport button,.topic-tabs button,.level-filters button,.map-controls button,.path-actions a){min-height:44px}
.modus-interior :is(.reading-body,.theory-content,.lesson){color:var(--ink)}
.modus-interior :is(a,button,input,textarea,select,summary):focus-visible{outline-color:var(--accent);outline-width:3px;outline-offset:4px}
/* Appearance preferences remain real alternatives, not colors painted over dark panels. */
html[data-theme=readable] :is(.modus-home,.modus-interior){--bg:#e8eeea;--panel:#f6faf7;--ink:#173a31;--muted:#405c50;--accent:#235d43;--line:#678c7d}
html[data-theme=contrast] :is(.modus-home,.modus-interior){--bg:#fff;--panel:#fff;--ink:#000;--muted:#000;--accent:#000;--line:#000}
html[data-theme=readable] .modus-interior :is(.section-card,.study-card,.article-card,.route-card){background-color:var(--panel);color:var(--ink);border-color:var(--line)}
html[data-theme=contrast] .modus-interior :is(.section-card,.study-card,.article-card,.route-card){background-color:#fff;color:#000;border-color:#000}
html[data-theme=readable] .site-header{background:#e8eeea!important;color:#173a31}
html[data-theme=readable] .site-header::before{background:#e8eeea!important}
html[data-theme=readable] .site-header .home-wordmark,html[data-theme=readable] .site-header :is(.nav-account,.global-search-trigger,.theme-picker>summary,.language-picker a){color:#173a31!important}
html[data-theme=readable] .site-header .home-tagline,html[data-theme=readable] .site-header .language-picker a[aria-current]{color:#235d43!important}
html[data-theme=readable] .site-header .nav-panel,html[data-theme=readable] .site-header .theme-options{background:#f6faf7!important;color:#173a31!important}
html[data-theme=readable] .site-header .nav-panel a{color:#173a31!important}
html[data-theme=contrast] .site-header,html[data-theme=contrast] .site-header::before{background:#fff!important;color:#000}
html[data-theme=contrast] .site-header :is(.home-wordmark,.home-tagline,.site-nav>a,.nav-trigger,.nav-account,.global-search-trigger,.theme-picker>summary,.language-picker a){color:#000!important}
html[data-theme=contrast] .site-header :is(.nav-panel,.theme-options){background:#fff!important;color:#000!important;border-color:#000!important}
html[data-theme=contrast] .site-header .nav-panel a{color:#000!important}
html[data-theme=contrast] .site-header .home-geometric{filter:brightness(0)}
html[data-theme=contrast] .site-header .site-nav>a[aria-current=page]::after{background:#000;box-shadow:none}
html[data-theme=contrast] .site-header .language-picker a[aria-current]{color:#000!important}
@media(prefers-reduced-motion:reduce){.modus-interior *, .modus-home *{scroll-behavior:auto;animation:none!important;transition:none!important}}
/* Observed appearance regressions: readable/contrast must not inherit dark photographic surfaces. */
html:is([data-theme=readable],[data-theme=contrast]) .modus-home :is(.home-hero,.new-philosophy,.home-introduction){background:var(--bg)!important;color:var(--ink)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-home :is(.home-hero h1,.home-hero h1 em,.home-lead,.philosophy-heading h2,.philosophy-stages h3,.philosophy-stages p,.introduction-copy h2,.introduction-copy p,.home-legacy-details>summary){color:var(--ink)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-home :is(.eyebrow,.introduction-copy>.eyebrow,.philosophy-heading>.eyebrow){color:var(--accent)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-home .hero-actions>.button:first-child{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-home .button-secondary{background:transparent!important;color:var(--ink)!important;border-color:var(--ink)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-home .home-portal{background:var(--panel)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-home .home-portal::before{background:var(--panel)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-home .home-portal :is(h2,p){color:var(--ink)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-home :is(.home-portal>svg,.philosophy-stages svg){color:var(--accent)!important;stroke:var(--accent)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-home :is(.philosophy-heading>.eyebrow::before,.philosophy-heading>.eyebrow::after){background:var(--accent)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-interior :is(.harmonic-context,.progression-presets,.chord-slot,.sequence-library){background:var(--panel)!important;color:var(--ink);border-color:var(--line)}
html:is([data-theme=readable],[data-theme=contrast]) .modus-interior :is(.progression-presets select,.chord-slot .chord-main,.chord-slot button,.sequence-library summary){background:var(--panel)!important;color:var(--ink)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-interior :is(.chord-name,.chord-roman,#romanReference,.progression-presets-eyebrow,#presetHeading,#progressionPresetPreview,#romanHelp,#theoryKeyControl,.harmonic-context-heading>span,.slot-head>span){color:var(--ink)!important}
html:not([data-theme=readable]):not([data-theme=contrast]) .modus-interior #tab-modes small{color:var(--muted)}
/* Paint the root canvas too: Safari overscroll and contrast sampling must not fall back to white. */
html{background:var(--modus-forest)}
html[data-theme=readable]{background:#e8eeea}
html[data-theme=contrast]{background:#fff}
html:is([data-theme=readable],[data-theme=contrast]) .modus-interior :is(.progression-presets,.harmonic-context,.slot-edit) label{color:var(--ink)}
/* The reference uses one clear sans-serif heading family throughout the public platform. */
.modus-interior main :is(h1,h2,h3) em{font-family:inherit;font-style:normal;letter-spacing:inherit;color:var(--accent)}
/* WebKit native menu controls otherwise collapse to 26px despite min-height. */
.modus-interior main select:not([multiple]){appearance:none;-webkit-appearance:none;box-sizing:border-box;height:44px!important;min-height:44px!important;min-width:44px;max-width:100%;padding:9px 34px 9px 12px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
html[data-theme=contrast] .modus-interior main select:not([multiple]){background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%)!important}