/* Shared presentation only. No authentication, checkout or catalogue behavior. */
html[data-af-design="v2"]{--af-canvas:#f5f8f6;--af-surface:#fff;--af-soft:#edf4ef;--af-ink:#193d33;--af-muted:#536d62;--af-line:#cddbd3;--af-link:#08745a;--af-gutter:clamp(20px,2vw,40px);color-scheme:light}
html[data-af-design="v2"][data-af-theme="dark"]{--af-canvas:#101e1a;--af-surface:#192d27;--af-soft:#223c32;--af-ink:#edf6f1;--af-muted:#bbcec4;--af-line:#40594e;--af-link:#8ce0bc;--ink:#edf6f1;--muted:#bbcec4;--line:#40594e;--green:#8ce0bc;color-scheme:dark}
html[data-af-design="v2"] body{background:var(--af-canvas)!important;color:var(--af-ink)}
html[data-af-design="v2"] .af-unified-theme-toggle{position:fixed;right:20px;bottom:24px;z-index:1000;padding:10px 16px;border:1px solid var(--af-line);border-radius:24px;background:var(--af-surface);color:var(--af-ink);font:600 13px/1.4 system-ui;cursor:pointer}
html[data-af-design="v2"][data-af-theme="dark"] body :is(.card,.panel,.box,.account-card,.checkout-card,.summary,.registration-entry,.challenge-grid section){background-color:var(--af-surface)!important;color:var(--af-ink)!important;border-color:var(--af-line)!important}
html[data-af-design="v2"][data-af-theme="dark"] body :is(input,select,textarea){background-color:#12231c!important;color:var(--af-ink)!important;border-color:#5b7567!important}
html[data-af-design="v2"][data-af-theme="dark"] body input::placeholder,html[data-af-design="v2"][data-af-theme="dark"] body textarea::placeholder{color:#b1c2b9!important;opacity:1}
html[data-af-design="v2"][data-af-theme="dark"] body :is(.muted,.help,.intro,.small,.source,.eyebrow){color:var(--af-muted)!important}
html[data-af-design="v2"][data-af-theme="dark"] body :is(a:not(.primary):not(.ss-button):not(.btn-primary),.text-button){color:var(--af-link)}
/* Standalone pages share the chosen theme, including access and tools. */
html[data-af-design="v2"]:not([data-af-surface="app"])[data-af-theme="dark"] body>header,html[data-af-design="v2"]:not([data-af-surface="app"])[data-af-theme="dark"] body>main,html[data-af-design="v2"]:not([data-af-surface="app"])[data-af-theme="dark"] body>footer{background-color:var(--af-canvas)!important;color:var(--af-ink)!important;border-color:var(--af-line)!important}
html[data-af-design="v2"]:not([data-af-surface="app"])[data-af-theme="dark"] main :is(section,article,form,fieldset,details,#status,.secondary){background-color:var(--af-surface);color:var(--af-ink);border-color:var(--af-line)!important}
html[data-af-design="v2"]:not([data-af-surface="app"])[data-af-theme="dark"] main :is(h2,h3,h4,label,dt,dd,p,li,th,td){color:var(--af-ink)}
html[data-af-design="v2"]:not([data-af-surface="app"])[data-af-theme="dark"] main .primary,html[data-af-design="v2"]:not([data-af-surface="app"])[data-af-theme="dark"] main button:not(.secondary):not(.symbol):not(.text-button){color:#fff;background-color:#087b5d}
html[data-af-design="v2"][data-af-surface="access"][data-af-theme="dark"] main{background:var(--af-surface)!important}
html[data-af-design="v2"][data-af-surface="access"] main{max-width:640px!important}
html[data-af-design="v2"][data-af-surface="access"] h1{font-size:clamp(30px,3vw,42px)!important}
/* Native account/admin panels often use inline white backgrounds. */
html[data-af-design="v2"][data-af-theme="dark"] :is([aria-label="User details"],[aria-label="User administration"],.user-details,.user-card){background:var(--af-surface)!important;color:var(--af-ink)!important}
html[data-af-design="v2"][data-af-theme="dark"] [style*="background: white"],html[data-af-design="v2"][data-af-theme="dark"] [style*="background:#fff"]{background-color:var(--af-surface)!important;color:var(--af-ink)!important}
/* Hosting's inner navigation previously left white strips on either side. */
html[data-af-design="v2"] #root .ss-page{background:var(--af-canvas)!important;color:var(--af-ink)!important}
html[data-af-design="v2"] #root .ss-page .ss-nav{background:var(--af-canvas)!important}
html[data-af-design="v2"][data-af-theme="dark"] #root .ss-page :is(.ss-hero-card,.ss-feature,.ss-plan){background:var(--af-surface)!important;color:var(--af-ink)!important;border-color:var(--af-line)!important}
html[data-af-design="v2"][data-af-theme="dark"] #root .ss-page :is(p,li,.ss-small,.ss-badge){color:var(--af-muted)!important}
/* Lists stay readable in the shop's dark sidebar and chips. */
html[data-af-design="v2"][data-af-theme="dark"] #root .af-shop-sidebar :is(a,button,span){color:#d4e7dc!important}
html[data-af-design="v2"][data-af-theme="dark"] #root :is(.chip,[class*="bg-white/90"]){background:#274d3d!important;color:#eaf8f0!important}
html[data-af-design="v2"][data-af-theme="dark"] #root .af-shop-v2 .card :is(h3,p){color:var(--af-ink)!important}
/* Dark market pickers and their selected state. TradingView remains its own widget. */
html[data-af-design="v2"][data-af-surface="markets"][data-af-theme="dark"] :is(.symbol,.saved button,.breakdown b){color:#d4e9dd!important}
html[data-af-design="v2"][data-af-surface="markets"][data-af-theme="dark"] :is(.symbol[aria-current="true"],.symbol:hover,.saved,.tabs button:not([aria-pressed="true"])){background:#294b3b!important;color:#edf7f1!important}
html[data-af-design="v2"][data-af-surface="markets"] .hero h1{max-width:22ch}
html[data-af-design="v2"][data-af-surface="markets"] .hero aside{max-width:520px;justify-self:end;width:100%}
/* Art retains its typography while following the site theme. */
html[data-af-design="v2"][data-af-surface="art"][data-af-theme="dark"] :is(.hero,.custom,article,.art-card,.tile){background-color:var(--af-surface)!important;color:var(--af-ink)!important;border-color:var(--af-line)!important}
html[data-af-design="v2"][data-af-surface="art"][data-af-theme="dark"] :is(h1,h2,h3,p,button){color:var(--af-ink)!important}
@media(min-width:1100px){
html[data-af-design="v2"] #root main>.section,html[data-af-design="v2"] #root main>section.mx-auto,html[data-af-design="v2"] #root main>nav.section{width:calc(100% - var(--af-gutter)*2)!important;max-width:none!important;margin-inline:auto!important;box-sizing:border-box}
html[data-af-design="v2"] #root .ss-wrap{width:calc(100% - var(--af-gutter)*2)!important;max-width:none!important;margin-inline:auto!important;box-sizing:border-box}
html[data-af-design="v2"] #root .ss-hero{grid-template-columns:minmax(0,1fr) minmax(300px,460px)!important;gap:clamp(32px,5vw,100px)!important}
html[data-af-design="v2"] #root .ss-hero h1{max-width:20ch;font-size:clamp(38px,3vw,56px)!important}
html[data-af-design="v2"] #root .ss-lead{max-width:65ch}
html[data-af-design="v2"] #root [aria-label="Shop products"]>.grid,html[data-af-design="v2"] #root main>.section .grid:has(>a.card[href^="/listing/"]){grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:20px!important}
html[data-af-design="v2"] #root [aria-label="Shop products"] a.card>div:first-child,html[data-af-design="v2"] #root main>.section a.card[href^="/listing/"]>div:first-child{height:220px!important;aspect-ratio:auto!important;background:#f5f7f5!important}
html[data-af-design="v2"] #root [aria-label="Shop products"] a.card img,html[data-af-design="v2"] #root main>.section a.card[href^="/listing/"] img{object-fit:contain!important}
html[data-af-design="v2"] #root main>section.mx-auto .af-playground{grid-template-columns:minmax(280px,440px) minmax(0,1fr)!important;max-height:420px}
html[data-af-design="v2"] #root .af-playground img{height:100%!important;max-height:420px;object-fit:contain!important}
html[data-af-design="v2"] #root main>section.mx-auto>div.grid:has(>button){grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-af-design="v2"]:is([data-af-surface="native"],[data-af-surface="markets"],[data-af-surface="art"]) body>main{width:calc(100% - var(--af-gutter)*2)!important;max-width:none!important;margin-inline:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
html[data-af-design="v2"]:is([data-af-surface="native"],[data-af-surface="art"]) body>header,html[data-af-design="v2"]:is([data-af-surface="native"],[data-af-surface="art"]) body>footer{width:calc(100% - var(--af-gutter)*2)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box}
html[data-af-design="v2"][data-af-surface="art"] #collection>.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}
html[data-af-design="v2"][data-af-surface="markets"] .hero{grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:6%;padding-top:48px}
html[data-af-design="v2"][data-af-surface="native"] body>main>p{max-width:85ch}
}
@media(min-width:2200px){html[data-af-design="v2"] #root [aria-label="Shop products"]>.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important}}

html[data-af-design="v2"]{background:var(--af-canvas)!important}
html[data-af-design="v2"][data-af-theme="dark"][data-af-surface="art"] .picture{background:#243b30!important}
html[data-af-design="v2"][data-af-theme="dark"][data-af-surface="markets"] .tabs button[aria-pressed="true"]{background:#087b5d!important;color:#fff!important}
@media(min-width:1100px){
html[data-af-design="v2"] body.af-learn .af-play-art{height:360px!important;min-height:0!important;background-size:contain!important;background-repeat:no-repeat!important}
html[data-af-design="v2"][data-af-page="native-check.php"] body>main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 28px;align-items:start}
html[data-af-design="v2"][data-af-page="native-check.php"] main>:is(h1,p){grid-column:1/-1}
html[data-af-design="v2"][data-af-page="native-check.php"] main>section,html[data-af-design="v2"][data-af-page="native-check.php"] main>form{margin-top:0}
html[data-af-design="v2"][data-af-page="native-check.php"] main h1{min-height:200px;max-height:250px;font-size:42px}
}

/* Contrast corrections found by inspecting every main navigation destination. */
html[data-af-design="v2"][data-af-theme="dark"] #root :is(.ss-card,.notice,[class~="bg-brand-50"],[class~="bg-emerald-50"]){background-color:#203d31!important;color:#e5f3ea!important;border-color:#40594e!important}
html[data-af-design="v2"][data-af-theme="dark"] #root .ss-card :is(h2,h3,p,span){color:#e5f3ea!important}
html[data-af-design="v2"][data-af-theme="dark"] #root :is(.btn-ghost,.btn-accent,[class~="text-emerald-700"],.af-shop-v2 [aria-label="Breadcrumb"] button){color:#a0ebc7!important}
html[data-af-design="v2"][data-af-theme="dark"] #root a.btn-accent{background:#12684f!important;color:#fff!important}
html[data-af-design="v2"][data-af-theme="dark"] #root [class~="bg-white/10"]{background:#315343!important;color:#f2faf5!important}
html[data-af-design="v2"][data-af-theme="dark"] :is(.notice,.status,.success){background:#223d31!important;color:#edf7f0!important;border-color:#4a6858!important}
html[data-af-design="v2"][data-af-theme="dark"][data-af-surface="access"] body>main{background:var(--af-surface)!important;padding:34px!important}
html[data-af-design="v2"][data-af-theme="dark"][data-af-surface="access"] main>section,html[data-af-design="v2"][data-af-theme="dark"][data-af-surface="access"] main form{background:transparent!important}
html[data-af-design="v2"][data-af-theme="dark"] body.af-learn #root main .underline{color:#b8a9ff!important}
html[data-af-design="v2"][data-af-surface="art"] .hero{border-radius:18px;padding-left:28px;padding-right:28px}
@media(min-width:1100px){html[data-af-design="v2"][data-af-surface="art"] .hero h1{font-size:clamp(42px,3vw,60px);line-height:1.12}html[data-af-design="v2"][data-af-surface="art"] #collection{background:transparent!important}}

html[data-af-design="v2"][data-af-theme="dark"] :is([role="status"],.view-status,#notice){background-color:#203d31!important;color:#edf7f1!important;border-color:#496456!important}
html[data-af-design="v2"][data-af-theme="dark"] .modules a{background:#203d31!important;color:#d8f1e3!important;border-color:#496456!important}
html[data-af-design="v2"][data-af-theme="dark"] .modules a[aria-current="page"]{background:#0a7055!important;color:#fff!important}
@media(min-width:1100px){
html[data-af-design="v2"] #root .pn-home-layout .pn-home-content>section.section,html[data-af-design="v2"] #root .pn-market-hero>.section,html[data-af-design="v2"] #root #adsfree-art-feature,html[data-af-design="v2"] #root #pn-home-radio,html[data-af-design="v2"] #root #avery-community-guide{width:calc(100% - var(--af-gutter)*2)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html[data-af-design="v2"] #root .pn-home-layout .pn-shop-feature .grid:has(>a.card){grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:20px!important}
html[data-af-design="v2"] #root .pn-home-layout .pn-shop-feature a.card>div:first-child{height:220px!important;aspect-ratio:auto!important;background:#f5f7f5!important}
html[data-af-design="v2"] #root .pn-home-layout .pn-shop-feature a.card img{object-fit:contain!important}
}

html[data-af-design="v2"][data-af-theme="dark"] #root .af-shop-sidebar .af-shop-sidebar-count{background:#315443!important;color:#f0fff5!important}
html[data-af-design="v2"] #root header>[data-account-session-menu]:has(a:not([hidden]),button:not([hidden])){display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px var(--af-gutter);font-size:13px;border-top:1px solid var(--af-line)}

html[data-af-design="v2"][data-af-page="radio-test.html"] #radio-community li{overflow-wrap:anywhere;min-width:0}
html[data-af-design="v2"][data-af-page="radio-test.html"][data-af-theme="dark"] a.button,html[data-af-design="v2"][data-af-page="radio-test.html"][data-af-theme="dark"] a.button span{background:#c4f1d1!important;color:#123522!important}
html[data-af-design="v2"][data-af-theme="dark"][data-af-surface="native"] main>article>p:last-child{background:#203d31!important;color:#e4f2e9!important}