.v8-pages{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:22px;border-top:1px solid #eee8dd;color:#657883;font-size:12px}
.v8-pages button{border:1px solid #d9d6ca;background:#fffefa;color:#1c4858;border-radius:9px;padding:8px 15px;min-height:38px;cursor:pointer}
.v8-pages button:disabled{opacity:.45;cursor:default}
.v8-full-text{font-family:var(--serif);font-size:20px;line-height:2.1;color:#263f49;overflow-wrap:anywhere;margin-top:20px}
.v8-full-text p,.v8-full-text div{margin:0 0 1.2em}
.v8-metrics{border-top:1px solid #e7dfd2;margin-top:22px;padding-top:18px;color:#526a76;font-size:12px}
.v8-metrics h3{font:400 24px/1.5 var(--serif);color:#1d4554;margin:0 0 10px}
.metric-grid{display:flex;gap:8px 20px;flex-wrap:wrap;margin-bottom:13px}
.v8-metrics button{padding:8px 15px;border:1px solid #d7c9aa;border-radius:9px;color:#284e5d;background:#faf7ee;cursor:pointer}
.v8-metrics button[aria-pressed=true]{background:#f3e6ca;color:#6b4b22}
.historical{color:#72838b;font-size:12px}
@media(max-width:600px){.v8-full-text{font-size:18px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Three curated V8 appearances: the Sheikh logo, night, and Prism. */
.theme-picker{position:relative;flex:0 0 auto}
.theme-toggle{font-size:25px;line-height:1}
.theme-glyph{display:block;transform:rotate(-35deg);font-family:Georgia,serif}
.theme-menu{position:absolute;top:calc(100% + 12px);left:0;width:235px;max-height:min(78vh,430px);overflow-y:auto;padding:11px;background:#fffefa;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-elevated);z-index:100;color:#193643;direction:rtl}
.theme-menu[hidden]{display:none!important}
.theme-menu:before{content:"";position:absolute;top:-7px;left:17px;width:12px;height:12px;transform:rotate(45deg);background:inherit;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.theme-menu strong{display:block;font-size:12px;color:#5b6770;padding:5px 9px 9px}
.theme-menu button{width:100%;display:flex;align-items:center;gap:11px;padding:9px;border-radius:11px;text-align:right;min-height:54px;border:1px solid transparent;color:#233b45}
.theme-menu button:hover,.theme-menu button[aria-pressed=true]{background:#f1f4f0;border-color:#d6dfd7}
.theme-menu button span{font-size:12px;font-weight:700;line-height:1.5}
.theme-menu button small{display:block;font-size:10px;color:#657783;font-weight:400}
.theme-swatch{height:29px;width:29px;flex:0 0 29px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd4d4,0 3px 8px #122a3922}
.emblem-swatch{background:conic-gradient(#8b7c1e 0 42%,#aaa9a6 42% 62%,#373a39 62%)}
.nocturne-swatch{background:linear-gradient(135deg,#282748 50%,#d7bcff 50%)}
@media(max-width:480px){.theme-menu{left:-49px}.header-tools{gap:5px}.theme-toggle{height:40px;width:40px}}

html[data-theme=nocturne]{--navy:#282748;--navy2:#1b1a36;--navy3:#63588c;--gold:#b697dd;--gold-soft:#e2caff;--sand:#171b30;--paper:#272b45;--cream:#332d4b;--white:#272b45;--ink:#f0edf8;--mute:#bdc0d4;--line:#424660;--pale:#2d3853;--shadow:0 18px 52px rgba(7,9,24,.25);--shadow-elevated:0 28px 65px rgba(7,9,24,.38)}
html[data-theme=nocturne] .announcement{background:linear-gradient(90deg,#262344,#816ab3,#e2bbd2,#282748)}
html[data-theme=nocturne] .header{background:rgba(244,241,250,.98);border-color:#d9d2e8}
html[data-theme=nocturne] .hero{background:radial-gradient(ellipse at 3% 20%,#8b78bd3c,transparent 48%),radial-gradient(ellipse at 85% 95%,#1a18368c,transparent 55%),linear-gradient(110deg,#3c355e,#292746 51%,#1a1d38)}
html[data-theme=nocturne] .inner-hero,html[data-theme=nocturne] .media-section{background:radial-gradient(circle at 0 20%,#8b76bd2a,transparent 43%),linear-gradient(125deg,#393052,#1c203e)}
html[data-theme=nocturne] .spotlight{background:radial-gradient(circle at 8% 85%,#b297d82d,transparent 50%),linear-gradient(145deg,#514570,#2a2d52)}
html[data-theme=nocturne] .listen-card,html[data-theme=nocturne] .resource-player,html[data-theme=nocturne] .inline-audio{background:linear-gradient(135deg,#4a426d,#292c50)}
html[data-theme=nocturne] .listen-card:nth-child(2){background:#403b62}
html[data-theme=nocturne] .video-panel{background:linear-gradient(145deg,#584676dc,#242848e8),repeating-linear-gradient(45deg,#675786 0 2px,transparent 2px 40px)}
html[data-theme=nocturne] .footer{background:#111528}
html[data-theme=nocturne] .books-section{background:radial-gradient(ellipse at 90% 0%,#82699b33,transparent 43%),linear-gradient(145deg,#22253d,#1b1f35)}
html[data-theme=nocturne] .contact-social{background:linear-gradient(145deg,#252941,#20243a);border-color:#3b405c}
html[data-theme=nocturne] .subtle-panel,html[data-theme=nocturne] .side-box,html[data-theme=nocturne] .side-tip,html[data-theme=nocturne] .detail-body,html[data-theme=nocturne] .catalog-list,html[data-theme=nocturne] .book-item,html[data-theme=nocturne] .explore-card,html[data-theme=nocturne] .search-overlay .modal,html[data-theme=nocturne] .tabs-shell{background:#272b45;border-color:#424660;color:#f0edf8}
html[data-theme=nocturne] .catalog-row,html[data-theme=nocturne] .listing-toolbar,html[data-theme=nocturne] .book-archive-grid{background:#272b45;border-color:#424660}
html[data-theme=nocturne] .catalog-row:hover,html[data-theme=nocturne] .explore-card:hover,html[data-theme=nocturne] .tab:hover,html[data-theme=nocturne] .subject-pills span{background:#353a59}
html[data-theme=nocturne] .book-cover-stage,html[data-theme=nocturne] .book-detail-showcase{background:linear-gradient(145deg,#353b58,#242940);border-color:#49506b}
html[data-theme=nocturne] .tabs-shell,html[data-theme=nocturne] .search-field,html[data-theme=nocturne] .search-hit{background:#30354f;border-color:#474d69;color:#f2effb}
html[data-theme=nocturne] .tab.active{background:#67578e;border-color:#8f77b0;color:#fff}
html[data-theme=nocturne] .primary-btn,html[data-theme=nocturne] .showcase-play,html[data-theme=nocturne] .spotlight-btn{background:linear-gradient(130deg,#ead9ff,#d8b9f4);border-color:#d8b9f4;color:#27223c}
html[data-theme=nocturne] .hero h1 span,html[data-theme=nocturne] .hero-tag,html[data-theme=nocturne] .showcase-kicker{color:#e8d5ff}
html[data-theme=nocturne] .sec-title,html[data-theme=nocturne] .contact-copy h2,html[data-theme=nocturne] .catalog-row strong,html[data-theme=nocturne] .book-meta strong,html[data-theme=nocturne] .explore-card strong,html[data-theme=nocturne] .article-row h3,html[data-theme=nocturne] .detail-body h1,html[data-theme=nocturne] .detail-body h2,html[data-theme=nocturne] .detail-information h3,html[data-theme=nocturne] .side-box h3,html[data-theme=nocturne] .v8-metrics h3{color:#f3efff}
html[data-theme=nocturne] .section-lead,html[data-theme=nocturne] .contact-copy p,html[data-theme=nocturne] .explore-card small,html[data-theme=nocturne] .detail-information p,html[data-theme=nocturne] .detail-sub,html[data-theme=nocturne] .v8-full-text,html[data-theme=nocturne] .v8-metrics{color:#c5c9de}
html[data-theme=nocturne] .media-section .sec-title{color:#fff7fc}
html[data-theme=nocturne] .book-meta em,html[data-theme=nocturne] .book-meta span,html[data-theme=nocturne] .eyebrow,html[data-theme=nocturne] .article-type{color:#d6bbf4}
html[data-theme=nocturne] .contact-top-link,html[data-theme=nocturne] .icon-btn,html[data-theme=nocturne] .brand-text strong,html[data-theme=nocturne] .nav a,html[data-theme=nocturne] .nav button{color:#282748}
html[data-theme=nocturne] .mobile-menu,html[data-theme=nocturne] .drop{background:#f5f1fa}
html[data-theme=nocturne] .v8-pages button,html[data-theme=nocturne] .v8-metrics button{background:#353a59;color:#f3efff;border-color:#666486}
html[data-theme=nocturne] .historical{color:#bdc0d4}
/* Dark surfaces and their foregrounds must travel together across internal pages. */
html[data-theme=nocturne] .listing-toolbar strong,html[data-theme=nocturne] .modal-header h2,html[data-theme=nocturne] .search-summary strong,html[data-theme=nocturne] .book-detail-meta h3{color:#f3efff}
html[data-theme=nocturne] .listing-toolbar small,html[data-theme=nocturne] .article-row p,html[data-theme=nocturne] .side-tip p,html[data-theme=nocturne] .book-detail-meta p,html[data-theme=nocturne] .detail-body p,html[data-theme=nocturne] .search-summary{color:#cbd0e3}
html[data-theme=nocturne] .side-category{color:#e2dff2;border-color:#444962}
html[data-theme=nocturne] .side-category:hover,html[data-theme=nocturne] .side-category.active{background:#414561;color:#fff}
html[data-theme=nocturne] .subject-pills span{color:#e4dff3;border-color:#68627d}
html[data-theme=nocturne] .article-row{border-color:#474b65}
html[data-theme=nocturne] .article-row:hover{background:#353a59}
html[data-theme=nocturne] .article-row-index{color:#e6d4ff;border-color:#79718c}
html[data-theme=nocturne] .related-list button,html[data-theme=nocturne] .saved-card,html[data-theme=nocturne] .saved-empty,html[data-theme=nocturne] .notice{background:#333852;color:#e9e6f4;border-color:#50556d}
html[data-theme=nocturne] .related-list button small{color:#ddc2f2}
html[data-theme=nocturne] .detail-content-tools{background:#343951;border-color:#51546b}
html[data-theme=nocturne] .detail-content-tools strong{color:#e1ddf0}
html[data-theme=nocturne] .detail-content-tools button,html[data-theme=nocturne] .detail-content-tools a,html[data-theme=nocturne] .save-btn{background:#464964;border-color:#696a82;color:#f7f2ff}
html[data-theme=nocturne] .save-btn.saved{background:#54446e;border-color:#9580b7}
html[data-theme=nocturne] .search-modal{background:#292d47;border-color:#555a73;color:#f4f0fb}
html[data-theme=nocturne] .modal-search,html[data-theme=nocturne] .search-cat{background:#383d57;border-color:#5b6079;color:#f2ecfa}
html[data-theme=nocturne] .modal-search input{color:#fff}
html[data-theme=nocturne] .modal-search input::placeholder,html[data-theme=nocturne] .search-field input::placeholder{color:#bfc4d7}
html[data-theme=nocturne] .search-cat.active{background:#67578e;border-color:#a28abf;color:#fff}
html[data-theme=nocturne] .search-hit{background:#353a55;border-color:#555b74;color:#f4f0fb}
html[data-theme=nocturne] .search-hit small{color:#e3c4f3}
html[data-theme=nocturne] .player-launch{background:rgba(45,39,76,.96);border-color:#8272a2;color:#fff}
html[data-theme=nocturne] .player-launch-icon{background:linear-gradient(145deg,#ead9ff,#bb9bde);color:#28223e}
html[data-theme=nocturne] .float-player{background:rgba(42,43,69,.97);border-color:#66607f;color:#f5f0fc}
/* Live audio stays separate from the on-demand recording player. */
.mixlr-dock{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:76;direction:rtl;font-family:var(--sans)}
.mixlr-launch{min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 17px;border-radius:32px;border:1px solid #d8be8b;background:#fcf8ee;color:#173d4a;box-shadow:0 14px 38px rgba(10,36,42,.19);font-size:13px;font-weight:700;cursor:pointer}
.mixlr-launch:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(10,36,42,.23)}
.mixlr-signal{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#173d4a;color:#f4d9a1;font-size:15px}
.mixlr-panel{position:absolute;right:0;bottom:68px;width:min(400px,calc(100vw - 28px));padding:16px;background:#fffdf8;border:1px solid #ddceb9;border-radius:19px;box-shadow:0 26px 66px rgba(11,36,43,.24);color:#243d44}
.mixlr-panel[hidden]{display:none}
.mixlr-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.mixlr-panel-head div{display:grid;gap:3px}
.mixlr-panel-head strong{font-size:16px;color:#163844}
.mixlr-panel-head small,.mixlr-panel p{font-size:11px;line-height:1.7;color:#52646a}
.mixlr-panel-head button{width:38px;height:38px;border-radius:11px;border:1px solid #d8d5cb;background:#f8f5ef;color:#173b45;font-size:25px;cursor:pointer}
.mixlr-panel iframe{display:block;width:100%;height:200px;border:0;border-radius:12px;background:#ece8e0}
.mixlr-panel p{margin:11px 1px 0}
.mixlr-launch:focus-visible,.mixlr-panel button:focus-visible{outline:3px solid #b56e28;outline-offset:3px}
html[data-theme=nocturne] .mixlr-launch{background:#3a3559;border-color:#9784bc;color:#f7f0ff}
html[data-theme=nocturne] .mixlr-signal{background:#e3c9ff;color:#2c254a}
html[data-theme=nocturne] .mixlr-panel{background:#292d47;border-color:#77708f;color:#f3efff}
html[data-theme=nocturne] .mixlr-panel-head strong{color:#f5f0ff}
html[data-theme=nocturne] .mixlr-panel-head small,html[data-theme=nocturne] .mixlr-panel p{color:#d3d2e2}
@media(max-width:640px){.mixlr-dock{right:12px;bottom:max(14px,env(safe-area-inset-bottom))}.mixlr-launch{padding:6px 11px;font-size:11px;min-height:54px}.mixlr-signal{width:39px;height:39px}.mixlr-panel{bottom:65px}.mixlr-dock:has(.mixlr-panel:not([hidden])){z-index:90}}
@media print{.mixlr-dock{display:none!important}}

/* Prism: airy editorial surfaces, luminous teal and violet, and a floating media exhibit. */
.prism-swatch{background:linear-gradient(135deg,#f7f9ff 0 30%,#5e4bd0 31% 64%,#11bdb8 65%)}
html[data-theme=prism]{--navy:#252a59;--navy2:#1d234e;--navy3:#5b54c7;--gold:#5751b6;--gold-soft:#88f3e5;--sand:#f7f8ff;--paper:#fff;--cream:#eeedfb;--white:#fff;--ink:#252c4d;--mute:#56617a;--line:#dfe3f4;--pale:#f0efff;--shadow:0 16px 48px rgba(40,48,113,.075);--shadow-elevated:0 30px 70px rgba(39,42,100,.16)}
html[data-theme=prism] .announcement{height:4px;background:linear-gradient(90deg,#5d3aa9,#5656db 45%,#05aaa8 82%,#6de0c7)}
html[data-theme=prism] .header{background:rgba(255,255,255,.95);border-color:#e8e8f5;box-shadow:0 12px 38px #2e35740b;backdrop-filter:blur(20px)}
html[data-theme=prism] .brand-text strong,html[data-theme=prism] .nav a,html[data-theme=prism] .nav button,html[data-theme=prism] .icon-btn{color:#25315c}
html[data-theme=prism] .icon-btn,html[data-theme=prism] .contact-top-link,html[data-theme=prism] .drop,html[data-theme=prism] .mobile-menu{background:#fff;border-color:#e0e3f3;box-shadow:0 5px 16px #4b4fa012}
html[data-theme=prism] .nav a.active:after{background:linear-gradient(90deg,#7056d9,#05aaa8)}
html[data-theme=prism] .hero{color:#243258;background:radial-gradient(ellipse at 75% 22%,#dcd8ffad,transparent 48%),radial-gradient(ellipse at 10% 78%,#bcefeb99,transparent 53%),linear-gradient(112deg,#f5fbfc 5%,#f8f7ff 55%,#f0efff)}
html[data-theme=prism] .hero:before{opacity:.35;mask-image:linear-gradient(to bottom,#000,transparent);background-image:linear-gradient(#888ac01b 1px,transparent 1px),linear-gradient(90deg,#888ac01b 1px,transparent 1px);background-size:48px 48px}
html[data-theme=prism] .hero:after{width:480px;height:480px;left:-250px;top:-240px;border:1px solid #7867cf28;box-shadow:0 0 0 42px #7563cf0a,0 0 0 95px #1aaeb208}
html[data-theme=prism] .hero-grid{grid-template-columns:1.05fr .95fr;gap:clamp(48px,6vw,96px);min-height:660px;padding:92px 0 93px}
html[data-theme=prism] .hero-intro{padding:10px 0 12px 30px}
html[data-theme=prism] .hero-tag{padding:9px 17px;border-radius:100px;background:#ffffffc9;border:1px solid #dddaf7;color:#5143a1;box-shadow:0 8px 22px #5a4caa12;font-size:12px}
html[data-theme=prism] .hero-tag:before{color:#14aaa6}
html[data-theme=prism] .hero h1{color:#202c51;font-size:clamp(58px,6.2vw,88px);line-height:1.2;letter-spacing:-.4px;text-shadow:none}
html[data-theme=prism] .hero h1 span{color:#5849c4;background:linear-gradient(108deg,#6546bf 5%,#5563d9 50%,#069da4 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
html[data-theme=prism] .hero-copy{color:#59647c;font-size:17px;line-height:2.1;max-width:550px}
html[data-theme=prism] .hero .primary-btn{border:0;border-radius:14px;background:linear-gradient(110deg,#6350cc,#4e59d3);color:#fff;box-shadow:0 13px 29px #5751c64d}
html[data-theme=prism] .hero .primary-btn:hover{filter:brightness(1.08)}
html[data-theme=prism] .hero .ghost-btn{border:1px solid #e1e4f2;background:#fff;color:#354067;border-radius:14px;box-shadow:0 9px 22px #3641770c}
html[data-theme=prism] .hero-utility{border-color:#dbe1ee;color:#5248a3}
html[data-theme=prism] .hero-utility a{color:#43516c}
html[data-theme=prism] .hero-utility span{color:#5d4abd}
html[data-theme=prism] .hero-footer{background:#fff9;border-color:#e6e9f5}
html[data-theme=prism] .hero-footer-inner,html[data-theme=prism] .hero-footer-inner span{color:#576582}
html[data-theme=prism] .hero-footer-inner span:before{color:#1ba9a8}
html[data-theme=prism] .hero-showcase{max-width:590px;min-height:490px;padding:12px 20px 25px 6px;filter:none}
html[data-theme=prism] .showcase-aura{inset:-60px;background:radial-gradient(ellipse at 55% 49%,#5e6cdb47,transparent 63%);filter:blur(14px)}
html[data-theme=prism] .hero-showcase:before{content:"";position:absolute;inset:5px 35px 35px -10px;border-radius:38px;background:linear-gradient(145deg,#1fc4bd,#5e4fd0 45%,#31226a);transform:rotate(-5deg);box-shadow:0 25px 45px #4b52ba34}
html[data-theme=prism] .showcase-display{min-height:440px;padding:30px 39px 33px;border-radius:32px;border:1px solid #ffffff50;background:radial-gradient(circle at 13% 15%,#42e6db57,transparent 40%),radial-gradient(circle at 97% 94%,#936eec88,transparent 55%),linear-gradient(140deg,#152c56,#29256b 64%,#443083);box-shadow:0 29px 61px #2b36794d, inset 0 1px #ffffff55;overflow:hidden}
html[data-theme=prism] .showcase-display:before{inset:0 0 auto auto;top:-145px;right:-96px;width:380px;height:380px;border:1px solid #b9fffa37;border-radius:50%;background:radial-gradient(circle,#8bf8ec27,transparent 65%);box-shadow:0 0 0 38px #c7fff513,0 0 0 82px #bdfaf40a;z-index:0}
html[data-theme=prism] .showcase-display:after{content:"";position:absolute;inset:auto -50px -130px auto;width:390px;height:240px;border-radius:50%;background:#42e8d520;filter:blur(45px);pointer-events:none}
html[data-theme=prism] .showcase-serial{color:#ffffff13;left:24px;top:80px;font-size:190px}
html[data-theme=prism] .showcase-kicker{color:#affcf2;font-size:12px}
html[data-theme=prism] .showcase-spark{color:#8cf0e3}
html[data-theme=prism] .showcase-art{opacity:.7;left:0;top:65px;right:0;width:100%;height:160px;transform:rotate(-7deg)}
html[data-theme=prism] .showcase-wave{opacity:.58;filter:drop-shadow(0 0 14px #31d5d177)}
html[data-theme=prism] .showcase-wave i{background:linear-gradient(to top,#4a5bd555,#3bded1)}
html[data-theme=prism] .showcase-content{margin-top:98px;max-width:380px}
html[data-theme=prism] .showcase-content h2{font-size:clamp(37px,3.7vw,53px);line-height:1.31;color:#fff}
html[data-theme=prism] .showcase-meta{color:#c6e9eb}
html[data-theme=prism] .showcase-meta span{color:#5ee4d7}
html[data-theme=prism] .showcase-actions{border-color:#e5eeff40;gap:15px}
html[data-theme=prism] .showcase-play{background:#fcfffe;color:#302b70;border-radius:12px;box-shadow:0 10px 20px #1117423a}
html[data-theme=prism] .showcase-caption{color:#e1e3fb}
html[data-theme=prism] .showcase-side-note{display:block;z-index:3;right:-16px;bottom:-2px;padding:13px 20px;background:#fff;color:#3d4680;border:1px solid #e6e9f7;border-radius:15px;box-shadow:0 13px 37px #292a6c34;font-size:11px}
html[data-theme=prism] .section,html[data-theme=prism] .explore{background:#f8f9ff}
html[data-theme=prism] .sec-title,html[data-theme=prism] .contact-copy h2,html[data-theme=prism] .catalog-row strong,html[data-theme=prism] .book-meta strong,html[data-theme=prism] .article-row h3,html[data-theme=prism] .side-box h3,html[data-theme=prism] .detail-body h1,html[data-theme=prism] .detail-body h2{color:#252f58}
html[data-theme=prism] .eyebrow,html[data-theme=prism] .article-type,html[data-theme=prism] .book-meta span{color:#5646b5}
html[data-theme=prism] .section-head{border-right:3px solid #54c8c3;padding-right:20px}
html[data-theme=prism] .tab.active,html[data-theme=prism] .search-cat.active{background:#594cc8;border-color:#594cc8;color:#fff}
html[data-theme=prism] .tabs-shell,html[data-theme=prism] .catalog-list,html[data-theme=prism] .detail-body,html[data-theme=prism] .side-box,html[data-theme=prism] .search-modal{background:#fff;border-color:#e4e7f4;box-shadow:0 15px 45px #303e8711}
html[data-theme=prism] .spotlight{background:radial-gradient(circle at 8% 88%,#00b4b286,transparent 52%),linear-gradient(140deg,#343080,#6251c9);border:1px solid #8a81dc;border-radius:25px;box-shadow:0 22px 44px #514db648}
html[data-theme=prism] .spotlight h3{color:#fff}
html[data-theme=prism] .spotlight-btn{background:#fff;color:#453796;border-radius:12px}
html[data-theme=prism] .catalog-row:hover,html[data-theme=prism] .article-row:hover,html[data-theme=prism] .explore-card:hover{background:#f1f7fb}
html[data-theme=prism] .row-index,html[data-theme=prism] .article-row-index{color:#5d50b9}
html[data-theme=prism] .books-section{background:radial-gradient(circle at 92% 12%,#c9f6edaa,transparent 42%),linear-gradient(145deg,#ebeafb,#f8fbff)}
html[data-theme=prism] .book-item{border:1px solid #e0e6f3;border-radius:19px;box-shadow:0 18px 40px #353f811c;overflow:hidden}
html[data-theme=prism] .book-cover-stage{background:linear-gradient(135deg,#e8eff8,#f1ebfb)}
html[data-theme=prism] .media-section,html[data-theme=prism] .inner-hero{background:radial-gradient(circle at 10% 10%,#19bfbc55,transparent 43%),radial-gradient(circle at 97% 93%,#7772e36e,transparent 52%),linear-gradient(130deg,#1b315c,#2f286b 72%,#312265)}
html[data-theme=prism] .media-section .sec-title{color:#fff}
html[data-theme=prism] .listen-card,html[data-theme=prism] .resource-player,html[data-theme=prism] .inline-audio{background:linear-gradient(135deg,#344186,#353078 65%,#176a83)}
html[data-theme=prism] .listen-card:nth-child(2){background:linear-gradient(135deg,#236e88,#324080)}
html[data-theme=prism] .video-panel{background:linear-gradient(140deg,#302d71dc,#143a67ed),repeating-linear-gradient(45deg,#3dc5c1 0 2px,transparent 2px 40px)}
html[data-theme=prism] .explore-card{background:#fff;border:1px solid #e3e7f4;border-radius:20px;box-shadow:0 16px 37px #303e8416;min-height:185px}
html[data-theme=prism] .explore-card .symbol{background:linear-gradient(140deg,#ebe6ff,#d5f7f2);color:#4d44b1;border-radius:14px}
html[data-theme=prism] .contact-social{background:linear-gradient(130deg,#e8e6fb,#e4f8f7)}
html[data-theme=prism] .footer{background:#19234c}
html[data-theme=prism] .side-category.active,html[data-theme=prism] .side-category:hover,html[data-theme=prism] .subject-pills span{background:#ecebfb;color:#3f3b95}
html[data-theme=prism] .detail-content-tools{background:#f0f1fb;border-color:#e0e3f4}
html[data-theme=prism] .v8-full-text{color:#2a3658}
html[data-theme=prism] .player-launch{background:#34327d;border-color:#69d9d0}
html[data-theme=prism] .player-launch-icon{background:linear-gradient(135deg,#f8fbff,#a8f0e7);color:#35327a}
html[data-theme=prism] .float-player{background:#fff;border-color:#d8dcf0}
html[data-theme=prism] .mixlr-launch{background:#fff;border-color:#dfe4f3;color:#383a81}
html[data-theme=prism] .mixlr-signal{background:#554bc3;color:#fff}
@media(max-width:980px){html[data-theme=prism] .hero-grid{grid-template-columns:1fr;gap:26px;padding:70px 0}html[data-theme=prism] .hero-intro{padding:0}html[data-theme=prism] .hero-showcase{width:100%;margin:auto}}
@media(max-width:640px){html[data-theme=prism] .hero-grid{padding:48px 0 56px}html[data-theme=prism] .hero h1{font-size:clamp(48px,11vw,70px)}html[data-theme=prism] .hero-showcase{min-height:0;padding:10px 5px 22px}html[data-theme=prism] .hero-showcase:before{inset:3px 15px 30px -2px}html[data-theme=prism] .showcase-display{min-height:300px;padding:24px 22px 25px}html[data-theme=prism] .showcase-content{margin-top:55px}html[data-theme=prism] .showcase-content h2{font-size:32px}html[data-theme=prism] .showcase-art{opacity:.35}html[data-theme=prism] .showcase-side-note{right:4px;bottom:0}html[data-theme=prism] .section-head{padding-right:14px}}
@media(prefers-reduced-motion:reduce){html[data-theme=prism] *,html[data-theme=prism] *:before,html[data-theme=prism] *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* Emblem: olive gold, graphite and silver drawn from the Sheikh's own mark. */
html[data-theme=emblem]{--navy:#43473c;--navy2:#3e4137;--navy3:#575b4e;--gold:#837440;--gold-soft:#d9c88d;--sand:#f9f8f6;--paper:#f9f8f6;--cream:#e7e5df;--white:#f9f8f6;--ink:#44473d;--mute:#5e6254;--line:#e7e5df;--pale:#e7e5df;--shadow:0 19px 48px rgba(28,44,69,.075);--shadow-elevated:0 27px 65px rgba(17,37,66,.16)}
html[data-theme=emblem] .announcement{height:5px;background:linear-gradient(90deg,#44473d 0 28%,#b39e54 28% 34%,#d1be7a 34% 66%,#b39e54 66% 72%,#44473d 72%)}
html[data-theme=emblem] .header{background:rgba(255,252,244,.975);border-bottom:1px solid #e7e5df;box-shadow:0 8px 28px rgba(19,38,67,.055)}
html[data-theme=emblem] .brand-text strong,html[data-theme=emblem] .nav a,html[data-theme=emblem] .nav button,html[data-theme=emblem] .icon-btn{color:#43463c}
html[data-theme=emblem] .icon-btn,html[data-theme=emblem] .contact-top-link,html[data-theme=emblem] .drop,html[data-theme=emblem] .mobile-menu{background:#f9f8f6;border-color:#e7e5df}
html[data-theme=emblem] .nav a.active:after{background:#9a8a52}
html[data-theme=emblem] .hero{color:#45483e;background:radial-gradient(ellipse at 84% 10%,#dfcd8e7b,transparent 40%),radial-gradient(ellipse at 15% 85%,#888f7b4d,transparent 52%),linear-gradient(125deg,#f9f8f6,#e7e5df 53%,#e7e5df)}
html[data-theme=emblem] .hero:before{opacity:.42;mask-image:none;background:repeating-linear-gradient(90deg,transparent 0 47px,rgba(43,69,99,.04) 48px 49px),repeating-linear-gradient(0deg,transparent 0 47px,rgba(43,69,99,.035) 48px 49px)}
html[data-theme=emblem] .hero:after{width:450px;height:450px;left:auto;right:-330px;top:-260px;border:1px solid #998b5b4f;box-shadow:0 0 0 55px #cebf8915,0 0 0 115px #cebf8910}
html[data-theme=emblem] .hero-grid{grid-template-columns:1.08fr .92fr;min-height:650px;gap:clamp(34px,5vw,78px);padding:82px 0 82px}
html[data-theme=emblem] .hero-intro{padding:25px 0 25px 40px}
html[data-theme=emblem] .hero-tag{color:#7f7140;font-weight:700;border:1px solid #beb38b;border-radius:100px;background:#f9f8f6c9;padding:8px 16px;margin-bottom:29px}
html[data-theme=emblem] .hero-tag:before{color:#908049}
html[data-theme=emblem] .hero h1{color:#45483d;font-size:clamp(59px,6.3vw,96px);line-height:1.12;letter-spacing:-1px;text-shadow:none}
html[data-theme=emblem] .hero h1 span{color:#83743e;text-shadow:none}
html[data-theme=emblem] .hero-copy{color:#55594c;max-width:520px;font-size:16px;line-height:2.15}
html[data-theme=emblem] .hero .primary-btn{background:#46493e;color:#fff;border-color:#46493e;border-radius:100px;box-shadow:0 13px 30px #45493e27}
html[data-theme=emblem] .hero .primary-btn:hover{background:#4f5347}
html[data-theme=emblem] .hero .ghost-btn{background:#f9f8f6;color:#474b40;border:1px solid #bcb59d;border-radius:100px}
html[data-theme=emblem] .hero-utility{border-color:#c7c4bb;color:#736948}
html[data-theme=emblem] .hero-utility a{color:#52564a}
html[data-theme=emblem] .hero-utility span{color:#81723d}
html[data-theme=emblem] .hero-footer{background:#43473c;color:#fff;border:0}
html[data-theme=emblem] .hero-footer-inner,html[data-theme=emblem] .hero-footer-inner span{color:#e7e5df}
html[data-theme=emblem] .hero-showcase{min-height:480px;padding:0 15px}
html[data-theme=emblem] .hero-showcase:before{content:"";position:absolute;inset:2px -7px 2px 5px;border:1px solid #877c55;border-radius:210px 210px 22px 22px;transform:rotate(-2deg);box-shadow:0 25px 48px #44483d23}
html[data-theme=emblem] .showcase-display{min-height:465px;border:1px solid #a5996e;border-radius:200px 200px 16px 16px;padding:48px 36px 33px;background:radial-gradient(circle at 50% 12%,#5b5f5165,transparent 37%),linear-gradient(160deg,#4c5044,#42453b 63%,#3d4037);box-shadow:inset 0 0 0 8px #e7e5df12,0 23px 50px #43463c2e;text-align:center;align-items:center}
html[data-theme=emblem] .showcase-display:before{width:auto;height:auto;inset:14px;border:1px solid #cfbe8188;border-radius:190px 190px 8px 8px;background:none;z-index:0}
html[data-theme=emblem] .showcase-kicker{color:#d8c789;text-align:center;justify-content:center;line-height:1.7}
html[data-theme=emblem] .showcase-content{margin-top:70px;max-width:360px}
html[data-theme=emblem] .showcase-content h2{color:#f9f8f6;font-size:clamp(36px,3.6vw,50px);line-height:1.35}
html[data-theme=emblem] .showcase-actions{width:100%;justify-content:center;gap:20px;border-color:#bdb0825c}
html[data-theme=emblem] .showcase-play{background:#d9ca94;color:#45483d;border-radius:100px}
html[data-theme=emblem] .showcase-meta{justify-content:center;color:#e7e5df}
html[data-theme=emblem] .showcase-wave{opacity:.35}
html[data-theme=emblem] .section,html[data-theme=emblem] .explore{background:#f9f8f6}
html[data-theme=emblem] .section-head{border-right:3px solid #938552;padding-right:22px}
html[data-theme=emblem] .sec-title,html[data-theme=emblem] .contact-copy h2,html[data-theme=emblem] .catalog-row strong,html[data-theme=emblem] .book-meta strong,html[data-theme=emblem] .explore-card strong,html[data-theme=emblem] .article-row h3,html[data-theme=emblem] .side-box h3,html[data-theme=emblem] .detail-body h1,html[data-theme=emblem] .detail-body h2{color:#46493e}
html[data-theme=emblem] .eyebrow,html[data-theme=emblem] .article-type,html[data-theme=emblem] .book-meta span{color:#807343}
html[data-theme=emblem] .tab.active,html[data-theme=emblem] .search-cat.active{background:#474b40;border-color:#474b40;color:#fff}
html[data-theme=emblem] .tabs-shell,html[data-theme=emblem] .catalog-list,html[data-theme=emblem] .detail-body,html[data-theme=emblem] .side-box,html[data-theme=emblem] .search-modal{background:#f9f8f6;border-color:#e7e5df}
html[data-theme=emblem] .spotlight{background:radial-gradient(circle at 7% 85%,#baa76540,transparent 48%),linear-gradient(145deg,#4b4f43,#42463b);border:1px solid #958a63}
html[data-theme=emblem] .spotlight:before{content:"";position:absolute;inset:12px;border:1px solid #cdbc8044;border-radius:13px;pointer-events:none}
html[data-theme=emblem] .spotlight h3{color:#f9f8f6}
html[data-theme=emblem] .spotlight-btn{background:#e7e5df;color:#44473d;border-radius:100px}
html[data-theme=emblem] .catalog-row{background:#f9f8f6}
html[data-theme=emblem] .catalog-row:hover,html[data-theme=emblem] .article-row:hover,html[data-theme=emblem] .explore-card:hover{background:#e7e5df}
html[data-theme=emblem] .catalog-row strong{font-size:24px}
html[data-theme=emblem] .row-index,html[data-theme=emblem] .article-row-index{color:#877947}
html[data-theme=emblem] .books-section{background:linear-gradient(150deg,#e7e5df,#e7e5df 45%,#f9f8f6)}
html[data-theme=emblem] .book-item{border:1px solid #c2bca5;border-radius:12px 12px 20px 20px;box-shadow:0 14px 36px #46493e18}
html[data-theme=emblem] .book-cover-stage{background:linear-gradient(135deg,#e7e5df,#f9f8f6)}
html[data-theme=emblem] .book-cover-stage:before{border-color:#9f926444}
html[data-theme=emblem] .media-section,html[data-theme=emblem] .inner-hero{background:radial-gradient(circle at 10% 0,#90865f32,transparent 45%),linear-gradient(130deg,#4b4f43,#43463c 65%,#3e4137)}
html[data-theme=emblem] .media-section .sec-title{color:#f9f8f6}
html[data-theme=emblem] .listen-card,html[data-theme=emblem] .resource-player,html[data-theme=emblem] .inline-audio{background:linear-gradient(135deg,#505448,#42453b)}
html[data-theme=emblem] .listen-card:nth-child(2){background:#4c5044}
html[data-theme=emblem] .video-panel{background:linear-gradient(145deg,#53574add,#43463ced),repeating-linear-gradient(45deg,#7d7455 0 2px,transparent 2px 40px)}
html[data-theme=emblem] .explore-card{border:1px solid #c2bba5;border-radius:16px;min-height:185px;background:#f9f8f6;box-shadow:0 14px 36px #45483e13}
html[data-theme=emblem] .explore-card .symbol{background:#e7e5df;color:#76693d;border-radius:50%}
html[data-theme=emblem] .contact-social{background:linear-gradient(135deg,#e7e5df,#f9f8f6)}
html[data-theme=emblem] .footer{background:#3f4238}
html[data-theme=emblem] .side-category.active,html[data-theme=emblem] .side-category:hover,html[data-theme=emblem] .subject-pills span{background:#e7e5df;color:#645b3b}
html[data-theme=emblem] .detail-content-tools{background:#e7e5df;border-color:#e7e5df}
html[data-theme=emblem] .v8-full-text{color:#494c41}
html[data-theme=emblem] .player-launch{background:#464a3f;border-color:#bfb17c}
html[data-theme=emblem] .float-player{background:#f9f8f6;border-color:#c0b798}
html[data-theme=emblem] .mixlr-launch{background:#f9f8f6;border-color:#bfb284;color:#464a3f}
html[data-theme=emblem] .mixlr-signal{background:#464a3f;color:#fff}
@media(max-width:980px){html[data-theme=emblem] .hero-grid{grid-template-columns:1fr;gap:28px;padding:64px 0}html[data-theme=emblem] .hero-intro{padding:0}html[data-theme=emblem] .hero-showcase{max-width:540px;width:100%;margin:auto}}
@media(max-width:640px){html[data-theme=emblem] .hero-grid{padding:48px 0 55px}html[data-theme=emblem] .hero h1{font-size:clamp(49px,11vw,70px)}html[data-theme=emblem] .hero-showcase{min-height:350px;padding:0 5px}html[data-theme=emblem] .showcase-display{min-height:345px;padding:34px 22px 24px;border-radius:145px 145px 13px 13px}html[data-theme=emblem] .showcase-display:before{border-radius:135px 135px 8px 8px}html[data-theme=emblem] .hero-showcase:before{border-radius:150px 150px 18px 18px}html[data-theme=emblem] .showcase-content{margin-top:35px}html[data-theme=emblem] .showcase-content h2{font-size:35px}html[data-theme=emblem] .section-head{padding-right:14px}}
@media(prefers-reduced-motion:reduce){html[data-theme=emblem] *,html[data-theme=emblem] *:before,html[data-theme=emblem] *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Final emblem accents match the actual olive-gold lettering and graphite/silver icon. */
html[data-theme=emblem]{--navy:#363a38;--navy2:#292d2c;--navy3:#555b55;--gold:#766918;--gold-soft:#e2d58b;--sand:#f7f6ef;--paper:#fffdf8;--cream:#eeece2;--white:#fffdf8;--ink:#303634;--mute:#5e665e;--line:#deded4;--pale:#f0efdf}
html[data-theme=emblem] .announcement{background:linear-gradient(90deg,#343837 0 36%,#918422 36% 42%,#b7a84c 42% 56%,#a7a5a1 56% 64%,#343837 64%)}
html[data-theme=emblem] .header{background:rgba(255,253,248,.97);border-bottom-color:#dddccf}
html[data-theme=emblem] .hero{background:radial-gradient(ellipse at 85% 4%,#c4b45b5c,transparent 44%),radial-gradient(ellipse at 6% 90%,#aaaeb040,transparent 52%),linear-gradient(120deg,#fcfbf5,#f3f1e6 56%,#e6e8e3)}
html[data-theme=emblem] .hero h1 span{color:#766918}
html[data-theme=emblem] .hero-tag{color:#665b16;background:#fffefa;border-color:#c4be91}
html[data-theme=emblem] .hero .primary-btn{background:#353a38;border-color:#353a38}
html[data-theme=emblem] .hero-footer{background:#363a38}
html[data-theme=emblem] .showcase-display{background:radial-gradient(circle at 48% 8%,#8d811e6b,transparent 36%),linear-gradient(155deg,#444946,#303534 65%,#242928);border-color:#a29555}
html[data-theme=emblem] .showcase-display:before{border-color:#b7ad7f96}
html[data-theme=emblem] .showcase-kicker{color:#e8dfa5}
html[data-theme=emblem] .showcase-meta{color:#efede0}
html[data-theme=emblem] .section,html[data-theme=emblem] .explore{background:#f7f6ef}
html[data-theme=emblem] .tabs-shell,html[data-theme=emblem] .catalog-list,html[data-theme=emblem] .detail-body,html[data-theme=emblem] .side-box,html[data-theme=emblem] .search-modal,html[data-theme=emblem] .catalog-row,html[data-theme=emblem] .explore-card{background:#fffdf8}
html[data-theme=emblem] .eyebrow,html[data-theme=emblem] .article-type,html[data-theme=emblem] .book-meta span,html[data-theme=emblem] .row-index{color:#766918}
html[data-theme=emblem] .spotlight,html[data-theme=emblem] .media-section,html[data-theme=emblem] .inner-hero{background:radial-gradient(circle at 8% 8%,#98892645,transparent 45%),linear-gradient(135deg,#4b514d,#2f3533)}
html[data-theme=emblem] .listen-card,html[data-theme=emblem] .resource-player,html[data-theme=emblem] .inline-audio{background:linear-gradient(135deg,#58605a,#303634)}
html[data-theme=emblem] .footer{background:#272d2c}
html[data-theme=emblem] .theme-menu button:hover,html[data-theme=emblem] .theme-menu button[aria-pressed=true]{background:#f3f1e3;border-color:#d2c899}

html[data-theme=nocturne] .theme-menu{background:#2b2e49;border-color:#545976;color:#f4efff}
html[data-theme=nocturne] .theme-menu strong,html[data-theme=nocturne] .theme-menu button,html[data-theme=nocturne] .theme-menu button small{color:#e9e7f3}
html[data-theme=nocturne] .theme-menu button:hover,html[data-theme=nocturne] .theme-menu button[aria-pressed=true]{background:#414663;border-color:#72748f}

/* Keep the full Sheikh's name on one line in the desktop header. */
@media(min-width:1201px){
 .header-inner{gap:clamp(9px,1vw,17px)}
 .brand-text{max-width:none;min-width:max-content;padding-right:10px}
 .brand-text span{display:block;white-space:nowrap;letter-spacing:0}
 .nav{gap:clamp(8px,.95vw,15px);min-width:0}
 .header-tools{gap:clamp(5px,.65vw,9px);flex:0 0 auto}
}


/* A single V8 composition for every palette. Only surface colors vary by theme. */
html[data-theme] .announcement{height:4px}
html[data-theme] .hero:before{opacity:.35;mask-image:linear-gradient(to bottom,#000,transparent);background-image:linear-gradient(#888ac01b 1px,transparent 1px),linear-gradient(90deg,#888ac01b 1px,transparent 1px);background-size:48px 48px}
html[data-theme] .hero:after{width:480px;height:480px;left:-250px;right:auto;top:-240px;border-radius:50%}
html[data-theme] .hero-grid{grid-template-columns:1.05fr .95fr;gap:clamp(48px,6vw,96px);min-height:700px;padding:78px 0 82px}
html[data-theme] .hero-intro{padding:10px 0 12px 30px}
html[data-theme] .hero-tag{padding:9px 17px;margin-bottom:29px;border-radius:100px;font-size:12px}
html[data-theme] .hero h1{font-size:clamp(58px,6.2vw,88px);line-height:1.2;letter-spacing:-.4px;text-shadow:none}
html[data-theme] .hero-copy{font-size:17px;line-height:2.1;max-width:550px}
html[data-theme] .hero .primary-btn,html[data-theme] .hero .ghost-btn{border-radius:14px}
html[data-theme] .hero-showcase{max-width:590px;min-height:550px;padding:12px 20px 25px 6px;width:100%;filter:none}
html[data-theme] .showcase-aura{inset:-60px;filter:blur(14px)}
html[data-theme] .hero-showcase:before{content:"";position:absolute;inset:5px 35px 35px -10px;border-radius:38px;transform:rotate(-5deg)}
html[data-theme] .showcase-display{min-height:515px;padding:28px 36px 29px;border-radius:32px;border:1px solid #ffffff50;overflow:hidden;text-align:start;align-items:stretch;justify-content:space-between}
html[data-theme] .showcase-display:before{content:"";inset:0 0 auto auto;top:-145px;right:-96px;width:380px;height:380px;border-radius:50%;z-index:0}
html[data-theme] .showcase-display:after{content:"";position:absolute;inset:auto -50px -130px auto;width:390px;height:240px;border-radius:50%;filter:blur(45px);pointer-events:none}
html[data-theme] .showcase-serial{left:24px;top:80px;font-size:190px}
html[data-theme] .showcase-kicker{justify-content:flex-start;text-align:start;font-size:12px}
html[data-theme] .showcase-art{left:0;top:65px;right:0;width:100%;height:160px;transform:rotate(-7deg);opacity:.7}
html[data-theme] .showcase-wave{opacity:.58}
html[data-theme] .showcase-content{margin-top:34px;max-width:410px}
html[data-theme] .showcase-content h2{font-size:clamp(34px,3.1vw,45px);line-height:1.25;margin:8px 0 13px;text-align:start}
html[data-theme] .showcase-meta{justify-content:flex-start}
html[data-theme] .showcase-actions{width:auto;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px}
html[data-theme] .showcase-play{border-radius:12px}
html[data-theme] .showcase-side-note{display:block;z-index:3;right:-16px;bottom:-2px;padding:13px 20px;border-radius:15px;font-size:11px}
html[data-theme] .section-head{border-right:3px solid var(--gold);padding-right:20px}
html[data-theme] .spotlight{border-radius:25px}
html[data-theme] .spotlight:before{content:none}
html[data-theme] .spotlight-btn{border-radius:12px}
html[data-theme] .book-item{border-radius:19px;overflow:hidden}
html[data-theme] .explore-card{border-radius:20px;min-height:185px}
html[data-theme] .explore-card .symbol{border-radius:14px}

/* The featured recording uses the same audio element as the material and floating players. */
.showcase-audio{display:flex;align-items:center;gap:12px;padding:10px 11px;margin-top:8px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.28);border-radius:16px;backdrop-filter:blur(8px);color:#fff;min-width:0}
.showcase-audio-play{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#2f2b70;cursor:pointer}
.showcase-audio-play .ico{width:19px;height:19px}
.showcase-audio-body{flex:1;min-width:0}
.showcase-audio-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;line-height:1.5}
.showcase-audio-top strong{font-weight:700}
.showcase-audio-top span{direction:ltr;font:10px/1.5 var(--sans);white-space:nowrap;opacity:.9}
.showcase-audio input[type=range]{display:block;width:100%;height:12px;margin:5px 0 2px;accent-color:var(--gold-soft);cursor:pointer}
.showcase-audio small{display:block;font-size:10px;line-height:1.5;opacity:.83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showcase-audio button:focus-visible,.showcase-audio input:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}
html[data-theme=emblem] .hero-showcase:before{background:linear-gradient(145deg,#aba058,#535d53 48%,#252d2a);box-shadow:0 25px 45px #2a332a34}
html[data-theme=emblem] .showcase-display{background:radial-gradient(circle at 13% 15%,#a89d4f57,transparent 40%),radial-gradient(circle at 97% 94%,#6b776188,transparent 55%),linear-gradient(140deg,#343e38,#303a36 64%,#242a29);box-shadow:0 29px 61px #27332c4d,inset 0 1px #ffffff55}
html[data-theme=emblem] .showcase-display:before{border-color:#e1d69b37;background:radial-gradient(circle,#dfd18a27,transparent 65%);box-shadow:0 0 0 38px #e5d99b13,0 0 0 82px #cbd4ba0a}
html[data-theme=emblem] .showcase-display:after{background:#c9be6e20}
html[data-theme=emblem] .showcase-audio-play{background:#e4d691;color:#303a36}
html[data-theme=emblem] .showcase-side-note{background:#fffdf8;color:#4b523f;border:1px solid #deded4;box-shadow:0 13px 37px #303d3034}
html[data-theme=nocturne] .hero-showcase:before{background:linear-gradient(145deg,#9a75bc,#4e4380 48%,#222444);box-shadow:0 25px 45px #15163855}
html[data-theme=nocturne] .showcase-display{background:radial-gradient(circle at 13% 15%,#b99cda57,transparent 40%),radial-gradient(circle at 97% 94%,#6553a188,transparent 55%),linear-gradient(140deg,#39335e,#2c2b54 64%,#222440);box-shadow:0 29px 61px #12132d7a,inset 0 1px #ffffff55}
html[data-theme=nocturne] .showcase-display:before{border-color:#e5d3f037;background:radial-gradient(circle,#b9a4e327,transparent 65%);box-shadow:0 0 0 38px #ccbbeb13,0 0 0 82px #d5c3ed0a}
html[data-theme=nocturne] .showcase-display:after{background:#b89ae320}
html[data-theme=nocturne] .showcase-content h2{color:#fff}
html[data-theme=nocturne] .showcase-audio-play{background:#ead9ff;color:#292546}
html[data-theme=nocturne] .showcase-side-note{background:#333250;color:#f4edff;border:1px solid #6a6387;box-shadow:0 13px 37px #12132d55}
html[data-theme=prism] .showcase-audio-play{background:#fff;color:#302b70}

@media(max-width:980px){html[data-theme] .hero-grid{grid-template-columns:1fr;gap:26px;padding:70px 0}html[data-theme] .hero-intro{padding:0}html[data-theme] .hero-showcase{width:100%;max-width:590px;margin:auto}}
@media(max-width:640px){html[data-theme] .hero-grid{padding:48px 0 56px}html[data-theme] .hero h1{font-size:clamp(48px,11vw,70px)}html[data-theme] .hero-showcase{min-height:0;padding:10px 5px 22px}html[data-theme] .hero-showcase:before{inset:3px 15px 30px -2px;border-radius:38px}html[data-theme] .showcase-display{min-height:0;padding:24px 22px 25px;border-radius:32px}html[data-theme] .showcase-display:before{border-radius:50%}html[data-theme] .showcase-content{margin-top:45px}html[data-theme] .showcase-content h2{font-size:clamp(26px,7vw,32px)}html[data-theme] .showcase-art{opacity:.35}html[data-theme] .showcase-side-note{right:4px;bottom:0}html[data-theme] .section-head{padding-right:14px}.showcase-audio{gap:9px;padding:8px}.showcase-audio-play{flex-basis:38px;width:38px;height:38px}.showcase-audio small{white-space:normal}}
@media(max-width:380px){.showcase-audio-top{display:block}.showcase-audio-top span{display:block}}