/* ScholarSpace Kids • colourful educational theme • inspired by Aura mesh/lattice techniques */
:root{--brand:#6655e8;--accent:#ff6d7a;--ink:#292047;--muted:#766d91;--line:#eae1f4;--bg:#fffcf8;--surface:#fff;--soft:#f1ecff;--shadow:0 16px 45px rgba(89,65,184,.10);--radius:20px}
body{background-color:#fffcf8;background-image:linear-gradient(rgba(99,102,241,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.055) 1px,transparent 1px),radial-gradient(circle at 14% 19%,rgba(245,142,85,.14) 0,transparent 25%),radial-gradient(circle at 80% 31%,rgba(151,112,248,.12) 0,transparent 28%),radial-gradient(circle at 42% 70%,rgba(41,201,206,.1) 0,transparent 28%);background-size:45px 45px,45px 45px,auto,auto,auto;color:var(--ink)}
/* Body star-grid lattice: background layers blend over the base surface. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(160,126,255,.45) 1.5px,transparent 4px),radial-gradient(circle at 78% 15%,rgba(255,152,155,.55) 1.5px,transparent 4px),radial-gradient(circle at 88% 60%,rgba(102,208,238,.45) 1.5px,transparent 4px),radial-gradient(circle at 30% 75%,rgba(250,204,21,.65) 1.5px,transparent 4px),radial-gradient(circle at 55% 85%,rgba(199,210,254,.65) 1.5px,transparent 4px)}
.eyebrow{color:#7661e8}.top-strip{background:linear-gradient(95deg,#663fca 0%,#8b56d9 29%,#ee638f 67%,#ff9c5d 100%);color:#fff}.top-strip a{color:#fff}.site-header{box-shadow:0 8px 28px rgba(110,69,196,.09)}.brand-mark{background:linear-gradient(135deg,#6d5aef,#ad62db 50%,#ff7190);border-radius:13px;box-shadow:0 8px 18px rgba(122,85,236,.2)}.brand strong{color:#463294}.main-nav a:nth-child(4n+1){color:#6d4bd6}.main-nav a:nth-child(4n+2){color:#d25586}.main-nav a:nth-child(4n+3){color:#179baf}.main-nav a:nth-child(4n+4){color:#b5662c}.main-nav a:hover{transform:translateY(-2px)}.header-actions .icon-btn:nth-child(1){color:#e25583;background:#ffecf2}.header-actions .icon-btn:nth-child(2){color:#7552d7;background:#f2ecff}.login-pill{border-color:#e4d7ff;background:#f6f1ff;color:#633ed0}.btn.primary,.search-field button{background:linear-gradient(110deg,#6855e9,#aa54d9 52%,#ee678d);box-shadow:0 7px 16px rgba(132,73,221,.23);color:#fff}.btn.primary:hover,.search-field button:hover{background:linear-gradient(110deg,#5240dc,#8745c1,#d85385);transform:translateY(-2px)}.search-field{border:2px solid #e4d9f5;box-shadow:0 12px 30px rgba(69,38,138,.12)}.search-field>span{color:#8055d9}.alert-strip{background:#fff3d4;border-color:#ffdf98;color:#884b37}.alert-strip svg{color:#fa667f}
/* Aura Mesh — layers adapt from the supplied Starlight Canvas values. */
.aura-bg{position:relative;overflow:hidden;isolation:isolate}.aura-bg::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.aura-bg>.aura-layer-1,.aura-bg>.aura-layer-2,.aura-bg>.aura-layer-3,.aura-bg>.aura-layer-4,.aura-bg>.aura-layer-5{position:absolute;inset:0;pointer-events:none;transform:translateZ(0);z-index:0}.aura-bg>.aura-content{position:relative;z-index:2}.aura-hero{min-height:510px;border-radius:0 0 36px 36px;background:transparent;color:#fff}.aura-hero::before{background:linear-gradient(120deg,#39378c,#6c399a 42%,#9f4eb4 72%,#1e8ca8)}.aura-hero .aura-layer-1{background:radial-gradient(circle at 25% 30%,rgba(99,102,241,.5) 0%,transparent 45%);mix-blend-mode:screen;filter:blur(200px)}.aura-hero .aura-layer-2{background:radial-gradient(circle at 75% 25%,rgba(236,72,153,.55) 0%,transparent 40%);mix-blend-mode:screen;filter:blur(188px)}.aura-hero .aura-layer-3{background:radial-gradient(circle at 50% 75%,rgba(14,165,233,.5) 0%,transparent 50%);mix-blend-mode:screen;filter:blur(200px)}.aura-hero .aura-layer-4{background:radial-gradient(circle at 20% 80%,rgba(250,204,21,.3) 0%,transparent 35%);mix-blend-mode:overlay;filter:blur(138px)}.aura-hero .aura-layer-5{background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.8) 1px,transparent 3px),radial-gradient(circle at 88% 15%,rgba(255,255,255,.6) 1px,transparent 3px),radial-gradient(circle at 40% 90%,rgba(255,255,255,.6) 1px,transparent 3px),radial-gradient(circle at 80% 78%,rgba(255,255,255,.55) 1px,transparent 3px);mix-blend-mode:screen;opacity:.85}.hero-inner{min-height:510px;grid-template-columns:1fr 44%;gap:32px}.hero-copy{padding:65px 0}.hero-label{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(8px)}.mini-star{color:#ffe26c}.hero h1{color:#fff;text-shadow:0 3px 30px rgba(28,17,62,.12)}.hero h1 em{color:#ffe27c}.hero p{color:#f1e9ff;font-size:15px}.hero-foot{color:#fff}.hero-foot svg{color:#ffd977}.hero-visual{height:365px;transform:rotate(2deg)}.hero-visual>img{border:8px solid rgba(255,255,255,.86);border-radius:48% 38% 24px 28px / 30% 38% 25px 28px;box-shadow:0 28px 60px rgba(30,17,93,.34)}.hero-badge{background:#fff3be;right:0;bottom:-12px;transform:rotate(-3deg);color:#492b81;border:2px solid #fff}.hero-badge>svg{color:#e65b77}.hero-badge span{color:#775b83}.hero-decoration{color:#ffd66b;right:0;top:-31px;font-size:72px}.hero-search{box-shadow:0 15px 30px rgba(20,20,90,.19)}
.intro-stat{margin:24px 0 34px;border:1px solid #ead6ff;background:linear-gradient(108deg,#f1e9ff,#ffedf2 53%,#e5faff);padding:19px 24px;border-radius:17px;box-shadow:0 8px 20px rgba(155,92,214,.06)}.intro-stat>span{color:#8151ce}.intro-stat>div b:nth-child(1){color:#7657dc}.intro-stat>div b:nth-child(2){color:#ed678e}.intro-stat>div b:nth-child(3){color:#149bb1}.intro-stat p{color:#735783}.front-columns{padding-top:0}.sidebar-heading{font-size:13px;color:#6b46b5}.side-dot{width:10px;height:10px;background:linear-gradient(135deg,#ff5d95,#ffbb58)}.side-card{border-radius:17px;border-color:#eee3fc;box-shadow:0 8px 18px rgba(83,48,144,.045)}.side-card h3{background:linear-gradient(90deg,#efebff,#ffe8f3);border-color:#eedfff;color:#653bc1;font-size:11px}.sidebar-right .side-card h3{background:linear-gradient(90deg,#e4f9ff,#ecedff);color:#137caa}.side-links{padding:9px}.side-link{border-radius:9px;margin-bottom:4px;padding:8px 6px;box-shadow:inset 0 0 0 1px rgba(138,92,213,.05)}.side-link:hover{transform:translateX(3px);box-shadow:0 5px 10px rgba(105,58,196,.08);filter:saturate(1.3)}.side-icon{width:32px;height:32px;border-radius:10px}.side-icon svg{width:16px;height:16px}.side-note{background:linear-gradient(145deg,#f9dcff,#dbf5ff);color:#683aa9;border-radius:16px}.side-note p{color:#6a668a}.side-arrow{color:#ac7fd6}
.section-head h2{font-size:28px;color:#412d7e}.section-head .eyebrow{color:#df5d96}.section-head p{color:#78708c}.slide-buttons button{background:#f4eeff;border-color:#e6d9fb;color:#7445d1}.category-tile{border-radius:17px;min-height:135px;box-shadow:0 8px 18px rgba(91,48,139,.06)}.category-tile:nth-child(4n+1),.category-tile.mint{background:#dcf9f0;border-color:#a9efda;color:#087e67}.category-tile:nth-child(4n+2),.category-tile.peach{background:#fff0df;border-color:#ffd4aa;color:#b75d21}.category-tile:nth-child(4n+3),.category-tile.lavender{background:#f0e8ff;border-color:#d8c1ff;color:#7347bc}.category-tile:nth-child(4n+4),.category-tile.blue{background:#e4f4ff;border-color:#b6e3ff;color:#1b80b1}.category-tile>span{background:rgba(255,255,255,.78)!important;color:inherit!important;width:38px;height:38px;border-radius:12px}.category-tile b{font-size:12px}.category-tile small{color:inherit;opacity:.78}.content-card{border-radius:17px;border:1px solid #e9dcf4;border-top:4px solid #9877ed;box-shadow:0 6px 16px rgba(86,52,147,.07)}.content-card:nth-child(4n+2){border-top-color:#ff8297}.content-card:nth-child(4n+3){border-top-color:#4bbcd0}.content-card:nth-child(4n+4){border-top-color:#f3c24f}.card-type{color:#7341ca;background:#f5edff}.content-card:nth-child(4n+2) .card-type{background:#fff0f2;color:#d35181}.content-card:nth-child(4n+3) .card-type{background:#e9fafd;color:#148aa6}.card-body h3{color:#35255f}.card-kicker{color:#a657b6}.card-bottom{color:#7750d4}.card-bottom>a{background:#f2eaff}.text-link{color:#8b4ad5}.load-more{background:#f7efff;border-color:#dcc8ff;color:#6e46c3}.feature-banner{background:linear-gradient(125deg,#6950df,#a14ade 42%,#ff6e98 85%);border-radius:23px;box-shadow:0 15px 35px rgba(121,73,212,.2)}.feature-banner p{color:#fff1fc}.feature-banner .eyebrow{color:#ffe5b4}.feature-art{color:#ffd6fc;opacity:.38}.news-list{border-color:#eee0ff;border-radius:18px;padding:7px 16px}.news-item{border-color:#f0e5f8;padding:17px 7px}.news-item:nth-child(4n+1) .news-date{background:#f0e9ff;color:#7245ca}.news-item:nth-child(4n+2) .news-date{background:#ffeaf2;color:#cb5185}.news-item:nth-child(4n+3) .news-date{background:#e7f8fd;color:#1789a0}.news-item:nth-child(4n+4) .news-date{background:#fff5da;color:#a67518}.news-item b{color:#3b2c64}.newsletter{background:linear-gradient(100deg,#ffebf1,#f3eaff 51%,#e0f7fa);border-top:1px solid #f3dcff;border-bottom:1px solid #eadbff}.news-icon{background:#f7d7ef;color:#a93f95}.newsletter h2{color:#6034aa}.newsletter input{border:2px solid #e1cdfb}
.aura-footer{background:transparent;color:#fff;border-radius:32px 32px 0 0}.aura-footer::before{background:linear-gradient(120deg,#332e81,#693ca7 38%,#c44e9c 71%,#e86773)}.aura-footer .aura-layer-1{background:radial-gradient(circle at 16% 45%,rgba(54,200,251,.45),transparent 43%);mix-blend-mode:screen;filter:blur(180px)}.aura-footer .aura-layer-2{background:radial-gradient(circle at 78% 30%,rgba(255,194,112,.44),transparent 42%);mix-blend-mode:screen;filter:blur(168px)}.aura-footer .aura-layer-3{background:radial-gradient(circle at 54% 80%,rgba(228,92,216,.45),transparent 52%);mix-blend-mode:screen;filter:blur(170px)}.aura-footer .aura-layer-4{background:radial-gradient(circle at 27% 78%,rgba(250,204,21,.2),transparent 40%);mix-blend-mode:overlay;filter:blur(120px)}.aura-footer .aura-layer-5{background:radial-gradient(circle at 10% 10%,#ffffffad 1px,transparent 3px),radial-gradient(circle at 88% 15%,#ffffffb3 1px,transparent 3px),radial-gradient(circle at 40% 90%,#ffffff8f 1px,transparent 3px);mix-blend-mode:screen}.site-footer .brand strong,.site-footer .footer-top h4{color:#fff}.site-footer .brand small,.site-footer .footer-top p,.site-footer .footer-top a:not(.brand),.site-footer .footer-bottom{color:#eee2ff}.site-footer .footer-top a:not(.brand):hover{color:#ffe47c}.site-footer .footer-bottom{border-color:#ffffff44}.site-footer .footer-bottom button{color:#ffe0a4}
.breadcrumbs a{color:#724ac4}.breadcrumbs span{color:#7844b2}.article-pane{border-radius:20px;border-color:#eadbf9;border-top:6px solid #d36cd5}.article-header h1{color:#412888}.article-body h2,.article-body h3{color:#5b3ba3}.article-meta svg,.article-meta button{color:#9b57d2}.tags-row a{background:#ede4ff;color:#733dc0}.comments-section h2{color:#503191}.listing-hero{background:linear-gradient(125deg,#c5f6f4,#edd6ff 54%,#ffdef0);border:1px solid #dfc6f8;border-radius:23px}.listing-hero h1{color:#51318c}.pagination a.active{background:#8154da}
/* All widgets accept separate administrator-selected colour variables */
.widget{--widget-bg:#fff0ee;--widget-color:#442777;position:relative;margin:17px 0 27px;padding:19px;border-radius:19px;background:var(--widget-bg);color:var(--widget-color);border:1px solid color-mix(in srgb,var(--widget-color) 17%,transparent);box-shadow:0 12px 24px rgba(56,28,113,.07);overflow:hidden}.widget h2,.widget h3,.widget p{color:inherit}.widget h2{font-size:24px;margin:5px 0 7px}.widget h3{font-size:15px;margin:0}.widget p{line-height:1.6;margin:5px 0 0}.widget-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;opacity:.77}.widget-heading{display:flex;align-items:center;gap:15px;background:linear-gradient(115deg,#f4e9ff,#fde9ef 50%,#e8f8ff)}.widget-heading-icon{width:42px;height:42px;background:#fff;border-radius:12px;display:grid;place-items:center;font-size:21px;box-shadow:0 4px 10px #a665ba33}.widget-heading h2{font-size:23px}.widget-heading p{font-size:11px}.widget-intro{display:flex;gap:11px;align-items:center;margin-bottom:13px}.widget-intro .widget-icon{width:33px;height:33px;border-radius:10px;background:#ffffffc7;display:grid;place-items:center;font-size:16px}.widget-intro p{font-size:10px;line-height:1.4;margin:3px 0}.widget-items{display:flex;flex-direction:column;gap:5px}.widget-items>a{padding:8px 9px;background:#ffffffa8;border-radius:9px;display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.35;font-weight:750;min-height:32px}.widget-items>a:hover{background:#fff;transform:translateX(3px)}.widget-items>a svg{font-size:13px}.widget-items>a span{flex:1;overflow-wrap:anywhere}.widget-items>a>svg:last-child{font-size:10px;opacity:.5}.widget-items>a img{width:25px;height:25px;object-fit:cover;border-radius:6px}.widget-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.widget-cat-grid>a{min-height:57px;background:#ffffffba;padding:10px;border-radius:10px;display:flex;align-items:center;gap:7px}.widget-cat-grid>a:nth-child(4n+1){background:#fff0ec}.widget-cat-grid>a:nth-child(4n+2){background:#e6f9ff}.widget-cat-grid>a:nth-child(4n+3){background:#f8e7ff}.widget-cat-grid>a:nth-child(4n+4){background:#fff5d8}.widget-cat-grid>a img{width:22px;height:22px;object-fit:cover;border-radius:5px}.widget-cat-grid>a span{font-size:10px;font-weight:800;overflow-wrap:anywhere}.widget-image_text{display:flex;align-items:center;gap:15px;padding:10px 17px 10px 10px}.widget-picture{width:40%;height:170px;flex:none}.widget-picture img{width:100%;height:100%;object-fit:cover;border-radius:13px}.widget-picture-copy h2{font-size:19px}.widget-picture-copy p{font-size:11px}.widget-picture-copy .btn{margin-top:11px;font-size:10px;padding:9px 12px}.widget-custom_html .widget-html{padding:0;color:inherit;line-height:1.55;font-size:12px}.widget-custom_html .widget-html p{margin:8px 0 0}.widget-custom_html .widget-html a{color:inherit}.widget-search_box .widget-search-form{display:flex;background:#fff;border:1px solid #ffffffbb;border-radius:9px;overflow:hidden;height:39px}.widget-search-form input{flex:1;min-width:0;background:#fff;border:0;outline:0;padding:9px;font-size:10px;color:#332358}.widget-search-form button{border:0;background:#834fd5;color:#fff;width:36px}.widget-callout{min-height:210px;display:flex;align-items:center;padding:30px 45px;border-radius:25px;background:linear-gradient(105deg,#654ce5 0%,#9850df 34%,#ef5aab 72%,#ff9b6b);color:#fff;isolation:isolate;box-shadow:0 15px 34px #ae5eca4f}.widget-callout:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 25% 30%,rgba(99,102,241,.5),transparent 48%),radial-gradient(circle at 75% 25%,rgba(236,72,153,.4),transparent 43%),radial-gradient(circle at 50% 75%,rgba(14,165,233,.4),transparent 50%);mix-blend-mode:screen;filter:blur(70px)}.widget-callout-art{font-size:135px;position:absolute;right:6%;bottom:-29px;opacity:.32;transform:rotate(-14deg)}.widget-callout-copy{position:relative;z-index:2;max-width:490px}.widget-callout h2{font-size:31px}.widget-callout p{font-size:12px}.widget-callout .btn{margin-top:14px}.widget-image_slider{padding:0;border:0;border-radius:24px;background:#6851d6;min-height:250px;margin:28px 0 32px;box-shadow:0 18px 36px rgba(99,60,179,.17)}.widget-slider-track{position:relative;height:255px}.widget-slide{position:absolute;inset:0;display:grid;grid-template-columns:50% 50%;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;background:linear-gradient(110deg,#6c57e6,#a650d7 52%,#f06e9b);color:#fff;overflow:hidden}.widget-slide:nth-child(2n){background:linear-gradient(110deg,#0ba7b9,#6552da 52%,#e874a4)}.widget-slide.is-active{opacity:1;visibility:visible}.widget-slide-copy{padding:27px 18px 27px 31px;align-self:center;z-index:2}.widget-slide-copy>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#ffe792}.widget-slide-copy h2{font-size:28px;line-height:1.08;margin:10px 0;color:#fff}.widget-slide-copy p{font-size:11px;line-height:1.5;color:#fff;margin:0 0 13px}.widget-slide-copy .btn{font-size:10px;padding:9px 14px}.widget-slide>img{width:100%;height:100%;object-fit:cover;clip-path:ellipse(87% 90% at 87% 45%)}.widget-slider-controls{position:absolute;bottom:12px;right:14px;z-index:3;display:flex;align-items:center;gap:9px}.widget-slider-controls>button{width:27px;height:27px;display:grid;place-items:center;border:1px solid #ffffff92;border-radius:50%;background:#ffffff27;color:#fff}.widget-dots{display:flex;gap:5px}.widget-dots button{width:6px;height:6px;border:0;padding:0;border-radius:50%;background:#ffffff85}.widget-dots button.active{width:18px;border-radius:6px;background:#fff}
/* Dark mode is truly near-black; all primary text stays white. */
html[data-theme=dark]{--ink:#fff;--muted:#e0dcf2;--line:#393144;--bg:#111;--surface:#1b1b1b;--soft:#292336;--shadow:0 18px 40px #0006;color-scheme:dark}
html[data-theme=dark] body{background-color:#111;color:#fff;background-image:linear-gradient(rgba(154,120,242,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(154,120,242,.1) 1px,transparent 1px),radial-gradient(circle at 49% 45%,rgba(99,102,241,.16) 0%,transparent 55%);background-size:45px 45px,45px 45px,auto}
html[data-theme=dark] body::before{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.9) 1.5px,transparent 4px),radial-gradient(circle at 78% 15%,rgba(199,210,254,.9) 1.5px,transparent 4px),radial-gradient(circle at 88% 60%,rgba(255,255,255,.8) 1.5px,transparent 4px),radial-gradient(circle at 30% 75%,rgba(255,255,255,.8) 1.5px,transparent 4px),radial-gradient(circle at 55% 85%,rgba(199,210,254,.9) 1.5px,transparent 4px)}
html[data-theme=dark] :is(.brand strong,.main-nav a,.section-head h2,.article-header h1,.article-body h2,.article-body h3,.card-body h3,.news-item b,.listing-hero h1,.newsletter h2,.sidebar-heading,.side-card h3,.intro-stat>div b,.footer-top h4,.breadcrumbs span,.widget:not(.widget-callout):not(.widget-image_slider) h2,.widget:not(.widget-callout):not(.widget-image_slider) h3,.widget:not(.widget-callout):not(.widget-image_slider) p){color:#fff}
html[data-theme=dark] :is(.intro-stat,.widget-heading,.listing-hero,.newsletter,.side-note){background:linear-gradient(116deg,#271d36,#231c33 53%,#192d38);border-color:#473354;color:#fff}
html[data-theme=dark] :is(.side-card,.content-card,.category-tile,.news-list,.article-pane,.panel){background:#1b1b1b;border-color:#45364f;color:#fff}
html[data-theme=dark] .category-tile{background:#252032!important;color:#fff!important}
html[data-theme=dark] .side-card h3{background:linear-gradient(90deg,#2c2143,#31203e)}
html[data-theme=dark] .side-link{filter:brightness(.92);color:#fff!important}
html[data-theme=dark] .side-link>span:nth-child(2){color:#fff}
html[data-theme=dark] .widget:not(.widget-callout):not(.widget-image_slider){background:linear-gradient(#1d1d1f,#1d1d1f) padding-box,linear-gradient(115deg,#8570f8,#ee6eae,#56cbea,#fac867) border-box;border:2px solid transparent;color:#fff}
html[data-theme=dark] .widget-items>a,html[data-theme=dark] .widget-cat-grid>a{background:#2d2739!important;color:#fff}
html[data-theme=dark] .widget-heading-icon,html[data-theme=dark] .widget-intro .widget-icon{background:#302744;color:#fff}
html[data-theme=dark] :is(.content-card .card-body p,.article-lead,.news-item em,.section-head p,.newsletter p,.intro-stat p,.card-kicker,.card-bottom,.widget-kicker,.widget-intro p,.widget-picture-copy p){color:#e0dcf2}
html[data-theme=dark] .site-header,html[data-theme=dark] .site-footer{background:#1b1b1b}
html[data-theme=dark] .aura-footer{background:transparent}
html[data-theme=dark] .aura-hero::before{background:linear-gradient(120deg,#1c1846,#4d2464 45%,#8e3269 74%,#146078)}
html[data-theme=dark] .aura-footer::before{background:linear-gradient(120deg,#1a1643,#402060 40%,#833576 72%,#b55567)}
html[data-theme=dark] .btn.outline,html[data-theme=dark] .load-more{background:#2b2537;color:#fff;border-color:#685185}
html[data-theme=dark] 
html[data-theme=dark] .newsletter input{background:#232027;color:#fff}
html[data-theme=dark] .search-field{background:#1b1b1b;color:#fff}
html[data-theme=dark] .search-field input{color:#fff}
html[data-theme=dark] .hero .search-field{background:#fff;color:#292047}
html[data-theme=dark] .hero .search-field input{color:#292047}
html[data-theme=dark] .card-type{background:#39304b;color:#fff}
/* Admin stays friendly without interfering with its forms. */
.admin-body{background:#fbf8ff}.admin-body .admin-hero{background:linear-gradient(110deg,#f0e8ff,#ffeaf3 54%,#e6faff);border-color:#e4d1fa}.admin-body .admin-side nav a.selected{background:#eee9ff;color:#6849c1}.admin-body .admin-hero-art{color:#bca2ef}.admin-body .stat-box:nth-child(4n+2)>span{background:#ffe8ef;color:#cf5289}.admin-body .stat-box:nth-child(4n+3)>span{background:#e6f9fb;color:#1d90a8}.admin-body .stat-box:nth-child(4n+4)>span{background:#fff2d7;color:#bd7e22}
@media(max-width:760px){html[data-mobile=1] .aura-hero{min-height:0}html[data-mobile=1] .hero-inner{min-height:0}html[data-mobile=1] .hero-copy{padding:38px 0 24px}html[data-mobile=1] .hero-visual{height:245px}html[data-mobile=1] .intro-stat{display:none}html[data-mobile=1] .widget-slide{grid-template-columns:55% 45%}html[data-mobile=1] .widget-slide-copy{padding:13px}html[data-mobile=1] .widget-slide-copy h2{font-size:19px}html[data-mobile=1] .widget-slide-copy p{font-size:9px}html[data-mobile=1] .widget-image_text{flex-direction:column}html[data-mobile=1] .widget-picture{width:100%}html[data-mobile=1] .widget-callout{padding:25px}html[data-mobile=1] .widget-callout h2{font-size:23px}html[data-mobile=1] .aura-bg>.aura-layer-1,html[data-mobile=1] .aura-bg>.aura-layer-2,html[data-mobile=1] .aura-bg>.aura-layer-3{filter:blur(100px)}}
@media(prefers-reduced-motion:reduce){.widget-slide,.card-grid .content-card,.category-tile{transition:none!important}.aura-bg>.aura-layer-1,.aura-bg>.aura-layer-2,.aura-bg>.aura-layer-3,.aura-bg>.aura-layer-4{filter:none}}
/* Widgets workspace / creator studio */
.widget-positions{flex-wrap:wrap}.widget-manager-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e8dff4;border-radius:12px;padding:11px 15px;margin-bottom:14px}.widget-manager-toolbar>label{font-size:11px}.widget-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.widget-manager-card{--wm-bg:#f5ecff;--wm-color:#6943c2;background:#fff;border:1px solid #eaddf1;border-radius:14px;display:flex;gap:12px;padding:15px;min-width:0;box-shadow:0 6px 14px #68439d09}.wm-icon{background:var(--wm-bg);color:var(--wm-color);border-radius:11px;width:43px;height:43px;display:grid;place-items:center;flex:none;font-size:20px}.wm-body{flex:1;min-width:0}.wm-body>small{font-size:9px;color:#8d79a5;font-weight:700}.wm-body h3{font-size:15px;margin:5px 0 9px;overflow-wrap:anywhere}.wm-order{font-size:10px;color:#867997;margin-left:8px}.wm-actions{display:flex;flex-direction:column;align-items:end;justify-content:space-between;gap:12px}.wm-actions button{border:0;background:#f2ebff;color:#6845c4;border-radius:7px;padding:7px 11px;font-size:10px;font-weight:800}.wm-actions label{font-size:10px;font-weight:600}.widget-modal{width:min(710px,100%);max-height:92vh}.widget-fields{display:flex;flex-direction:column;gap:13px}.widget-fields>label,.widget-fields .widget-image-field{display:block}.widget-type-tip{border-radius:9px;background:linear-gradient(105deg,#eee9ff,#ffebf2);padding:11px;color:#633c9e;font-size:11px;line-height:1.5}.widget-repeater-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.widget-repeater-heading small{color:#9a8dae;font-weight:400}.widget-repeater-heading .btn{font-size:10px;padding:8px 12px}.widget-repeater{display:flex;flex-direction:column;gap:10px}.widget-item-row{position:relative;border:1px solid #ebdff5;background:#fbf8ff;padding:15px;border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.widget-item-row>.widget-image-field{grid-column:span 2}.widget-item-row>label input{margin-top:6px}.widget-item-remove{position:absolute;right:5px;top:4px;border:0;background:#fff0f3;color:#e25382;border-radius:6px;font-size:16px;width:24px;height:24px}.widget-image-field{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.widget-image-field label{flex:1;min-width:210px}.widget-image-field .btn{padding:10px 12px;font-size:10px}.widget-image-preview img{height:44px;width:67px;object-fit:cover;border-radius:6px}.widget-modal .field-row{flex-wrap:wrap}.widget-modal .field-row>label{min-width:110px}
@media(max-width:760px){.widget-manager-grid{grid-template-columns:1fr}.widget-manager-toolbar{flex-wrap:wrap;gap:9px}.widget-item-row{grid-template-columns:1fr}.widget-item-row>.widget-image-field{grid-column:1}}
html[data-theme=dark] .hero .search-field input{background:transparent!important;color:#292047!important}
html[data-theme=dark] .hero .search-field input::placeholder{color:#665976!important;opacity:1}
/* Vibrant gradient controls • consistent legibility in both modes */
.btn,.search-field button,.widget-search-form button,.login-pill,.slide-buttons button,.card-bottom>a,.widget-slider-controls>button,.header-actions .icon-btn,.pagination a{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease}
.btn:hover,.search-field button:hover,.widget-search-form button:hover,.login-pill:hover,.slide-buttons button:hover,.card-bottom>a:hover,.widget-slider-controls>button:hover,.header-actions .icon-btn:hover,.pagination a:hover{transform:translateY(-2px);filter:saturate(1.15);box-shadow:0 8px 18px #613da52c}
.btn.primary,.search-field button,.widget-search-form button{background:linear-gradient(112deg,#5f55e9 0%,#9c50df 49%,#ff5f92 100%);border-color:transparent;color:#fff;box-shadow:0 8px 19px #9b57da3d}
.btn.outline,.load-more{background:linear-gradient(110deg,#eee5ff,#ffe6f2 54%,#e3f7ff);border:1px solid #d9c2f5;color:#5830b0;box-shadow:0 6px 15px #a368ca1a}
.btn.white{background:linear-gradient(110deg,#fff3b9,#ffcebd 53%,#ffbde0);border:0;color:#562781;box-shadow:0 8px 20px #511c8730}
.login-pill{background:linear-gradient(105deg,#f1eaff,#ffe7f2);border-color:#e7d2f5;color:#6338b7}
.header-actions .icon-btn:nth-child(1){background:linear-gradient(135deg,#ffeaf1,#f7defa);color:#c53b87}
.header-actions .icon-btn:nth-child(2){background:linear-gradient(135deg,#ece5ff,#dbedff);color:#7248ca}
.slide-buttons button{background:linear-gradient(130deg,#7851dd,#ba5add);border:0;color:#fff;box-shadow:0 5px 12px #8857dc2d}
.card-bottom>a{background:linear-gradient(135deg,#e5d9ff,#ffc7e5);color:#6b3cc3}
.widget-slider-controls>button{background:linear-gradient(125deg,#644bea99,#ef65ac99);color:#fff;border-color:#ffffff8a}
.pagination a{background:linear-gradient(135deg,#f4ebff,#ffeaf2);color:#6a45ba;border:1px solid #e5d5f6}
.pagination a.active{background:linear-gradient(115deg,#7050e7,#ba4fe0,#f16b9b);border-color:transparent;color:#fff}
/* Dark surfaces: never place white letters on a pastel sidebar/card background. */
html[data-theme=dark] .side-link{background:linear-gradient(105deg,#2d2640,#262139 58%,#263548)!important;color:#fff!important;filter:none;border:1px solid #4a3a60}
html[data-theme=dark] .side-link:nth-child(4n+2){background:linear-gradient(105deg,#3b253f,#2f2442 63%,#252d44)!important}
html[data-theme=dark] .side-link:nth-child(4n+3){background:linear-gradient(105deg,#263650,#2c2850 63%,#38243f)!important}
html[data-theme=dark] .side-link:nth-child(4n+4){background:linear-gradient(105deg,#233f48,#243447 63%,#34253e)!important}
html[data-theme=dark] .side-link:hover{background:linear-gradient(105deg,#56337c,#482b77,#2e5d83)!important;border-color:#b674dc}
html[data-theme=dark] .side-icon{box-shadow:0 0 0 1px #ffffff2e}
html[data-theme=dark] .category-tile:nth-child(4n+1){background:linear-gradient(135deg,#233c3d,#272342)!important}
html[data-theme=dark] .category-tile:nth-child(4n+2){background:linear-gradient(135deg,#403127,#33233e)!important}
html[data-theme=dark] .category-tile:nth-child(4n+3){background:linear-gradient(135deg,#36294c,#262747)!important}
html[data-theme=dark] .category-tile:nth-child(4n+4){background:linear-gradient(135deg,#243a50,#292943)!important}
html[data-theme=dark] .category-tile>span{background:linear-gradient(135deg,#5942a1,#803c94)!important;color:#fff!important}
html[data-theme=dark] .card-image{background:#29223b;color:#fff}
html[data-theme=dark] .card-bottom>a{background:linear-gradient(120deg,#6148cd,#b64ba8);color:#fff}
html[data-theme=dark] .btn.outline,html[data-theme=dark] .load-more{background:linear-gradient(110deg,#3a2d68,#62316a,#24566b);border-color:#8059a5;color:#fff}
html[data-theme=dark] .btn.white{background:linear-gradient(110deg,#6553ec,#b64ddd 60%,#ef6395);color:#fff;border-color:transparent}
html[data-theme=dark] .login-pill{background:linear-gradient(120deg,#3c2a67,#773578);color:#fff;border-color:#715392}
html[data-theme=dark] .header-actions .icon-btn:nth-child(1){background:linear-gradient(135deg,#653079,#ad478c);color:#fff}
html[data-theme=dark] .header-actions .icon-btn:nth-child(2){background:linear-gradient(135deg,#3f3590,#6c41a0);color:#fff}
html[data-theme=dark] .slide-buttons button{background:linear-gradient(135deg,#6244bd,#ae49aa);color:#fff;border:0}
html[data-theme=dark] .pagination a{background:linear-gradient(135deg,#302640,#42304a);color:#fff;border-color:#59426a}
html[data-theme=dark] .pagination a.active{background:linear-gradient(110deg,#664de1,#c64da6);border-color:transparent}
html[data-theme=dark] .widget-slider-controls>button{background:linear-gradient(130deg,#4c3c93,#a848a8);color:#fff}
html[data-theme=dark] .widget-dots button.active{background:#eacfff}
html[data-theme=dark] .widget-search_box .widget-search-form{background:#29233a;border-color:#634b7d}
html[data-theme=dark] .widget-search_box .widget-search-form input{background:#29233a;color:#fff}
html[data-theme=dark] .widget-search_box .widget-search-form input::placeholder{color:#ded1ea;opacity:1}
html[data-theme=dark] .hero .search-field{background:#221b39;border-color:#b16ed9;color:#fff}
html[data-theme=dark] .hero .search-field input{background:transparent!important;color:#fff!important}
html[data-theme=dark] .hero .search-field input::placeholder{color:#ded1f4!important;opacity:1}
html[data-theme=dark] .hero .search-field>span{color:#e8b6ff}
html[data-theme=dark] :is(.widget-manager-toolbar,.widget-manager-card,.widget-modal,.widget-item-row){background:#1d1b26;border-color:#50415f;color:#fff}
html[data-theme=dark] .widget-type-tip{background:linear-gradient(120deg,#332449,#442747);color:#fff}
html[data-theme=dark] .wm-body h3{color:#fff}
/* Secondary actions and sharing controls also receive gradients, not white fills. */
.share-row a,.share-row button,.tags-row a{background:linear-gradient(115deg,#eee4ff,#ffe3f1 57%,#e4f6ff);color:#693ab7;border:1px solid #e4c9f3;box-shadow:0 3px 9px #7936b91c}
.share-row a:hover,.share-row button:hover,.tags-row a:hover{transform:translateY(-2px);box-shadow:0 7px 15px #7936b930}
html[data-theme=dark] .share-row a,html[data-theme=dark] .share-row button,html[data-theme=dark] .tags-row a{background:linear-gradient(112deg,#403278,#662e71,#265b79);border-color:#7555a5;color:#fff}
html[data-theme=dark] .login-pill svg{color:#fff}
html[data-theme=dark] .side-note p{color:#e0d8f1}
html[data-theme=dark] .newsletter input::placeholder,html[data-theme=dark] .search-field input::placeholder{color:#d6c9e8;opacity:1}
html[data-theme=dark] .auth-page{background-color:#111;background-image:linear-gradient(#8567bd18 1px,transparent 1px),linear-gradient(90deg,#8567bd18 1px,transparent 1px);background-size:45px 45px;color:#fff}
html[data-theme=dark] .auth-card{background:#1b1b1b;border-color:#4e3b67;color:#fff}
html[data-theme=dark] .auth-card h1,html[data-theme=dark] .auth-card .brand strong,html[data-theme=dark] .auth-card label{color:#fff}
html[data-theme=dark] .auth-card>p{color:#d5c9e9}
html[data-theme=dark] .auth-card input,html[data-theme=dark] .auth-card select{background:#282135;color:#fff;border-color:#654e83}
html[data-theme=dark] .auth-card input::placeholder{color:#d3c5e5}
/* Readable desktop-layout typography on phone-size screens */
body:not(.admin-body):not(.auth-page){font-size:16px;font-weight:500}
.top-strip{font-size:13px;font-weight:650}
.brand strong{font-size:25px;font-weight:800}.brand small{font-size:11px;font-weight:700}
.main-nav{gap:20px}.main-nav a{font-size:14px;font-weight:800}
.login-pill{font-size:13px;font-weight:800}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em}
.hero-label{font-size:11px;font-weight:900}.hero p{font-size:17px;font-weight:600;line-height:1.65}.hero-foot{font-size:13px;font-weight:800}
.search-field input{font-size:14px;font-weight:650}.search-field button{font-size:13px;font-weight:850}
.btn{font-size:14px;font-weight:850}.hero-badge b{font-size:13px}.hero-badge span{font-size:11px}
.intro-stat>span{font-size:11px}.intro-stat>div{font-size:18px}.intro-stat p{font-size:12px;font-weight:650}
.sidebar-heading{font-size:15px;font-weight:900}.side-card h3{font-size:13px;font-weight:900}
.side-link{font-size:13px;font-weight:800;line-height:1.38;padding-block:9px}.side-icon{width:34px;height:34px}.side-icon svg{width:17px;height:17px}
.side-note b{font-size:14px}.side-note p{font-size:12px;font-weight:600}
.section-head h2{font-size:30px}.section-head p{font-size:13px;font-weight:600}.text-link{font-size:13px;font-weight:900}
.category-tile{min-height:145px}.category-tile b{font-size:14px;font-weight:850}.category-tile small{font-size:11px;font-weight:750}
.card-kicker{font-size:11px;font-weight:900}.card-type{font-size:11px;font-weight:850}
.card-body h3{font-size:18px;line-height:1.27;font-weight:800}.card-body p{font-size:13px;font-weight:550;line-height:1.58}.card-bottom{font-size:12px;font-weight:850}
.news-item b{font-size:13px;font-weight:800}.news-item>span:nth-child(2) small{font-size:10px}.news-item em{font-size:12px;font-weight:550}.news-date{font-size:18px}
.newsletter h2{font-size:27px}.newsletter p{font-size:13px;font-weight:600}.newsletter input{font-size:13px}
.footer-top h4{font-size:15px}.footer-top p{font-size:13px;font-weight:550}.footer-top a:not(.brand){font-size:13px;font-weight:650}.footer-bottom{font-size:12px}
.breadcrumbs{font-size:12px;font-weight:700}.article-header h1{font-size:41px}.article-lead{font-size:17px;font-weight:550}.article-meta{font-size:12px;font-weight:750}
.article-body{font-size:16px;font-weight:500;line-height:1.8}.article-body h2{font-size:27px}.article-body h3{font-size:21px}
.comment b{font-size:13px}.comment small{font-size:11px}.comment p{font-size:14px}.comments-section h3{font-size:19px}
.tags-row a,.share-row{font-size:12px;font-weight:750}.share-row a,.share-row button{font-size:12px;font-weight:800}
.listing-hero h1{font-size:42px}.listing-hero p{font-size:15px;font-weight:600}.list-toolbar span{font-size:13px}.pagination a{font-size:13px;font-weight:800}
.widget h3,.widget-intro h3{font-size:16px;font-weight:850}.widget h2{font-size:26px;font-weight:800}.widget-kicker{font-size:11px;font-weight:900}
.widget-heading h2{font-size:26px}.widget-heading p{font-size:13px;font-weight:600}
.widget-intro p{font-size:12px;font-weight:600}.widget-items>a{font-size:13px;font-weight:800;min-height:38px}
.widget-cat-grid>a span{font-size:12px;font-weight:800}.widget-picture-copy h2{font-size:21px}.widget-picture-copy p{font-size:13px;font-weight:600}
.widget-custom_html .widget-html{font-size:14px;font-weight:600}.widget-search-form input{font-size:12px;font-weight:650}
.widget-slide-copy>span{font-size:11px}.widget-slide-copy h2{font-size:30px}.widget-slide-copy p{font-size:13px;font-weight:600}
.widget-callout h2{font-size:33px}.widget-callout p{font-size:14px;font-weight:600}
/* Mobile studio: reveal every permitted link in a focused off-canvas navigation */
.admin-drawer-close,.admin-menu-toggle,.admin-drawer-scrim{display:none}
@media(max-width:760px){
 .admin-side{display:flex;position:fixed;z-index:80;top:0;left:0;bottom:0;height:100dvh;width:min(302px,calc(100vw - 40px));transform:translateX(-105%);transition:transform .23s ease,box-shadow .23s ease;box-shadow:none;overscroll-behavior:contain;background:var(--surface);visibility:hidden}
 .admin-side.is-open{transform:translateX(0);visibility:visible;box-shadow:12px 0 45px rgba(22,13,53,.3)}
 .admin-side .brand{margin:1px 7px 20px}.admin-side nav a{font-size:14px;font-weight:800;min-height:43px}.admin-side nav a svg{font-size:17px}.admin-side-label{font-size:11px}
 .admin-drawer-close{display:grid;margin:0 0 4px auto;background:linear-gradient(125deg,#eee5ff,#ffe4f0);color:#653bb7}
 .admin-mobile-brand{display:flex;align-items:center;gap:8px}
 .admin-menu-toggle{display:grid;width:39px;height:39px;border:0;background:linear-gradient(125deg,#7553e7,#db55b4);color:#fff;box-shadow:0 5px 13px #7546c85e}
 .admin-drawer-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:70;border:0;padding:0;background:rgba(15,12,31,.65);backdrop-filter:blur(3px);cursor:pointer}
 .admin-drawer-open{overflow:hidden}
 .admin-top{z-index:10}
 html[data-mobile=1] .hero p{font-size:16px}html[data-mobile=1] .card-body h3{font-size:15px}
 html[data-theme=dark] .admin-drawer-close{background:linear-gradient(120deg,#52389b,#9c438d);color:#fff}
}
/* Creator studio design tokens: every dashboard surface, field and native option follows theme. */
:root{
 --studio-bg:#fbf8ff;--studio-card:#fff;--studio-field:#fff;
 --studio-chip:#f2ebff;--studio-selected:#e6d9ff;--studio-border:#e7dcf2;
 --studio-text:#2b2044;--studio-muted:#695c7d;--studio-accent:#7047c6;
 --studio-hero:linear-gradient(110deg,#efe4ff,#ffe6f2 55%,#dcf7ff);
 --studio-icon-bg:linear-gradient(135deg,#ede4ff,#ffdeeb);
}
html[data-theme=dark]{
 --studio-bg:#111;--studio-card:#1c1b25;--studio-field:#292538;
 --studio-chip:#30273e;--studio-selected:#514173;--studio-border:#574968;
 --studio-text:#fff;--studio-muted:#ddd3ec;--studio-accent:#ceafff;
 --studio-hero:linear-gradient(112deg,#292044,#3c244c 56%,#184253);
 --studio-icon-bg:linear-gradient(135deg,#554092,#70396d);
}
.admin-body{background:var(--studio-bg);color:var(--studio-text)}
.admin-body :is(.admin-side,.admin-top,.panel,.stat-box,.modal,.widget-manager-card,.widget-manager-toolbar){background:var(--studio-card);color:var(--studio-text);border-color:var(--studio-border)}
.admin-body .admin-hero{background:var(--studio-hero);color:var(--studio-text);border-color:var(--studio-border)}
.admin-body .admin-hero h1,.admin-body .page-title h1,.admin-body .panel h2,.admin-body .panel h3,.admin-body .stat-box strong,.admin-body .recent-row b,.admin-body .table-scroll td b,.admin-body .widget-manager-card h3{color:var(--studio-text)}
.admin-body .admin-hero p,.admin-body .page-title p,.admin-body :is(.muted,.hint),.admin-body .stat-box small,.admin-body .recent-row small,.admin-body .crumb,.admin-body .wm-body>small{color:var(--studio-muted)}
.admin-body .stat-box>span,.admin-body .recent-icon,.admin-body .news-icon{background:var(--studio-icon-bg);color:var(--studio-accent)}
.admin-body .stat-box:nth-child(n)>span{background:var(--studio-icon-bg);color:var(--studio-accent)}
.admin-body :is(label,.admin-side-label){color:var(--studio-text)}
.admin-body .admin-side :is(nav a,.admin-side-bottom a){color:var(--studio-muted)}
.admin-body .admin-side nav a.selected{background:var(--studio-chip);color:var(--studio-accent)}
.admin-body .admin-side nav a:hover{background:var(--studio-chip);color:var(--studio-accent)}
.admin-body .admin-top-actions>a,.admin-body :is(.recent-row>a,.panel-title>a,.table-action,.quick-row>span,.settings-panel>a){color:var(--studio-accent)}
.admin-body :is(.user-chip,.filter-pills a,.settings-tabs button,.rte-toolbar,.table-scroll th){background:var(--studio-chip);color:var(--studio-text);border-color:var(--studio-border)}
.admin-body :is(.filter-pills a.active,.settings-tabs button.active){background:linear-gradient(110deg,#6450e4,#ad49cf,#e75d95);color:#fff;border-color:transparent}
.admin-body .table-scroll th{color:var(--studio-muted)}
.admin-body .table-scroll tr:hover td{background:var(--studio-chip)}
.admin-body .image-preview{background:var(--studio-field);color:var(--studio-muted);border-color:var(--studio-border)}
.admin-body .widget-item-row,.admin-body .widget-type-tip{background:var(--studio-chip);color:var(--studio-text);border-color:var(--studio-border)}
.admin-body :is(.rte-visual,.rte-code){background:var(--studio-field);color:var(--studio-text)}
.admin-body :is(.rte,.term-checks){border-color:var(--studio-border)}
.admin-body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),
.admin-body textarea,.admin-body select,.admin-body option,.admin-body optgroup{background-color:var(--studio-field);color:var(--studio-text);border-color:var(--studio-border);color-scheme:light}
html[data-theme=dark] .admin-body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),
html[data-theme=dark] .admin-body textarea,html[data-theme=dark] .admin-body select,html[data-theme=dark] .admin-body option,html[data-theme=dark] .admin-body optgroup{color-scheme:dark}
.admin-body option:checked,.admin-body option:hover{background-color:var(--studio-selected);color:var(--studio-text)}
.admin-body input::placeholder,.admin-body textarea::placeholder{color:var(--studio-muted);opacity:1}
.admin-body input[type=checkbox],.admin-body input[type=radio]{accent-color:#9c65ea}
.admin-body .badge.published,.admin-body .badge.approved{background:var(--studio-chip);color:var(--studio-accent)}
.admin-body .badge.pending,.admin-body .badge.draft{background:var(--studio-chip);color:var(--studio-muted)}
.admin-body .panel h2{font-size:19px}.admin-body .stat-box small{font-size:12px;font-weight:750}.admin-body .recent-row b{font-size:12px}
.admin-body .table-scroll td{font-size:12px}.admin-body .table-scroll th{font-size:11px}.admin-body .admin-side nav a{font-size:12.5px}
html[data-theme=dark] label{color:#fff}
html[data-theme=dark] select,html[data-theme=dark] option,html[data-theme=dark] optgroup{background-color:var(--surface);color:#fff;color-scheme:dark}
html[data-theme=dark] .admin-body select,html[data-theme=dark] .admin-body option,html[data-theme=dark] .admin-body optgroup{background-color:var(--studio-field);color:var(--studio-text)}
@media(max-width:760px){.admin-body .admin-side nav a{font-size:14px}}
/* Explicit dark overrides for legacy panel rules and browser-native controls. */
html[data-theme=dark] .admin-body :is(.panel,.admin-side,.admin-top,.modal,.widget-manager-card,.widget-manager-toolbar,.widget-modal){background:var(--studio-card);color:var(--studio-text);border-color:var(--studio-border)}
html[data-theme=dark] .admin-body input[type=color]{background:var(--studio-field);border:1px solid var(--studio-border);border-radius:8px;color-scheme:dark;padding:4px}
html[data-theme=dark] .admin-body :is(.table-scroll th,.rte-toolbar,.image-preview){background:var(--studio-chip);color:var(--studio-muted);border-color:var(--studio-border)}
/* Extra visibility for the intentionally 1100px desktop-like mobile canvas. */
body:not(.admin-body):not(.auth-page){font-size:17px}
.main-nav a{font-size:15px}
.side-link{font-size:14px;font-weight:850}.side-card h3{font-size:14px}
.category-tile b{font-size:15px}.card-body h3{font-size:19px}.card-body p{font-size:14px}
.widget-items>a{font-size:14px}.widget-intro h3{font-size:18px}.widget-intro p{font-size:13px}
.article-body{font-size:17px}.footer-top a:not(.brand){font-size:14px}
/* Studio 2.0: vivid, high-contrast work surfaces rather than generic grey cards. */
.admin-body{background:var(--studio-bg);background-image:radial-gradient(circle at 89% 0%,rgba(191,119,243,.1),transparent 27%),radial-gradient(circle at 21% 36%,rgba(56,199,237,.055),transparent 31%)}
.admin-body .admin-side{border-right:1px solid var(--studio-border);box-shadow:7px 0 34px rgba(69,32,112,.055)}
.admin-body .admin-side .brand{margin-bottom:34px}.admin-body .admin-side .brand strong{font-size:18px;letter-spacing:-.6px}
.admin-body .admin-side-label{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--studio-muted)}
.admin-body .admin-side nav a{border-radius:12px;transition:transform .17s,background .17s;margin:3px 0;padding:11px 12px}
.admin-body .admin-side nav a:hover{transform:translateX(3px)}
.admin-body .admin-side nav a.selected{background:linear-gradient(112deg,#664ade,#a848ce 60%,#dd5a9c);color:#fff;box-shadow:0 7px 20px rgba(119,76,195,.27)}
.admin-body .admin-side nav a.selected svg{color:#fff}.admin-body .admin-top{border-bottom:1px solid var(--studio-border);backdrop-filter:blur(12px)}
.admin-body .admin-content{max-width:1440px}.admin-body .admin-hero{border:1px solid var(--studio-border);border-radius:23px;padding:37px 42px;position:relative;isolation:isolate;box-shadow:0 20px 48px rgba(103,64,168,.1);background:var(--studio-hero)}
.admin-body .admin-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 79% 35%,rgba(255,255,255,.31),transparent 29%),repeating-linear-gradient(90deg,transparent 0 36px,rgba(255,255,255,.04) 37px 38px)}
.admin-body .admin-hero h1{font-size:clamp(30px,3vw,43px);letter-spacing:-1.8px;line-height:1.14;max-width:660px}.admin-body .admin-hero p{font-size:14px;line-height:1.7}
.admin-body .admin-hero-art{width:185px;height:185px;display:grid;place-items:center;color:#8354d0;background:radial-gradient(circle,#fff9,transparent 68%);border:1px solid #fff6;border-radius:50%;transform:rotate(-11deg);margin-right:25px}
.admin-body .admin-hero-art svg{width:100px;height:100px;filter:drop-shadow(0 8px 16px #803ac54d)}
.admin-body .stat-box{border-radius:18px;padding:21px;min-height:148px;border:1px solid var(--studio-border);box-shadow:0 8px 22px rgba(72,44,131,.05);position:relative;overflow:hidden}
.admin-body .stat-box::after{content:"";position:absolute;right:-12px;top:-30px;width:104px;height:104px;border-radius:50%;background:var(--studio-icon-bg);opacity:.37}
.admin-body .stat-box>span{width:40px;height:40px;border-radius:12px;margin-bottom:16px;position:relative;z-index:1}
.admin-body .stat-box strong{font-size:29px;line-height:1.1;letter-spacing:-.8px}.admin-body .stat-box small{font-size:12px;letter-spacing:.1px;margin-top:7px;display:block}
.admin-body .panel{border-radius:17px;box-shadow:0 6px 22px rgba(76,45,111,.045)}.admin-body .page-title h1{letter-spacing:-1px}
.admin-body .table-scroll td{vertical-align:middle}.admin-body .table-title-cell{display:flex;gap:12px;align-items:center;min-width:220px;max-width:390px}
.admin-body .table-title-cell b{font-size:12px;line-height:1.35;display:block;white-space:normal}.admin-body .table-title-cell small{font-size:10px;font-weight:600;color:var(--studio-muted);margin-top:4px;display:block;max-width:295px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-body .table-feature-thumb{flex:0 0 52px;width:52px;height:52px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:var(--studio-chip);color:var(--studio-accent);border:1px solid var(--studio-border)}
.admin-body .table-feature-thumb img{width:100%;height:100%;object-fit:cover}.admin-body .table-feature-thumb svg{width:22px;height:22px}
/* Guided sidebar builder: add, arrange, preview. */
.sidebar-studio-page{--studio-link:var(--studio-accent)}
.sidebar-studio-page .studio-page-title{align-items:center;margin:3px 0 21px}.sidebar-studio-page .studio-page-title h1{font-size:35px}.sidebar-studio-page .studio-page-title p{font-size:13px;max-width:690px}
.studio-side-tabs{display:flex;gap:10px;margin-bottom:18px;padding:6px;background:var(--studio-chip);border:1px solid var(--studio-border);border-radius:16px;width:max-content;max-width:100%}
.studio-side-tabs button{display:flex;align-items:center;gap:10px;background:transparent;color:var(--studio-muted);border:0;border-radius:11px;padding:11px 17px;font:800 13px 'DM Sans',sans-serif;cursor:pointer}
.studio-side-tabs button svg{width:15px;height:15px}.studio-side-tabs button span{opacity:.8;font-size:10px}.studio-side-tabs button.active{color:#fff;background:linear-gradient(110deg,#694de6,#a348cf,#e86896);box-shadow:0 7px 20px #7050bd44}
.sidebar-studio-panel[hidden]{display:none!important}.studio-building{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,310px);gap:19px;align-items:start}
.studio-builder-column{min-width:0}.studio-add-panel,.studio-list-panel{padding:24px!important}.studio-panel-title{display:flex;align-items:flex-start;gap:15px;margin-bottom:19px}
.studio-step{flex:none;display:grid;place-items:center;background:linear-gradient(130deg,#6957e5,#db6da8);color:#fff;width:38px;height:38px;border-radius:11px;font:800 12px Outfit,sans-serif;box-shadow:0 6px 13px #9261c94a}
.studio-panel-title .eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:900}.studio-panel-title h2{margin:3px 0 4px!important;font-size:19px!important;letter-spacing:-.4px}.studio-panel-title h2 small{font-size:13px;color:var(--studio-muted)}
.studio-panel-title p{font-size:11px;line-height:1.5;margin:0;color:var(--studio-muted)}
.studio-add-link{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:16px 18px;color:var(--studio-text);border:1px dashed #ab86ea;border-radius:15px;cursor:pointer;background:var(--studio-chip);font:inherit;transition:transform .18s,box-shadow .18s}
.studio-add-link:hover,.studio-block-palette button:hover{transform:translateY(-2px);box-shadow:0 11px 20px #8158cf2b}
.studio-add-link>span:first-child{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#8065f2,#e868b2);color:#fff}.studio-add-link>span:first-child svg{width:19px;height:19px}
.studio-add-link>span:nth-child(2){flex:1}.studio-add-link strong,.studio-add-link small{display:block}.studio-add-link strong{font-size:14px}.studio-add-link small{font-size:11px;color:var(--studio-muted);margin-top:3px}.studio-add-link>svg{width:17px;height:17px;color:var(--studio-accent)}
.studio-palette-title{font-size:10px;font-weight:900;letter-spacing:1.4px;color:var(--studio-muted);margin:20px 0 11px}.studio-block-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.studio-block-palette button{background:var(--studio-field);border:1px solid var(--studio-border);color:var(--studio-text);border-radius:13px;min-height:80px;display:flex;align-items:center;gap:9px;padding:10px;font:800 11px 'DM Sans',sans-serif;text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s}
.studio-block-palette button>span{flex:none;width:33px;height:33px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(130deg,#765ce9,#cb67bc)}.studio-block-palette button:nth-child(4n+2)>span{background:linear-gradient(130deg,#fc7958,#f2b044)}.studio-block-palette button:nth-child(4n+3)>span{background:linear-gradient(130deg,#24b8b2,#54b6ed)}.studio-block-palette button:nth-child(4n)>span{background:linear-gradient(130deg,#db5fa2,#ff938b)}.studio-block-palette svg{width:16px;height:16px}
.studio-sort-list,.studio-widget-list{display:grid;gap:8px}.studio-link-row,.studio-widget-row{display:flex;align-items:center;gap:10px;background:var(--studio-field);border:1px solid var(--studio-border);border-radius:12px;padding:8px 10px;min-width:0}.studio-link-row.dragging{opacity:.55;border:2px dashed var(--studio-accent)}
.studio-drag-handle{cursor:grab;color:var(--studio-muted);padding:6px}.studio-drag-handle svg{width:13px;height:18px}.studio-row-icon,.studio-widget-icon{flex:none;display:grid;place-items:center;width:39px;height:39px;border-radius:10px;overflow:hidden}.studio-row-icon svg,.studio-widget-icon svg{width:18px;height:18px}.studio-widget-icon img{height:100%;width:100%;object-fit:cover}
.studio-row-text{flex:1;min-width:0}.studio-row-text strong{display:block;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio-row-text small{display:block;font-size:10px;color:var(--studio-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.studio-row-colors{display:flex;gap:3px}.studio-row-colors i{width:12px;height:12px;border-radius:100%;border:1px solid var(--studio-border)}
.studio-row-edit{border:1px solid var(--studio-border);background:var(--studio-card);color:var(--studio-accent);border-radius:8px;padding:7px 11px;font-size:10px;font-weight:800;cursor:pointer}.studio-row-edit:hover{background:var(--studio-chip)}.studio-empty{border:1px dashed var(--studio-border);border-radius:12px;padding:18px;color:var(--studio-muted);font-size:11px}.studio-sort-status{font-size:11px;color:var(--studio-accent);margin:7px 0}
.studio-preview-column{position:sticky;top:86px}.studio-preview-card{border-radius:21px;background:var(--studio-card);border:1px solid var(--studio-border);box-shadow:0 16px 35px #6042a015;overflow:hidden}.studio-preview-top{padding:21px 22px;color:#fff;background:linear-gradient(135deg,#6046b8,#a64ac1 55%,#e677a6)}.studio-preview-top strong,.studio-preview-top small{display:block}.studio-preview-top strong{font:800 22px Outfit,sans-serif;margin:9px 0 2px}.studio-preview-top small{font-size:10px;line-height:1.5;color:#fffc}.studio-preview-live{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#fff}.studio-preview-body{padding:19px;max-height:630px;overflow:auto}.studio-preview-body h4{font-size:12px;color:var(--studio-text);padding:0 3px;margin:14px 0 9px}.studio-preview-body h4:first-child{margin-top:0}
.studio-preview-link{display:flex;align-items:center;gap:8px;border-radius:10px;padding:7px;margin-bottom:7px;min-height:46px}.studio-preview-link>span:first-child{flex:none;width:31px;height:31px;border-radius:7px;display:grid;place-items:center}.studio-preview-link svg{width:15px;height:15px}.studio-preview-link b{font-size:10px;line-height:1.3}.studio-preview-widget{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:11px;border-radius:10px;background:var(--sw-bg);color:var(--sw-color);margin-top:8px;font-size:11px}.studio-preview-widget svg{width:17px;height:17px}.studio-preview-widget small{width:100%;opacity:.85;padding-left:26px}.studio-preview-open{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--studio-accent);padding:15px 5px}.studio-preview-open svg{width:12px;height:12px}
.sidebar-link-modal{max-width:670px!important;max-height:min(92vh,850px);overflow:auto}.sidebar-link-modal .modal-head{align-items:start}.sidebar-link-modal .modal-head h2{font-size:24px;margin:3px 0}.sidebar-link-modal .modal-head p{font-size:11px;margin:0}.sl-edit-preview{background:var(--studio-chip);border-radius:14px;padding:14px}.sl-preview-label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:900;color:var(--studio-muted);margin-bottom:9px}.sl-preview-link{border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:10px}.sl-preview-link strong{flex:1;font-size:12px}.sl-preview-icon{position:relative;display:block;width:34px;height:34px;border-radius:8px;background:var(--icon-back)!important;flex:none}.sl-preview-icon::after{content:"";position:absolute;inset:9px;background:inherit;background-color:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.sl-editor-split{display:grid;grid-template-columns:2fr 1fr;gap:16px}.sl-icon-choices{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:9px}.sl-icon-choices>span{font-size:10px;color:var(--studio-muted)}.sl-icon-choices button{border:1px solid var(--studio-border);background:var(--studio-chip);color:var(--studio-accent);border-radius:7px;padding:4px 6px;display:flex;align-items:center;gap:4px;cursor:pointer}.sl-icon-choices svg{height:12px;width:12px}.sl-icon-choices small{font-size:9px}.sl-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sl-color-grid label{font-size:10px}.sl-color-grid input{display:block;width:100%;height:36px;margin-top:5px;cursor:pointer;background:var(--studio-field);border:1px solid var(--studio-border);border-radius:7px}
@media(max-width:1120px){.studio-building{grid-template-columns:minmax(0,1fr) 255px}.studio-block-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.studio-building{grid-template-columns:1fr}.studio-preview-column{position:static}.studio-preview-body{max-height:290px}.studio-block-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.studio-side-tabs{width:100%}.studio-side-tabs button{flex:1;justify-content:center;font-size:11px;padding:10px 6px}.studio-block-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-add-panel,.studio-list-panel{padding:16px!important}.studio-row-colors{display:none}.sl-editor-split{grid-template-columns:1fr}.sl-color-grid{grid-template-columns:repeat(2,1fr)}.admin-body .admin-hero-art{display:none}}
html[data-theme=dark] .admin-body .admin-hero-art{color:#e5c9ff;background:radial-gradient(circle,#bda7ff38,transparent 68%)}
.admin-body .studio-row-remove{border:1px solid var(--studio-border);background:var(--studio-card);color:var(--studio-muted);border-radius:8px;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;flex:none}
.admin-body .studio-row-remove:hover{color:#e75876;background:var(--studio-chip)}.admin-body .studio-row-remove svg{width:12px;height:12px}
.studio-mobile-order{display:none;gap:3px}.studio-mobile-order button{border:1px solid var(--studio-border);border-radius:7px;background:var(--studio-card);color:var(--studio-accent);width:27px;height:27px;display:grid;place-items:center;cursor:pointer}.studio-mobile-order button svg{width:11px;height:11px}
@media(max-width:760px){.studio-mobile-order{display:flex}.studio-drag-handle{display:none}.studio-row-text small{max-width:150px}}
@media(max-width:420px){.studio-mobile-order button{width:23px;height:26px}.studio-row-icon{width:30px;height:30px}.studio-row-edit{padding:6px}}
/* The home page gains discovery links but loads no quiz/tool/game JavaScript. */
.studio-home-discovery{margin:44px 0 25px}.studio-home-discovery .section-head{margin-bottom:16px}.studio-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.studio-home-tile{display:flex;align-items:center;gap:12px;background:linear-gradient(125deg,#f0ebff,#ffe9f3);color:#48337c;padding:21px;border:1px solid #e6d3ff;border-radius:19px;box-shadow:0 12px 25px #8346b21a}.studio-home-tile:nth-child(2){background:linear-gradient(125deg,#fff1e5,#fff1ca);border-color:#f2d9af;color:#795017}.studio-home-tile:nth-child(3){background:linear-gradient(125deg,#dcfaf4,#def1ff);border-color:#b8e7e9;color:#0f6373}.studio-home-tile>span{font-size:30px}.studio-home-tile strong{font-size:17px}.studio-home-tile small{font-weight:800;white-space:nowrap;margin-left:auto;font-size:12px}.studio-home-tile:hover{transform:translateY(-3px);box-shadow:0 17px 33px #8346b22b}
html[data-theme=dark] .studio-home-tile{background:linear-gradient(120deg,#302443,#462742);border-color:#61427a;color:#fff}html[data-theme=dark] .studio-home-tile:nth-child(2){background:linear-gradient(120deg,#422a26,#503725);border-color:#78472c}html[data-theme=dark] .studio-home-tile:nth-child(3){background:linear-gradient(120deg,#183a39,#2b3450);border-color:#356f7b}
@media(max-width:850px){.studio-home-grid{grid-template-columns:1fr}.studio-home-tile{min-height:80px}.studio-home-tile strong{font-size:16px}}
.quiz-edit-item{border:1px solid var(--studio-border);border-radius:15px;padding:20px;position:relative;margin:15px 0;background:var(--studio-field)}.quiz-edit-item legend{font-weight:900;color:var(--studio-accent);padding:0 8px}.quiz-edit-item .quiz-remove{position:absolute;top:9px;right:9px;border:0;background:var(--studio-chip);color:var(--studio-accent);border-radius:8px;cursor:pointer;padding:6px 9px}.quiz-edit-item label{display:block;margin:8px 0;font-size:12px}.quiz-edit-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quiz-correct-choice{display:flex!important;align-items:center;gap:7px;font-weight:700;color:var(--studio-muted)}.quiz-correct-choice input{width:auto!important}.admin-body .studio-check{display:flex;gap:12px;align-items:start;border:1px solid var(--studio-border);background:var(--studio-chip);border-radius:12px;padding:14px}.studio-check input{flex:none;margin-top:4px}.studio-check b,.studio-check small{display:block}.studio-check small{margin-top:4px;font-size:11px;line-height:1.5;color:var(--studio-muted)}
@media(max-width:640px){.quiz-edit-options{grid-template-columns:1fr}}
/* Transparent SVG skeleton: reserve space first, fetch data-src only near viewport. */
img.lazy-media{background:linear-gradient(105deg,#ede7f4 10%,#fdfaff 30%,#eae4f2 52%);background-size:250% 100%;animation:image-shimmer 1.5s ease-in-out infinite;color:var(--muted);object-fit:cover}
img.lazy-media.is-loaded{background:transparent;animation:none}img.lazy-media.is-error{animation:none;background:#eee8f1}
@keyframes image-shimmer{from{background-position:130% 0}to{background-position:-130% 0}}
html[data-theme=dark] img.lazy-media:not(.is-loaded){background-image:linear-gradient(105deg,#2e2736 10%,#433554 30%,#2a2632 52%)}
@media(prefers-reduced-motion:reduce){img.lazy-media{animation:none}}
.article-interactive .article-hero{height:145px;max-height:145px;object-fit:cover;object-position:center 44%}.article-interactive .article-header{padding-bottom:12px}.article-interactive .article-header h1{font-size:clamp(28px,2.4vw,38px)}.article-interactive .article-body{padding:15px 30px;font-size:13px}.article-interactive .article-body p{margin:0}
.studio-create-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.studio-create-grid a{display:inline-flex;align-items:center;margin:0}
/* Adaptive view is opt-in. Without data-mobile=1, the requested desktop two-sidebar layout remains. */
@media screen and (max-width: 760px) {
 html[data-mobile="1"] body { min-width: 0!important; overflow-x: clip; }
 html[data-mobile="1"] .wrap { width: calc(100% - 28px); max-width: none; }
 html[data-mobile="1"] :is(.top-strip,.main-nav,.sidebar,.intro-stat) { display: none!important; }
 html[data-mobile="1"] .menu-toggle { display: grid; }
 html[data-mobile="1"] .three-col,html[data-mobile="1"] .hero-inner { display: block; }
 html[data-mobile="1"] .header-inner { height: 64px; }
 html[data-mobile="1"] .header-actions .login-pill { display: none; }
 html[data-mobile="1"] .hero-copy { padding: 35px 0 22px; }
 html[data-mobile="1"] .hero-visual { height: 210px; }
 html[data-mobile="1"] .article-header { padding: 24px 18px 13px; }
 html[data-mobile="1"] .article-body { padding: 16px 18px; }
 html[data-mobile="1"] .article-pane h1 { font-size: 29px; }
 html[data-mobile="1"] .card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 html[data-mobile="1"] .newsletter-inner { flex-wrap: wrap; }
 html[data-mobile="1"] .footer-top { grid-template-columns: 1fr 1fr; }
 html[data-mobile="1"] .footer-top>div:first-child { grid-column: span 2; }
 html[data-mobile="1"] .drawer-scrim:not([hidden]) { display:block;position:fixed;inset:0;background:#0009;z-index:20; }
 html[data-mobile="1"] .drawer.open { display:flex;position:fixed;z-index:21;top:0;bottom:0;left:0;width:min(290px,90vw);background:var(--surface);padding:23px;flex-direction:column;gap:9px;box-shadow:var(--shadow); }
 html[data-mobile="1"] .drawer>a:not(.brand),html[data-mobile="1"] .drawer-link { padding:10px;display:flex;gap:8px;align-items:center; }
}
@media screen and (max-width:760px){html[data-mobile="1"] .header-inner{gap:6px}html[data-mobile="1"] .header-inner .brand{min-width:0;gap:6px}html[data-mobile="1"] .header-inner .brand strong{font-size:15px;white-space:nowrap}html[data-mobile="1"] .header-inner .brand small{display:none}html[data-mobile="1"] .header-inner .brand-mark{width:34px;height:34px;flex:none}html[data-mobile="1"] .header-actions{gap:5px;margin-left:auto}html[data-mobile="1"] .header-actions .icon-btn{width:32px;height:32px}}
.article-body img.lazy-media{max-width:100%;height:auto;display:block;margin:13px auto}

/* Contextual ad/CTA placements: bright in light and dark reading modes. */
.article-ad-block{background:linear-gradient(125deg,var(--ad-bg),transparent 150%),linear-gradient(35deg,#e6f9f6,#fce7f4);color:var(--ad-color);border:1px solid color-mix(in srgb,var(--ad-color),transparent 75%);border-radius:24px;padding:1.5rem;margin:1.65rem 0;display:grid;gap:.7rem;overflow:hidden;box-shadow:0 10px 25px rgba(39,21,79,.08)}
.article-ad-block small{letter-spacing:.16em;font-size:.69rem;font-weight:900;color:var(--ad-color)}.article-ad-block strong{font-size:1.35rem;color:var(--ad-color)}.article-ad-block>a:has(img){display:block}.article-ad-block img{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:15px}.article-ad-block .btn{width:max-content}.article-ad-block .ad-html{color:var(--ad-color)}
[data-theme=dark] .article-ad-block{background:linear-gradient(120deg,#30204c,#164249);color:#fff}[data-theme=dark] .article-ad-block small,[data-theme=dark] .article-ad-block strong,[data-theme=dark] .article-ad-block .ad-html{color:#fff}
/* Explicitly enforce the HTML hidden state over the studio's flex/grid panels. */
[hidden]{display:none!important}

/* Uploaded brand artwork replaces the text wordmark in the public header, drawer and footer. */
.brand-image-only{gap:0}.brand-mark.brand-mark-logo{width:auto;height:auto;min-width:0;padding:0;background:transparent!important;box-shadow:none!important;border-radius:0}.brand-mark.brand-mark-logo img{display:block;width:auto;height:auto;max-width:180px;max-height:48px;object-fit:contain;border-radius:0}.drawer .brand-mark.brand-mark-logo img{max-width:210px;max-height:52px}.footer-top .brand-mark.brand-mark-logo img{max-width:190px;max-height:52px}