:root{--bg:#080705;--panel:#11100d;--panel2:#17130d;--gold:#d7aa54;--gold2:#f4d58a;--text:#f8f3e9;--muted:#aaa294;--line:rgba(215,170,84,.19);--max:1480px;--shadow:0 22px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(circle at 50% -15%,#332615 0,#0b0907 34%,#080705 70%);color:var(--text);font-family:Inter,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:7px 7px;z-index:-1}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(8,7,5,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:24px}.brand{font-family:Cinzel,serif;font-weight:700;letter-spacing:.12em;font-size:21px;color:var(--gold2)}.brand span{font-family:Inter,sans-serif;font-size:8px;vertical-align:top;margin-left:3px}.navlinks{display:flex;gap:24px;margin-left:auto;align-items:center}.navlinks a{color:#d8d0bf;font-size:14px;transition:.2s}.navlinks a:hover{color:var(--gold2)}.pill{border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:13px}.yt{background:#a00;color:#fff!important;border-color:#d44}.hero{min-height:720px;position:relative;display:grid;align-items:end;overflow:hidden;background:#080705}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,4,3,.88) 0%,rgba(5,4,3,.60) 36%,rgba(5,4,3,.18) 72%,rgba(5,4,3,.58) 100%),linear-gradient(0deg,#080705 0%,transparent 55%),url(/assets/hero-1600.webp);background-size:cover;background-position:center;filter:saturate(.85)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 26%,transparent 0,rgba(0,0,0,.08) 30%,rgba(0,0,0,.44) 100%);pointer-events:none}.hero-inner{position:relative;z-index:1;padding:130px 0 85px;max-width:880px}.hero-kicker{font-size:11px;letter-spacing:.18em;color:var(--gold2);font-weight:700;display:flex;gap:10px;align-items:center}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 14px var(--gold2)}.hero h1{font-family:Cinzel,serif;font-size:clamp(48px,7.3vw,102px);line-height:.98;letter-spacing:-.035em;margin:18px 0 20px}.hero h1 em{font-style:normal;color:var(--gold2)}.hero-copy{max-width:720px;color:#d6cebd;font-size:19px;line-height:1.7;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:999px;border:1px solid var(--line);background:#14120e;color:#fff;transition:transform .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-2px);border-color:rgba(215,170,84,.5)}.btn.gold{background:linear-gradient(135deg,#c9953e,#f2d17f);color:#171108;border:0;font-weight:800;box-shadow:0 10px 28px rgba(215,170,84,.16)}.btn.ghost{background:rgba(14,12,9,.62);backdrop-filter:blur(10px)}.hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;color:#aaa294;font-size:12px;letter-spacing:.04em}.hero-meta span+span:before{content:"•";margin-right:24px;color:var(--gold)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(12,10,8,.8)}.statgrid{display:grid;grid-template-columns:repeat(4,1fr)}.statgrid>div{padding:26px 18px;border-right:1px solid var(--line)}.statgrid>div:last-child{border-right:0}.statgrid strong{display:block;font-family:Cinzel,serif;color:var(--gold2);font-size:28px}.statgrid span{display:block;color:#8f887b;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-top:5px}section{padding:88px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-head h2{font-family:Cinzel,serif;font-size:42px;line-height:1.05;margin:7px 0 0}.section-head p{color:var(--muted);margin:10px 0 0}.eyebrow{color:var(--gold2);letter-spacing:.16em;font-size:11px;text-transform:uppercase;font-weight:700}.catalog-tools{display:flex;gap:10px;flex-wrap:wrap}.search{min-width:330px;background:#100f0c;border:1px solid var(--line);border-radius:999px;padding:13px 17px;color:#fff;outline:none}.search:focus,.select:focus{border-color:rgba(215,170,84,.65);box-shadow:0 0 0 3px rgba(215,170,84,.08)}.select,.filter{background:#100f0c;border:1px solid var(--line);color:#eee;border-radius:999px;padding:12px 14px}.filterbar{margin-bottom:26px}.filter{cursor:pointer;transition:.2s}.filter:hover{border-color:rgba(215,170,84,.45)}.filter.active{background:var(--gold);color:#111;border-color:var(--gold)}.featured-player{width:min(100%,820px);margin:0 auto 28px;display:block;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#111;box-shadow:var(--shadow)}.featured-player .player-wrap{width:min(100%,760px);margin:0 auto;position:relative;aspect-ratio:16/9;background:#000}.featured-player .player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.featured-info{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 34px 30px}.featured-info .eyebrow{margin-bottom:2px}.featured-info h3{font-family:Cinzel,serif;font-size:clamp(23px,2.5vw,34px);line-height:1.12;max-width:700px;margin:8px auto}.featured-info p{color:#bdb5a7;line-height:1.55;max-width:650px;font-size:14px;margin:8px auto 0}.featured-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.featured-player .ghost{background:transparent}.featured{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#111;margin-bottom:24px;box-shadow:var(--shadow)}.featured>a{display:block;min-height:360px;position:relative}.featured img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.featured:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,3,.92),rgba(5,4,3,.56) 42%,rgba(5,4,3,.08) 80%);pointer-events:none}.featured-overlay{position:relative;z-index:1;max-width:650px;padding:62px 54px}.featured h3{font-family:Cinzel,serif;font-size:clamp(28px,4vw,48px);line-height:1.08;margin:12px 0}.featured p{color:#c8c0b1;line-height:1.65;max-width:560px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,#16130e,#0e0d0b);border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);border-color:rgba(215,170,84,.48);box-shadow:0 18px 40px rgba(0,0,0,.28)}.thumb{aspect-ratio:16/9;position:relative;background:#000;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.card:hover .thumb img{transform:scale(1.035)}.num{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.72);border:1px solid var(--line);padding:5px 8px;border-radius:8px;color:var(--gold2);font-size:11px}.duration{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.82);padding:4px 7px;border-radius:5px;font-size:11px}.cardbody{padding:16px}.card-eyebrow{color:#b69a63;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700;margin-bottom:7px}.card h3{font-size:15px;line-height:1.4;margin:0 0 10px}.meta{font-size:11px;color:#91897c;display:flex;justify-content:space-between;gap:8px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.tag{font-size:10px;padding:4px 7px;border-radius:999px;background:#241f16;color:#cdb77f}.watch{display:flex;justify-content:space-between;color:var(--gold2);font-size:10px;font-weight:800;letter-spacing:.1em;margin-top:15px}.watch b{font-size:15px}.more-wrap{text-align:center;margin-top:32px}.journal-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(100deg,#120f0a,#0b0907)}.journal-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.journal-inner h2,.about h2{font-family:Cinzel,serif;font-size:40px;margin:7px 0}.about{background:#0b0a08}.about-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.muted{color:var(--muted);line-height:1.7}
/* OudBeat sitewide brand logo */
.brand-logo{display:block;width:170px;height:62px;object-fit:contain;object-position:left center}
.brand-logo-footer{display:block;width:150px;height:54px;object-fit:contain;object-position:left center}
@media(max-width:760px){.brand-logo{width:135px;height:54px}.brand-logo-footer{width:135px;height:50px}}

.footer{padding:55px 0 95px;border-top:1px solid var(--line);color:#8f887a;font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid p{margin:10px 0 0}.footerlinks{display:flex;gap:18px;align-items:center}.footerlinks a:hover{color:var(--gold2)}.copyright{padding-top:30px;margin-top:30px;border-top:1px solid rgba(215,170,84,.1);font-size:11px}.mobilebar{display:none;position:fixed;z-index:60;bottom:0;left:0;right:0;padding:9px 10px;background:rgba(8,8,8,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);gap:7px}.mobilebar a{flex:1;text-align:center;padding:10px 4px;border:1px solid var(--line);border-radius:10px;font-size:10px}.release{padding:72px 0}.release-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:40px}.release-img{width:100%;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.release h1{font-family:Cinzel,serif;font-size:clamp(30px,4vw,55px);line-height:1.08}.description{white-space:pre-wrap;color:#c7bfaf;line-height:1.75}.related{margin-top:40px}.related .grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.featured-player{width:100%}.featured-player .player-wrap{width:100%;aspect-ratio:16/9}.featured-info{padding:22px 20px 26px}.featured-info h3{font-size:27px}}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.hero{min-height:650px}.release-layout{grid-template-columns:1fr}.related .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(var(--max),calc(100% - 28px))}.nav{min-height:64px}.navlinks{display:none}.hero{min-height:650px}.hero-inner{padding:100px 0 60px}.hero-copy{font-size:16px}.hero-meta{gap:10px}.hero-meta span+span:before{margin-right:10px}.stats{overflow:hidden}.statgrid{grid-template-columns:repeat(2,1fr)}.statgrid>div{border-bottom:1px solid var(--line)}.section-head{display:block}.catalog-tools{margin-top:18px}.search{min-width:0;width:100%}.featured-overlay{padding:42px 28px}.featured>a{min-height:430px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.journal-inner,.about-grid,.footer-grid{display:flex;flex-direction:column;align-items:flex-start}.footerlinks{flex-wrap:wrap}.mobilebar{display:flex}.footer{padding-bottom:95px}.release{padding:45px 0}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{font-size:43px}.section-head h2,.journal-inner h2,.about h2{font-size:31px}.featured>a{min-height:470px}.featured-overlay{padding:34px 22px}.hero-art{background-position:58% center}.related .grid{grid-template-columns:1fr}}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}

/* OudBeat latest update — additive components; the Ultra-Professional visual system remains the baseline. */
.article{max-width:920px;margin:0 auto}.article h1,.article h2,.article h3{font-family:Cinzel,Georgia,serif}.article h1{font-size:clamp(42px,6vw,78px);line-height:1.03;margin:12px 0 20px}.article h2{font-size:30px;line-height:1.2;margin:42px 0 12px}.article h3{font-size:20px;color:var(--gold2);margin:30px 0 8px}.article p,.article li{color:#d2cabb;line-height:1.8}.article ul{padding-left:24px}.article a{color:var(--gold2);text-decoration:underline;text-decoration-color:rgba(244,211,122,.35);text-underline-offset:3px}.note{border-top:1px solid var(--line);border-left:0;padding:10px 0 0;margin:20px 0 0;background:transparent;color:var(--muted);border-radius:0;font-size:11px;line-height:1.5}.note strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a79e8f}.sources{border-top:1px solid var(--line);margin-top:48px;padding-top:18px}.sources h2{font-size:18px;margin:0 0 7px}.sources li,.sources a{font-size:11px;line-height:1.45}.source-intro{color:var(--muted);font-size:11px;line-height:1.45;margin:0 0 8px}.sources{border-top:1px solid var(--line);margin-top:48px;padding-top:20px}.sources li,.sources a{font-size:12px;line-height:1.6}.source-intro{color:var(--muted);font-size:12px;line-height:1.6}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{display:block;background:linear-gradient(180deg,#16130e,#0e0d0b);border:1px solid var(--line);border-radius:17px;padding:20px;transition:.22s}.article-card:hover{transform:translateY(-4px);border-color:rgba(215,170,84,.48);box-shadow:0 18px 40px rgba(0,0,0,.25)}.article-card h3{font-family:Cinzel,Georgia,serif;font-size:21px;line-height:1.25;margin:9px 0}.article-card p{color:var(--muted);line-height:1.6;font-size:14px}.category-title{font-family:Cinzel,Georgia,serif;font-size:31px;margin:0 0 12px}.crumb{color:var(--muted);font-size:13px;margin-bottom:22px}.crumb a{color:var(--gold2)}.empty{padding:28px;border:1px solid var(--line);border-radius:16px;color:var(--muted);text-align:center}.admin-link{font-size:12px;color:#8f887a}.music-tools{display:flex;gap:10px;flex-wrap:wrap}.music-tools .search{min-width:300px}.mobilebar{z-index:70}
@media(max-width:900px){.article-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.article-list{grid-template-columns:1fr}.legal-notice button{margin-top:1px}.music-tools .search{min-width:0;width:100%}}

.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.watch-youtube{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#f2c94c;text-decoration:none}.watch-youtube:hover{text-decoration:underline}

.card-main{display:block}.card-youtube{padding:0 16px 16px;text-align:right}.player-wrap iframe{display:block;width:100%;height:100%;min-height:100%;border:0}.player-wrap{overflow:hidden}.card-main:hover{text-decoration:none}

/* Final video-link interaction fix */
.card-youtube{position:relative;z-index:20;pointer-events:auto}.watch-youtube{position:relative;z-index:21;pointer-events:auto;cursor:pointer}.video-direct-link{position:relative;z-index:21;pointer-events:auto;cursor:pointer}

.oudbeat-video-player{position:relative;width:100%;max-width:760px;margin:24px auto 26px;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#050505;box-shadow:0 14px 40px rgba(0,0,0,.28);border:1px solid var(--line)}.oudbeat-video-player iframe{display:block;width:100%;height:100%;border:0}@media(max-width:760px){.oudbeat-video-player{max-width:100%;margin:20px auto 22px;border-radius:14px}}

/* OudBeat final — floating player with native YouTube controls and header-only dragging */
.oudbeat-persistent-player{display:none;position:fixed;right:18px;bottom:18px;z-index:9999;width:360px;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;backdrop-filter:none!important;overflow:visible}
.oudbeat-persistent-player.has-video{display:block}
.oudbeat-persistent-player.is-closed{display:none}
.oudbeat-persistent-inner{padding:0!important;margin:0!important;background:transparent!important}
.oudbeat-player-frame{position:relative;width:360px;aspect-ratio:16/9;background:transparent!important;border:0!important;border-radius:6px;overflow:hidden;box-shadow:none!important}
.oudbeat-player-frame iframe{display:block;width:100%;height:100%;border:0;pointer-events:auto}
.oudbeat-player-top{position:absolute;left:5px;right:5px;top:5px;z-index:10;height:25px;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:0;background:transparent!important;border:0!important;pointer-events:none}
.oudbeat-player-drag{position:absolute;left:2px;top:0;appearance:none;border:0;background:rgba(0,0,0,.38)!important;color:#fff;font-size:7px;font-weight:800;letter-spacing:.09em;padding:6px 7px;cursor:grab;touch-action:none;white-space:nowrap;text-shadow:0 1px 3px #000;border-radius:4px;pointer-events:auto}
.oudbeat-player-drag:active,.oudbeat-persistent-player.is-dragging .oudbeat-player-drag{cursor:grabbing}
.oudbeat-player-controls{display:flex;gap:3px;pointer-events:auto}
.oudbeat-player-btn{width:24px;height:24px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.48)!important;color:#fff;cursor:pointer;font-size:15px;line-height:1;padding:0;backdrop-filter:none}
.oudbeat-player-btn:hover{background:rgba(0,0,0,.72)!important;border-color:#fff}
.oudbeat-player-meta{display:none!important}
.oudbeat-player-restore{display:none;appearance:none;border:1px solid rgba(215,170,84,.35);background:rgba(0,0,0,.55);color:#f2d17f;font-size:9px;font-weight:700;cursor:pointer;padding:6px 8px;border-radius:999px}
.oudbeat-persistent-player.is-minimized{width:90px}
.oudbeat-persistent-player.is-minimized .oudbeat-player-frame{width:90px;aspect-ratio:16/9}
.oudbeat-persistent-player.is-minimized .oudbeat-player-top{left:3px;right:3px;top:3px}
.oudbeat-persistent-player.is-minimized .oudbeat-player-drag{font-size:0;width:24px;height:24px;padding:0;border-radius:50%}
.oudbeat-persistent-player.is-minimized .oudbeat-player-drag:after{content:'↕';font-size:12px;display:grid;place-items:center;height:100%}
.oudbeat-persistent-player.is-minimized .oudbeat-player-controls{gap:2px}
.oudbeat-persistent-player.is-minimized .oudbeat-player-btn{width:22px;height:22px;font-size:13px}
.oudbeat-persistent-player.is-hidden{display:block;background:transparent!important;border:0!important;box-shadow:none!important;width:42px;height:42px;right:18px;bottom:18px;pointer-events:none}
.oudbeat-persistent-player.is-hidden .oudbeat-player-top,.oudbeat-persistent-player.is-hidden .oudbeat-persistent-inner,.oudbeat-persistent-player.is-hidden .oudbeat-player-restore{display:none}
.oudbeat-player-hidden-restore{display:none;position:absolute;right:0;bottom:0;width:42px;height:42px;border:1px solid rgba(215,170,84,.35);border-radius:50%;background:rgba(0,0,0,.5);color:#f2d17f;font-size:18px;cursor:pointer;pointer-events:auto}
.oudbeat-persistent-player.is-hidden .oudbeat-player-hidden-restore{display:block}
.oudbeat-release-launch{width:100%;min-height:110px;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;border:1px solid rgba(215,170,84,.22);border-radius:14px;background:transparent;color:#eee7da;cursor:pointer;text-align:left}
.oudbeat-release-launch:hover{border-color:rgba(215,170,84,.55);background:rgba(215,170,84,.035)}
.oudbeat-release-play-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(215,170,84,.5);color:#f2d17f;font-size:16px}
.oudbeat-release-launch strong{display:block;font-size:13px}.oudbeat-release-launch small{display:block;margin-top:3px;color:#9f9789;font-size:10px}
@media(max-width:640px){.oudbeat-persistent-player{right:10px;bottom:72px;width:300px}.oudbeat-player-frame{width:300px;border-radius:5px}.oudbeat-player-drag{font-size:6px}.oudbeat-persistent-player.is-minimized{width:78px}.oudbeat-persistent-player.is-minimized .oudbeat-player-frame{width:78px}}

.skip-link{position:fixed;left:16px;top:12px;z-index:200;padding:10px 14px;border-radius:10px;background:#f2d17f;color:#171108;font-weight:800;transform:translateY(-180%);transition:transform .15s}.skip-link:focus{transform:translateY(0)}
@media(max-width:760px){.hero-art{background-image:linear-gradient(90deg,rgba(5,4,3,.88) 0%,rgba(5,4,3,.60) 36%,rgba(5,4,3,.18) 72%,rgba(5,4,3,.58) 100%),linear-gradient(0deg,#080705 0%,transparent 55%),url(/assets/hero-1280.webp)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Editorial/source footer treatment: compact and visually secondary. */
.article .sources{border-top:1px solid var(--line);margin-top:42px;padding-top:16px}
.article .sources h2{font-size:17px;line-height:1.25;margin:0 0 6px;color:#c8c0b2}
.article .sources li,.article .sources a{font-size:10px;line-height:1.45}
.article .source-intro{font-size:10px;line-height:1.45;margin:0 0 7px;color:#817a6d}
.article .note{border-top:0;padding:8px 0 0;margin:8px 0 0;color:#756e62;font-size:9px;line-height:1.4}
.article .note strong{font-size:9px;letter-spacing:.06em;color:#8d8474}

/* Professional release layout: no thumbnail above the description. */
.release-layout{display:block;max-width:920px;margin:0 auto}.release-layout>div{max-width:920px}.release h1{font-size:clamp(28px,3.2vw,44px);line-height:1.12;margin:10px 0 14px}.release .description{max-width:820px;font-size:15px;line-height:1.75}.release .oudbeat-video-player{max-width:760px;margin:28px auto}.release .actions{justify-content:flex-start}
/* More restrained editorial typography. */
.article{max-width:820px}.article h1{font-size:clamp(28px,3.1vw,44px);line-height:1.12;margin:10px 0 14px;letter-spacing:-.012em}.article h2{font-size:24px;line-height:1.25;margin:34px 0 10px}.article h3{font-size:18px}.article p{font-size:15px;line-height:1.82}.article .editorial-standard{margin-top:12px;padding-top:8px;border-top:1px solid rgba(215,170,84,.08);color:#6f695e;font-size:9px;line-height:1.45}.article .editorial-standard strong{font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#837a6b}.article .sources{margin-top:40px;padding-top:14px}.article .sources h2{font-size:16px}.article .sources li,.article .sources a{font-size:10px;line-height:1.5}.article .source-intro{font-size:10px;line-height:1.5;color:#827a6c}

/* Final editorial polish */
.article .heroText{max-width:720px;font-size:16px;line-height:1.65;color:#a9a092;margin:0 0 26px}.article .eyebrow{margin-bottom:4px}.article .sources{background:transparent}.article .sources h2{letter-spacing:.01em}.article .editorial-standard{max-width:760px}

/* Final 9.9 editorial polish */
.article{max-width:820px}
.article h1{font-size:clamp(28px,3vw,42px);line-height:1.13;margin:10px 0 16px}
.article h2{font-size:23px;line-height:1.28;margin:34px 0 10px}
.article p{font-size:15px;line-height:1.84;color:#d2cabb}
.article .sources{margin-top:42px;padding-top:14px;background:transparent}
.article .sources h2{font-size:15px;margin:0 0 6px}
.article .sources li,.article .sources a{font-size:10px;line-height:1.5}
.article .editorial-standard{margin-top:9px;padding-top:7px;border-top:1px solid rgba(215,170,84,.08);font-size:9px;line-height:1.45;color:#6f695e}

/* Final article typography: reading first, sources last. */
.article{max-width:820px}
.article h1{font-size:clamp(28px,3vw,42px);line-height:1.13;margin:10px 0 16px}
.article h2{font-size:23px;line-height:1.28;margin:34px 0 10px}
.article p{font-size:15px;line-height:1.84;color:#d2cabb}
.article .sources{margin-top:44px;padding-top:14px;background:transparent}
.article .sources h2{font-size:15px;margin:0 0 6px}
.article .sources li,.article .sources a{font-size:10px;line-height:1.5}
.article .editorial-standard{margin-top:9px;padding-top:7px;border-top:1px solid rgba(215,170,84,.08);font-size:9px;line-height:1.45;color:#6f695e}

/* Final article typography: reading first, sources last. */
.article{max-width:820px}
.article h1{font-size:clamp(28px,3vw,42px);line-height:1.13;margin:10px 0 16px}
.article h2{font-size:23px;line-height:1.28;margin:34px 0 10px}
.article p{font-size:15px;line-height:1.84;color:#d2cabb}
.article .sources{margin-top:44px;padding-top:14px;background:transparent}
.article .sources h2{font-size:15px;margin:0 0 6px}
.article .sources li,.article .sources a{font-size:10px;line-height:1.5}
.article .editorial-standard{margin-top:9px;padding-top:7px;border-top:1px solid rgba(215,170,84,.08);font-size:9px;line-height:1.45;color:#6f695e}

/* OudBeat 10.6 — distinct visual worlds for each major section */
#music{background:
  radial-gradient(circle at 15% 10%,rgba(188,130,48,.16),transparent 34%),
  linear-gradient(180deg,#171109 0%,#0e0b08 48%,#0a0806 100%);}
#music .section-head,#music .grid,#music .featured-player{position:relative;z-index:1}
.journal-band{background:
  radial-gradient(circle at 82% 30%,rgba(79,104,92,.20),transparent 35%),
  linear-gradient(110deg,#15140f 0%,#10130f 52%,#0c100e 100%);}
.about{background:
  radial-gradient(circle at 20% 20%,rgba(126,91,48,.18),transparent 38%),
  linear-gradient(135deg,#17120d 0%,#0d0b09 60%,#0a0806 100%);}
body.page-music main{background:linear-gradient(180deg,#171109 0%,#0c0907 65%,#090705 100%)}
body.page-journal main{background:linear-gradient(180deg,#111510 0%,#0d110f 55%,#090c0b 100%)}
body.page-history main{background:linear-gradient(180deg,#17100f 0%,#100b0c 55%,#0a0809 100%)}
body.page-waves main{background:linear-gradient(180deg,#0d1519 0%,#0a1014 52%,#080b0e 100%)}
body.page-about main{background:linear-gradient(180deg,#15120d 0%,#0e0c09 55%,#090806 100%)}
body.page-music section,body.page-journal section,body.page-history section,body.page-waves section,body.page-about section{background-color:transparent}
/* Keep cards readable while letting the section atmosphere show through. */
body.page-music .card{background:linear-gradient(180deg,rgba(31,24,14,.94),rgba(13,11,8,.96))}
body.page-journal .card{background:linear-gradient(180deg,rgba(21,29,24,.94),rgba(11,15,13,.96))}
body.page-history .card{background:linear-gradient(180deg,rgba(31,20,20,.94),rgba(13,10,11,.96))}
body.page-waves .card{background:linear-gradient(180deg,rgba(17,29,35,.94),rgba(9,13,16,.96))}

/* OudBeat 4K ocean/coastal section backgrounds */
body.main-page{background:#071014 url(/assets/main-home-original.jpg) center top/cover fixed no-repeat;background-blend-mode:normal}
body.music-page{background:#07151a url(/assets/music-4k.jpg) center top/cover fixed no-repeat}
body.journal-page{background:#10201e url(/assets/journal-4k.jpg) center top/cover fixed no-repeat}
body.history-page{background:#1a1210 url(/assets/history-4k.jpg) center top/cover fixed no-repeat}
body.waves-page{background:#06141c url(/assets/waves-4k.jpg) center top/cover fixed no-repeat}
body.main-page:after,body.music-page:after,body.journal-page:after,body.history-page:after,body.waves-page:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(3,7,9,.18),rgba(3,6,8,.68) 62%,rgba(3,5,6,.9));}
body.music-page .hero-art{background-image:linear-gradient(90deg,rgba(5,8,8,.86) 0%,rgba(5,8,8,.52) 40%,rgba(5,8,8,.12) 78%,rgba(5,8,8,.5) 100%),linear-gradient(0deg,#07151a 0%,transparent 55%),url(/assets/music-4k.jpg);}
body.journal-page .hero-art{background-image:linear-gradient(90deg,rgba(7,12,11,.88) 0%,rgba(7,12,11,.56) 42%,rgba(7,12,11,.14) 80%,rgba(7,12,11,.48) 100%),linear-gradient(0deg,#10201e 0%,transparent 55%),url(/assets/journal-4k.jpg);}
body.history-page main,body.waves-page main{position:relative;isolation:isolate;min-height:100vh;padding-top:1px;}
body.history-page main:before,body.waves-page main:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,8,7,.12),rgba(8,8,7,.56) 42%,rgba(7,7,6,.9));}
@media(max-width:800px){body.main-page,body.music-page,body.journal-page,body.history-page,body.waves-page{background-attachment:scroll;background-position:center top}.hero-art{background-position:center}.section-head{position:relative}}
body.main-page .hero-art{background-image:linear-gradient(90deg,rgba(5,7,7,.88) 0%,rgba(5,7,7,.56) 38%,rgba(5,7,7,.14) 78%,rgba(5,7,7,.5) 100%),linear-gradient(0deg,#071014 0%,transparent 55%),url(/assets/main-home-original.jpg);}

/* OudBeat 10.12 — unique full-page 4K backgrounds.
   Each navigation page has its own image; do not let the generic page gradients
   overwrite these backgrounds. */
body.page-home,
body.page-music,
body.page-journal,
body.page-history,
body.page-waves,
body.page-about{
  background-attachment:fixed;
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  background-color:#071014;
}
body.page-home{background-image:url('/assets/main-home-original.jpg');}
body.page-music{background-image:url('/assets/music-4k.jpg');}
body.page-journal{background-image:url('/assets/journal-4k.jpg');}
body.page-history{background-image:url('/assets/history-4k.jpg');}
body.page-waves{background-image:url('/assets/waves-4k.jpg');}
body.page-about{background-image:url('/assets/main-home-original.jpg');}
body.page-home::before,body.page-music::before,body.page-journal::before,
body.page-history::before,body.page-waves::before,body.page-about::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg,rgba(2,5,7,.16),rgba(2,5,7,.55) 55%,rgba(2,4,5,.78));
}
@media(max-width:800px){
  body.page-home,body.page-music,body.page-journal,body.page-history,body.page-waves,body.page-about{
    background-attachment:scroll;
  }
}

.oudbeat-player-top{z-index:20;pointer-events:none;}
.oudbeat-player-top .oudbeat-player-btn,
.oudbeat-player-top .oudbeat-player-drag{pointer-events:auto;}
.oudbeat-player-restore,.oudbeat-player-hidden-restore{z-index:30;}

/* 10.13 — restore release thumbnail behind the Play Release control. */
.oudbeat-launcher-box{position:relative!important;aspect-ratio:16/9!important;min-height:220px!important;overflow:hidden!important;border-radius:18px!important;background:#050505!important;}
.oudbeat-release-thumb{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;opacity:.9!important;}
.oudbeat-launcher-box:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72));pointer-events:none;}
.oudbeat-launcher-box .oudbeat-release-launch{position:absolute!important;z-index:2!important;left:50%!important;bottom:24px!important;transform:translateX(-50%)!important;}
.oudbeat-launcher-box .oudbeat-release-launch:hover{transform:translateX(-50%) translateY(-2px)!important;}


/* OudBeat 10.14 — approved user-selected background set */
body.main-page{
  background-image:url('/assets/main-home-original.jpg');
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
body.page-music{background-image:url('/assets/music-4k.jpg') !important;}
body.page-journal{background-image:url('/assets/journal-4k.jpg') !important;}
body.page-history{background-image:url('/assets/history-4k.jpg') !important;}
body.page-waves{background-image:url('/assets/waves-4k.jpg') !important;}

/* OudBeat 10.15 — section background wiring fix */
body.main-page, body.page-home { background-image:url('/assets/main-home-original.jpg') !important; background-position:center top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
body.music-page, body.page-music { background-image:url('/assets/music-4k.jpg') !important; background-position:center top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
body.journal-page, body.page-journal { background-image:url('/assets/journal-4k.jpg') !important; background-position:center top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
body.history-page, body.page-history { background-image:url('/assets/history-4k.jpg') !important; background-position:center top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
body.waves-page, body.page-waves { background-image:url('/assets/waves-4k.jpg') !important; background-position:center top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
/* Let the chosen page image remain visible behind content instead of an opaque dark main. */
body.music-page main, body.journal-page main, body.history-page main, body.waves-page main,
body.page-music main, body.page-journal main, body.page-history main, body.page-waves main { background:transparent !important; }
body.history-page main:before, body.waves-page main:before { background:linear-gradient(180deg,rgba(5,7,8,.16),rgba(5,7,8,.50) 48%,rgba(5,7,8,.78)); z-index:0; }
body.history-page main > *, body.waves-page main > * { position:relative; z-index:1; }
body.journal-page .hero-art { background-image:linear-gradient(90deg,rgba(7,12,11,.82) 0%,rgba(7,12,11,.46) 42%,rgba(7,12,11,.10) 80%,rgba(7,12,11,.42) 100%),linear-gradient(0deg,#10201e 0%,transparent 55%),url('/assets/journal-4k.jpg') !important; }
body.music-page .hero-art { background-image:linear-gradient(90deg,rgba(5,8,8,.82) 0%,rgba(5,8,8,.44) 40%,rgba(5,8,8,.10) 80%,rgba(5,8,8,.42) 100%),linear-gradient(0deg,#07151a 0%,transparent 55%),url('/assets/music-4k.jpg') !important; }
body.history-page .hero-art { background-image:linear-gradient(90deg,rgba(12,8,7,.82) 0%,rgba(12,8,7,.44) 42%,rgba(12,8,7,.10) 80%,rgba(12,8,7,.42) 100%),linear-gradient(0deg,#1a1210 0%,transparent 55%),url('/assets/history-4k.jpg') !important; }
body.waves-page .hero-art { background-image:linear-gradient(90deg,rgba(4,12,17,.82) 0%,rgba(4,12,17,.44) 42%,rgba(4,12,17,.10) 80%,rgba(4,12,17,.42) 100%),linear-gradient(0deg,#06141c 0%,transparent 55%),url('/assets/waves-4k.jpg') !important; }
@media(max-width:800px){body.main-page,body.page-home,body.music-page,body.page-music,body.journal-page,body.page-journal,body.history-page,body.page-history,body.waves-page,body.page-waves{background-attachment:scroll;}}

/* OudBeat 10.17: readable dark 4K background system + homepage visibility fix */
body.main-page,
body.music-page,
body.journal-page,
body.history-page,
body.waves-page,
body.page-home,
body.page-music,
body.page-journal,
body.page-history,
body.page-waves{
  background-color:#070909 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center top !important;
  background-attachment:fixed !important;
}
body.main-page,body.page-home{background-image:linear-gradient(rgba(3,5,6,.20),rgba(3,5,6,.34)),url('/assets/main-home-original.jpg') !important;}
body.music-page,body.page-music{background-image:linear-gradient(rgba(3,7,8,.20),rgba(3,7,8,.38)),url('/assets/music-4k.jpg') !important;}
body.journal-page,body.page-journal{background-image:linear-gradient(rgba(4,8,7,.20),rgba(4,8,7,.38)),url('/assets/journal-4k.jpg') !important;}
body.history-page,body.page-history{background-image:linear-gradient(rgba(8,5,4,.20),rgba(8,5,4,.40)),url('/assets/history-4k.jpg') !important;}
body.waves-page,body.page-waves{background-image:linear-gradient(rgba(2,8,12,.18),rgba(2,8,12,.42)),url('/assets/waves-4k.jpg') !important;}
body.main-page .hero,
body.page-home .hero{background:#080a0a !important;}
body.main-page .hero-art,
body.page-home .hero-art{
  background-image:
    linear-gradient(90deg,rgba(3,5,5,.90) 0%,rgba(3,5,5,.66) 38%,rgba(3,5,5,.22) 78%,rgba(3,5,5,.58) 100%),
    linear-gradient(0deg,rgba(4,5,5,.78),transparent 62%),
    url('/assets/main-home-original.jpg') !important;
  background-size:cover !important;
  background-position:center !important;
  opacity:1 !important;
  filter:none !important;
}
body.main-page .hero-inner,body.page-home .hero-inner{position:relative !important;z-index:3 !important;visibility:visible !important;opacity:1 !important;}
body.main-page .hero:after,body.page-home .hero:after{z-index:2 !important;}
body.main-page .stats,body.page-home .stats{position:relative;z-index:2;}
@media(max-width:800px){
 body.main-page,body.music-page,body.journal-page,body.history-page,body.waves-page,body.page-home,body.page-music,body.page-journal,body.page-history,body.page-waves{background-attachment:scroll !important;}
}


/* OudBeat 10.18 — homepage reading mode: artwork stays in hero only. */
body.main-page, body.page-home {
  background:#080705 !important;
  background-image:none !important;
  background-attachment:scroll !important;
}
body.main-page:after, body.page-home:after { display:none !important; }
body.main-page .hero { background:#080705 !important; }
body.main-page .hero-art, body.page-home .hero-art {
  background-image:
    linear-gradient(90deg,rgba(3,5,5,.90) 0%,rgba(3,5,5,.66) 38%,rgba(3,5,5,.22) 78%,rgba(3,5,5,.58) 100%),
    linear-gradient(0deg,rgba(4,5,5,.78),transparent 62%),
    url('/assets/main-home-original.jpg') !important;
}
body.main-page #music, body.page-home #music,
body.main-page .stats, body.page-home .stats,
body.main-page .journal-band, body.page-home .journal-band,
body.main-page .about, body.page-home .about { background:#080705 !important; }

/* OudBeat 10.19 — restore visual video thumbnail catalog on Home. */
#music .grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
#music .card{display:block!important;visibility:visible!important;opacity:1!important;}
#music .thumb{display:block!important;min-height:0;}
#music .thumb img{display:block!important;width:100%;height:100%;object-fit:cover;}
@media(max-width:1100px){#music .grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){#music .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}
@media(max-width:520px){#music .grid{grid-template-columns:1fr;}}

/* OudBeat technical polish: active navigation + privacy controls */
.navlinks a.active,.navlinks a[aria-current="page"]{color:var(--gold2)!important;font-weight:700}.mobilebar a.active,.mobilebar a[aria-current="page"]{background:var(--gold);color:#111;border-color:var(--gold)}
#oudbeat-consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid rgba(215,170,84,.28);border-radius:16px;background:rgba(12,10,8,.96);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.45);color:#ddd5c7;font-size:13px;line-height:1.5}#oudbeat-consent strong{font-family:Cinzel,serif;color:var(--gold2);font-size:15px}#oudbeat-consent p{margin:4px 0 0;max-width:780px}.consent-actions{display:flex;gap:8px;flex-shrink:0}.consent-actions button{border:1px solid var(--line);background:#15120e;color:#eee;padding:10px 15px;border-radius:999px;cursor:pointer}.consent-actions .accept{background:var(--gold);color:#111;border-color:var(--gold);font-weight:700}@media(max-width:700px){#oudbeat-consent{left:10px;right:10px;bottom:80px;display:block}.consent-actions{margin-top:10px}.consent-actions button{width:50%}}


/* OudBeat About page: centered content + highlighted Music/History/Waves */
.oudbeat-about-page {
  text-align: center;
}
.oudbeat-about-page > * {
  margin-left: auto;
  margin-right: auto;
}
.oudbeat-about-page p,
.oudbeat-about-page .about-text {
  margin-left: auto;
  margin-right: auto;
}
.oudbeat-about-page .explore-grid,
.oudbeat-about-page .explore-cards,
.oudbeat-about-page .about-explore,
.oudbeat-about-page .about-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 22px;
  width: min(100%, 1080px);
  margin: 30px auto;
}
.oudbeat-about-page .explore-card,
.oudbeat-about-page .about-card,
.oudbeat-about-page .explore-grid > a,
.oudbeat-about-page .explore-cards > a,
.oudbeat-about-page .about-explore > a,
.oudbeat-about-page .about-links > a {
  box-sizing: border-box;
  flex: 1 1 280px;
  max-width: 340px;
  min-height: 180px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid rgba(212,175,55,.55);
  border-radius: 16px;
  text-decoration: none;
  background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(212,175,55,.06));
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.oudbeat-about-page .explore-card:hover,
.oudbeat-about-page .about-card:hover,
.oudbeat-about-page .explore-grid > a:hover,
.oudbeat-about-page .explore-cards > a:hover,
.oudbeat-about-page .about-explore > a:hover,
.oudbeat-about-page .about-links > a:hover {
  transform: translateY(-4px);
  border-color: rgba(212,175,55,.95);
  box-shadow: 0 14px 34px rgba(0,0,0,.3);
}
.oudbeat-about-page .explore-card h3,
.oudbeat-about-page .about-card h3,
.oudbeat-about-page .explore-grid > a h3,
.oudbeat-about-page .explore-cards > a h3,
.oudbeat-about-page .about-explore > a h3,
.oudbeat-about-page .about-links > a h3 {
  margin: 0 0 10px;
  text-align: center;
}
.oudbeat-about-page .explore-card p,
.oudbeat-about-page .about-card p,
.oudbeat-about-page .explore-grid > a p,
.oudbeat-about-page .explore-cards > a p,
.oudbeat-about-page .about-explore > a p,
.oudbeat-about-page .about-links > a p {
  margin: 0;
  text-align: center;
}
@media (max-width: 700px) {
  .oudbeat-about-page .explore-grid,
  .oudbeat-about-page .explore-cards,
  .oudbeat-about-page .about-explore,
  .oudbeat-about-page .about-links {
    gap: 15px;
  }
  .oudbeat-about-page .explore-card,
  .oudbeat-about-page .about-card,
  .oudbeat-about-page .explore-grid > a,
  .oudbeat-about-page .explore-cards > a,
  .oudbeat-about-page .about-explore > a,
  .oudbeat-about-page .about-links > a {
    flex-basis: 100%;
    max-width: 100%;
  }
}


/* OUDBEAT ADSENSE VALUE UPDATE 2026-10-06 */
.editorial-intro{max-width:900px;margin:0 auto;padding:0 0 18px}
.editorial-intro .eyebrow{margin-bottom:8px}
.editorial-intro h2{font-family:Cinzel,serif;font-size:clamp(30px,4vw,48px);line-height:1.08;margin:0 0 14px}
.editorial-intro p{color:#c7c0b3;font-size:16px;line-height:1.8;margin:10px 0}
.editorial-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.editorial-point{border:1px solid var(--line);background:rgba(17,16,13,.72);border-radius:16px;padding:20px}
.editorial-point strong{display:block;color:var(--gold2);font-family:Cinzel,serif;font-size:18px;margin-bottom:7px}
.editorial-point span{color:#aaa294;font-size:13px;line-height:1.55}
.release-notes{margin-top:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(23,19,13,.9),rgba(12,10,8,.75));padding:26px 28px}
.release-notes h2{font-family:Cinzel,serif;font-size:25px;margin:0 0 10px;color:var(--gold2)}
.release-notes h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#e5dccb;margin:22px 0 7px}
.release-notes p{color:#bdb5a7;line-height:1.75;margin:8px 0}
.release-notes ul{color:#bdb5a7;line-height:1.7;margin:8px 0 0;padding-left:20px}
.release-notes .note-source{font-size:12px;color:#888174;margin-top:18px}
@media(max-width:850px){.editorial-points{grid-template-columns:1fr}.release-notes{padding:22px 20px}}

.support-paypal-center{display:flex;justify-content:center;align-items:center;margin:10px 0 18px;text-align:center;}

/* OudBeat release notification link — added without changing existing navigation */
.oudbeat-release-bell{display:inline-flex;align-items:center;gap:5px;margin-left:8px;color:inherit;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap;line-height:1;border:0;background:transparent}
.oudbeat-release-bell-icon{font-size:15px;line-height:1}
.oudbeat-release-bell:hover{opacity:.82}
@media(max-width:700px){.oudbeat-release-bell{font-size:11px;margin-left:5px;gap:3px}.oudbeat-release-bell-icon{font-size:14px}}


/* OudBeat readability + centered About page + four related article cards */
.oudbeat-about-page > section { max-width: 980px; margin-left:auto; margin-right:auto; text-align:center; }
.oudbeat-about-page > section > h2,
.oudbeat-about-page > section > h3,
.oudbeat-about-page > section > p { margin-left:auto; margin-right:auto; max-width:820px; }
.oudbeat-about-page .about-hero { max-width:900px; }
.oudbeat-about-page .about-links { margin-left:auto; margin-right:auto; }
.article p, .article li { color:#e7e0d5; text-shadow:0 1px 8px rgba(0,0,0,.30); }
.article .heroText { color:#ddd5c7; text-shadow:0 1px 8px rgba(0,0,0,.32); }
.article .related-articles { margin-top:52px; padding-top:28px; border-top:1px solid var(--line); }
.related-head h2 { font-family:Cinzel,Georgia,serif; font-size:28px; line-height:1.2; margin:7px 0 6px; }
.related-head p { color:var(--muted); margin:0 0 20px; }
.related-articles .article-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.related-articles .article-card { min-height:100%; }
.related-articles .article-card h3 { color:#eee7da; }
.related-articles .article-card p { color:#bdb5a8; text-shadow:none; }
@media(max-width:1050px){.related-articles .article-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.related-articles .article-list{grid-template-columns:1fr;}.oudbeat-about-page > section{width:min(100%,calc(100% - 28px));}}


/* OudBeat section header artwork — distinct visual identity for each section */
.topbar[class*="section-header-"]{position:sticky;background-color:rgba(7,6,5,.84);background-position:center 46%;background-size:cover;background-repeat:no-repeat;isolation:isolate;overflow:hidden;}
.topbar[class*="section-header-"]::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,4,3,.94) 0%,rgba(5,4,3,.76) 45%,rgba(5,4,3,.88) 100%);}
.topbar[class*="section-header-"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(215,170,84,.28);}
.section-header-music{background-image:url('/assets/music-4k.jpg');}
.section-header-journal{background-image:url('/assets/journal-4k.jpg');}
.section-header-history{background-image:url('/assets/history-4k.jpg');}
.section-header-waves{background-image:url('/assets/waves-4k.jpg');}
.section-header-music .nav a,.section-header-journal .nav a,.section-header-history .nav a,.section-header-waves .nav a{ text-shadow:0 1px 8px rgba(0,0,0,.75); }
@media(max-width:760px){.topbar[class*="section-header-"]{background-position:center center}.topbar[class*="section-header-"]::before{background:linear-gradient(90deg,rgba(5,4,3,.95),rgba(5,4,3,.82));}}


/* OudBeat premium light-gradient editorial theme — October 2026.
   Soft ivory, champagne bronze, and muted sage replace the old dark canvas. */
:root{
  --bg:#f7f4ee!important;--panel:#fffdf9!important;--panel2:#f1eadf!important;
  --gold:#9d6c3c!important;--gold2:#80552f!important;--text:#282720!important;
  --muted:#716c62!important;--line:rgba(139,103,61,.22)!important;
  --max:1480px;--shadow:0 18px 48px rgba(63,48,28,.10)!important;
}
html,body{background:linear-gradient(130deg,#fbf8f1 0%,#f2e8d9 52%,#e9f0e9 100%)!important;color:#282720!important}
body:before,body:after,body.main-page:after,body.page-home:after,body.page-music:after,body.page-journal:after,body.page-history:after,body.page-waves:after{display:none!important;content:none!important}
body.main-page,body.page-home,body.music-page,body.page-music,body.journal-page,body.page-journal,body.history-page,body.page-history,body.waves-page,body.page-waves,body.page-about,body.about-page{
  background:linear-gradient(130deg,#fbf8f1 0%,#f2e8d9 52%,#e9f0e9 100%)!important;background-attachment:scroll!important;color:#282720!important
}
body main,body.page-home main,body.page-music main,body.page-journal main,body.page-history main,body.page-waves main{background:transparent!important;color:#282720!important}
body.history-page main:before,body.waves-page main:before,body.journal-page main:before{display:none!important;content:none!important}
.topbar,.topbar[class*="section-header-"]{
  background:rgba(255,253,248,.91)!important;background-image:none!important;color:#282720!important;
  border-bottom:1px solid rgba(139,103,61,.18)!important;box-shadow:0 8px 30px rgba(44,37,25,.05)!important;
  backdrop-filter:blur(18px)!important
}
.topbar[class*="section-header-"]::before,.topbar[class*="section-header-"]::after{display:none!important;content:none!important}
.brand{color:#80552f!important}
.navlinks a,.footerlinks a,.mobilebar a{color:#4b493f!important}
.navlinks a:hover,.footerlinks a:hover,.navlinks a.active,.navlinks a[aria-current="page"]{color:#86572e!important}
.pill{background:rgba(255,255,255,.74)!important;color:#50483d!important;border-color:rgba(139,103,61,.25)!important}
.yt,.pill.yt{background:linear-gradient(135deg,#b64b40,#8f3029)!important;color:#fff!important;border-color:rgba(143,48,41,.35)!important}
.hero{background:linear-gradient(135deg,#e9dbc4 0%,#fbf6ea 48%,#dce8de 100%)!important;color:#282720!important}
.hero-art{opacity:.16!important;filter:saturate(.72) contrast(.88)!important}
.hero:after{background:linear-gradient(180deg,rgba(255,250,241,.04),rgba(247,244,238,.24))!important;opacity:.28!important}
.hero h1,.hero h2,.hero h3,.hero p,.hero-copy,.hero-copy p,.hero-meta,.hero-kicker,.hero h1 em{color:#282720!important;text-shadow:none!important}
.hero-kicker,.hero h1 em,.eyebrow,.live-dot{color:#86572e!important}
.btn{background:linear-gradient(135deg,#fffdf9,#efe4d3)!important;color:#2d2a23!important;border:1px solid rgba(139,103,61,.25)!important;box-shadow:0 8px 22px rgba(62,48,29,.06)!important}
.btn.gold,.btn.primary{background:linear-gradient(125deg,#b47c42 0%,#e2c48d 55%,#9eae9d 100%)!important;color:#25271f!important;border-color:rgba(128,85,47,.22)!important}
.btn.ghost{background:rgba(255,253,248,.72)!important;color:#39372f!important}
.hero-meta,.section-head p,.description,.muted,.footer,.meta,.card-eyebrow,.statgrid span{color:#6e695e!important}
.stats,.featured-player,.featured,.about,.journal-band,.editorial-point,.release-notes,.search,.select,.filter,.empty,.card,.article-card,.article-list .article-card{
  color:#292820!important;border-color:rgba(139,103,61,.18)!important;box-shadow:0 13px 32px rgba(62,48,29,.06)!important
}
.stats{background:linear-gradient(115deg,rgba(255,253,248,.94),rgba(239,231,216,.93))!important}
.featured-player,.featured{background:linear-gradient(120deg,rgba(255,253,248,.96),rgba(238,231,218,.95))!important}
.featured:after{background:linear-gradient(90deg,rgba(255,253,248,.94),rgba(255,253,248,.72) 48%,rgba(255,253,248,.16) 100%)!important}
.journal-band{background:linear-gradient(115deg,#f3e7d6 0%,#f9f4e9 48%,#e3ece3 100%)!important}
.about{background:linear-gradient(130deg,#f8f1e6,#eaf0e8)!important}
.card,.article-card{background:linear-gradient(145deg,rgba(255,253,249,.98),rgba(241,233,219,.95))!important;color:#282720!important;border:1px solid rgba(139,103,61,.19)!important}
.card:hover,.article-card:hover{border-color:rgba(157,108,60,.42)!important;box-shadow:0 18px 42px rgba(62,48,29,.12)!important}
.tag{background:linear-gradient(125deg,#f0e1ca,#e2e9df)!important;color:#76502e!important;border:1px solid rgba(139,103,61,.16)!important}
.watch,.card h3,.article-card h3,.related-articles .article-card h3{color:#73502f!important}
.card p,.article-card p,.related-articles .article-card p,.description,.featured-info p,.featured p,.about p{color:#5c584f!important}
.search,.select,.filter{background:rgba(255,253,249,.92)!important;color:#292820!important;border:1px solid rgba(139,103,61,.23)!important}
.search::placeholder{color:#888174!important}
.filter.active{background:linear-gradient(125deg,#bd8a50,#e0c48d)!important;color:#282720!important}
.footer{background:linear-gradient(125deg,#f1e8d9,#f9f6ef 55%,#e7ede6)!important;color:#635d53!important;border-top:1px solid rgba(139,103,61,.16)!important}
.mobilebar{background:rgba(255,253,248,.96)!important;border-top:1px solid rgba(139,103,61,.2)!important;box-shadow:0 -8px 25px rgba(44,37,25,.06)!important}
.mobilebar a.active,.mobilebar a[aria-current="page"]{background:linear-gradient(125deg,#dfc79d,#dce7dc)!important;color:#312d25!important}
.article h1,.article h2,.article h3,.article .related-head h2{color:#302d25!important}
.article p,.article li,.article .heroText,.article .related-articles .article-card p{color:#504c43!important}
.article a,.article .crumb a,.article h3{color:#81582f!important}
.article .sources{border-top-color:rgba(139,103,61,.22)!important}
.article .sources h2{color:#5b5346!important}
.article .sources li,.article .sources a{font-size:12px!important;line-height:1.65!important}
.article .source-intro{font-size:12px!important;line-height:1.65!important;color:#6c665b!important;margin:0 0 10px!important}
.article .note,.article .editorial-standard{color:#706a60!important;border-color:rgba(139,103,61,.14)!important}
.article .note strong,.article .editorial-standard strong{color:#79542f!important}
.oudbeat-release-launch{color:#50483d!important}
.oudbeat-release-launch small{color:#6e695e!important}
.oudbeat-release-launch:hover{background:rgba(157,108,60,.08)!important}
.oudbeat-consent,#oudbeat-consent{background:rgba(255,253,248,.98)!important;color:#3a372f!important;border:1px solid rgba(139,103,61,.2)!important;box-shadow:0 18px 45px rgba(44,37,25,.14)!important}
#oudbeat-consent strong{color:#80552f!important}
.consent-actions button{background:#f1e7d7!important;color:#353128!important;border-color:rgba(139,103,61,.24)!important}
.consent-actions .accept{background:linear-gradient(125deg,#bd8a50,#dfc48f)!important;color:#2a2923!important}
.editorial-point{background:rgba(255,253,249,.84)!important;border:1px solid rgba(139,103,61,.18)!important}
.editorial-point strong{color:#80552f!important}
.editorial-point span{color:#69645a!important}
.release-notes{background:linear-gradient(145deg,rgba(255,253,249,.96),rgba(240,231,217,.94))!important}
.release-notes h2,.release-notes h3{color:#76512f!important}
.release-notes p,.release-notes ul,.release-notes .note-source{color:#5a564d!important}
.skip-link{background:#c7a36c!important;color:#2b271f!important}
@media(max-width:700px){
  .topbar,.topbar[class*="section-header-"]{background:rgba(255,253,248,.97)!important}
  .hero{background:linear-gradient(150deg,#eee0ca,#faf5ea 56%,#e0e9df)!important}
  .article .source-intro{font-size:12px!important}
}

/* Premium gradient continuations for full-width sections */
#music,body.page-music #music,body.music-page #music{background:linear-gradient(125deg,#f3e5d0 0%,#faf6ed 52%,#e3ece4 100%)!important;color:#282720!important}
body.journal-page main,body.music-page main,body.history-page main,body.waves-page main,body.main-page main,body.about-page main{background:transparent!important;color:#282720!important}

/* OudBeat privacy notice — compact, non-blocking footer control (2026-10-22). */
#oudbeat-privacy-note{
  box-sizing:border-box;
  width:calc(100% - 32px);
  max-width:1120px;
  margin:8px auto 0;
  padding:10px 0 12px;
  border-top:1px solid rgba(139,103,61,.16);
  color:#696257;
  font:12px/1.5 Inter,Arial,sans-serif;
}
#oudbeat-privacy-note *{box-sizing:border-box}
.oudbeat-privacy-note-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.oudbeat-privacy-note-copy{display:flex;align-items:baseline;gap:8px;min-width:0}
.oudbeat-privacy-note-copy strong{flex:0 0 auto;color:#80552f;font-weight:700;font-size:12px}
.oudbeat-privacy-note-copy span{color:#696257}
.oudbeat-privacy-manage,
.oudbeat-privacy-actions button{
  appearance:none;
  flex:0 0 auto;
  border:1px solid rgba(139,103,61,.25);
  border-radius:999px;
  background:rgba(255,253,248,.85);
  color:#5a4935;
  padding:6px 11px;
  font:600 11px/1.35 Inter,Arial,sans-serif;
  cursor:pointer;
}
.oudbeat-privacy-manage:hover,.oudbeat-privacy-actions button:hover{background:#f0e5d3}
.oudbeat-privacy-manage:focus-visible,.oudbeat-privacy-actions button:focus-visible{outline:2px solid #927148;outline-offset:3px}
.oudbeat-privacy-panel{margin:10px 0 2px;padding:12px 14px;border:1px solid rgba(139,103,61,.18);border-radius:12px;background:rgba(255,253,248,.9);color:#514b40}
.oudbeat-privacy-panel[hidden]{display:none!important}
.oudbeat-privacy-panel p{margin:0 0 10px;font-size:12px;line-height:1.55;color:#625b50}
.oudbeat-privacy-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.oudbeat-privacy-actions .allow{background:linear-gradient(125deg,#bd8a50,#dfc48f);border-color:transparent;color:#29251e}
.oudbeat-privacy-actions .close{margin-left:auto;background:transparent}
@media(max-width:700px){
  #oudbeat-privacy-note{width:calc(100% - 28px);padding:8px 0 10px}
  .oudbeat-privacy-note-row{align-items:flex-start;gap:9px}
  .oudbeat-privacy-note-copy{display:block;line-height:1.45}
  .oudbeat-privacy-note-copy strong{display:block;margin-bottom:2px}
  .oudbeat-privacy-manage{max-width:125px;white-space:nowrap}
  .oudbeat-privacy-actions button{flex:1 1 calc(50% - 8px)}
  .oudbeat-privacy-actions .close{margin-left:0}
}


/* Re-evaluated compact premium header + Journal hero (2026-10-22).
   Explicitly constrain header height and remove inherited vertical padding. */
.topbar,
.topbar[class*="section-header-"] {
  padding-block: 0 !important;
  min-height: 0 !important;
}
.topbar .nav {
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: 88px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 16px !important;
  align-items: center !important;
}
.topbar .brand {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  line-height: 0 !important;
}
.topbar .brand-logo {
  display: block !important;
  width: 104px !important;
  max-width: 104px !important;
  height: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: center !important;
}
.brand-logo-footer {
  width: 128px !important;
  max-width: 128px !important;
  height: 46px !important;
  object-fit: contain !important;
}
#oudbeat-header-logo-size { display: none !important; }

/* Tighten the Journal hero so the headline and content sit higher on screen. */
body.journal-page .hero {
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: center !important;
  padding: 0 !important;
}
body.journal-page .hero-inner {
  box-sizing: border-box !important;
  width: min(var(--max), calc(100% - 44px)) !important;
  max-width: 880px !important;
  padding: 34px 0 36px !important;
}
body.journal-page .hero h1 {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  line-height: .98 !important;
}
body.journal-page .hero-copy {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  line-height: 1.55 !important;
}
body.journal-page .hero-meta { margin-top: 12px !important; }
@media (max-width: 760px) {
  .topbar .nav {
    height: 72px !important;
    min-height: 0 !important;
    gap: 9px !important;
  }
  .topbar .brand-logo {
    width: 82px !important;
    max-width: 82px !important;
    height: 36px !important;
    max-height: 36px !important;
  }
  body.journal-page .hero-inner {
    width: calc(100% - 32px) !important;
    padding: 26px 0 28px !important;
  }
  body.journal-page .hero h1 {
    font-size: clamp(2.25rem, 10vw, 3.6rem) !important;
    line-height: 1.02 !important;
  }
  body.journal-page .hero-copy { font-size: 16px !important; }
}

/* Premium OudBeat homepage intro: editable HTML over the supplied emerald-and-gold oud artwork. */
body.homepage-redesign .premium-home-stage {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom:1px solid rgba(225,177,82,.22);
}
body.homepage-redesign .premium-home-stage::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;left:0;right:0;
  height:clamp(700px,58vw,940px);
  pointer-events:none;
  background-color:#071710;
  background-image:
    linear-gradient(90deg,rgba(5,13,10,.83) 0%,rgba(5,18,13,.69) 34%,rgba(5,18,13,.38) 62%,rgba(5,12,9,.52) 100%),
    linear-gradient(0deg,rgba(6,12,9,.9) 0%,rgba(6,12,9,.15) 34%,rgba(6,12,9,.08) 100%),
    url('/assets/oudbeat-premium-banner.webp');
  background-size:cover,cover,auto 860px;
  background-position:center,center,35% top;
  background-repeat:no-repeat;
}
body.homepage-redesign .topbar.section-header-journal {
  background:linear-gradient(180deg,rgba(4,11,8,.74),rgba(4,11,8,.38));
  border-bottom:1px solid rgba(226,185,99,.22);
  backdrop-filter:blur(16px);
}
body.homepage-redesign .premium-intro {
  position:relative;
  padding:52px 0 26px;
}
body.homepage-redesign .premium-intro-inner { position:relative; z-index:1; max-width:1480px; }
body.homepage-redesign .premium-intro .hero-kicker {
  color:#f0c66f;
  letter-spacing:.23em;
  font-size:11px;
  gap:10px;
  margin-bottom:14px;
}
body.homepage-redesign .premium-intro .live-dot { background:#edbb59; box-shadow:0 0 15px rgba(237,187,89,.68); }
body.homepage-redesign .premium-intro h1 {
  font-family:Cinzel,Georgia,serif;
  font-size:clamp(42px,5.6vw,76px);
  line-height:.99;
  letter-spacing:-.025em;
  max-width:760px;
  margin:0 0 16px;
  color:#fff8e8;
  text-shadow:0 3px 28px rgba(0,0,0,.3);
}
body.homepage-redesign .premium-intro h1 em { color:#f0c66f; font-style:normal; }
body.homepage-redesign .premium-intro h2 {
  font-family:Cinzel,Georgia,serif;
  font-size:clamp(18px,2.1vw,28px);
  line-height:1.25;
  letter-spacing:.005em;
  max-width:690px;
  margin:0 0 17px;
  color:#f6d995;
  font-weight:600;
  text-shadow:0 2px 18px rgba(0,0,0,.38);
}
body.homepage-redesign .premium-intro-copy,
body.homepage-redesign .premium-intro-note {
  color:#eee5d3;
  font-size:clamp(14px,1.12vw,16px);
  line-height:1.72;
  max-width:730px;
  margin:0 0 11px;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}
body.homepage-redesign .premium-intro-note { color:#f2d8a0; margin-bottom:0; }
body.homepage-redesign .premium-category-band { position:relative; padding:16px 0 36px; }
body.homepage-redesign .premium-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body.homepage-redesign .premium-category-card {
  display:flex;
  align-items:flex-start;
  gap:18px;
  min-height:174px;
  padding:24px 24px 21px;
  color:#3c2b19;
  background:linear-gradient(145deg,rgba(255,251,241,.98),rgba(245,231,207,.97));
  border:1px solid rgba(236,201,139,.76);
  border-radius:18px;
  box-shadow:0 15px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.85);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.homepage-redesign .premium-category-card:hover,
body.homepage-redesign .premium-category-card:focus-visible {
  transform:translateY(-4px);
  border-color:#d6a550;
  box-shadow:0 20px 44px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.9);
  outline:none;
}
body.homepage-redesign .premium-card-icon {
  flex:0 0 54px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(173,115,35,.32);
  background:radial-gradient(circle at 35% 25%,#fff8e7,#f0d7a5);
  color:#a46b22;
  font-size:30px;
  line-height:1;
  box-shadow:inset 0 1px 5px rgba(255,255,255,.9);
}
body.homepage-redesign .premium-card-book { font-size:27px; }
body.homepage-redesign .premium-card-wave { font-size:37px; font-weight:700; }
body.homepage-redesign .premium-card-content { display:flex; flex-direction:column; min-width:0; }
body.homepage-redesign .premium-card-content strong {
  color:#5a3417;
  font-family:Cinzel,Georgia,serif;
  font-size:clamp(19px,1.65vw,25px);
  line-height:1.15;
  font-weight:600;
  margin:1px 0 10px;
}
body.homepage-redesign .premium-card-content>span:not(.premium-card-link) {
  color:#5f574d;
  font-size:14px;
  line-height:1.62;
}
body.homepage-redesign .premium-card-link {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:14px;
  padding-top:11px;
  border-top:1px solid rgba(157,104,38,.2);
  color:#8b541c;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
body.homepage-redesign .premium-card-link b { font-size:16px; line-height:1; }
body.homepage-redesign main>.wrap { padding-top:54px; }
@media(max-width:1000px) {
  body.homepage-redesign .premium-category-grid { gap:12px; }
  body.homepage-redesign .premium-category-card { gap:12px; padding:20px 17px; }
  body.homepage-redesign .premium-card-icon { flex-basis:46px; width:46px; height:46px; font-size:26px; }
  body.homepage-redesign .premium-card-wave { font-size:32px; }
}
@media(max-width:760px) {
  body.homepage-redesign .premium-home-stage::before {
    height:1120px;
    background-image:
      linear-gradient(90deg,rgba(4,13,10,.86),rgba(4,15,11,.62)),
      linear-gradient(0deg,rgba(5,11,8,.92),rgba(5,11,8,.12) 72%),
      url('/assets/oudbeat-premium-banner.webp');
    background-size:cover,cover,auto 640px;
    background-position:center,center,48% top;
  }
  body.homepage-redesign .premium-intro { padding:31px 0 18px; }
  body.homepage-redesign .premium-intro-inner { width:calc(100% - 32px); }
  body.homepage-redesign .premium-intro .hero-kicker { font-size:10px; margin-bottom:12px; }
  body.homepage-redesign .premium-intro h1 { font-size:clamp(39px,10.5vw,58px); margin-bottom:15px; max-width:560px; }
  body.homepage-redesign .premium-intro h2 { font-size:clamp(19px,5.1vw,25px); line-height:1.28; margin-bottom:14px; }
  body.homepage-redesign .premium-intro-copy,
  body.homepage-redesign .premium-intro-note { font-size:14px; line-height:1.65; }
  body.homepage-redesign .premium-category-band { padding:12px 0 25px; }
  body.homepage-redesign .premium-category-grid { grid-template-columns:1fr; gap:12px; }
  body.homepage-redesign .premium-category-card { min-height:0; padding:18px 18px 16px; border-radius:15px; gap:14px; }
  body.homepage-redesign .premium-card-icon { flex-basis:48px; width:48px; height:48px; }
  body.homepage-redesign .premium-card-content strong { font-size:21px; margin-bottom:6px; }
  body.homepage-redesign .premium-card-content>span:not(.premium-card-link) { font-size:13px; line-height:1.55; }
  body.homepage-redesign .premium-card-link { margin-top:10px; padding-top:8px; }
  body.homepage-redesign main>.wrap { padding-top:40px; }
}
@media(prefers-reduced-motion:reduce) {
  body.homepage-redesign .premium-category-card { transition:none; }
}


/* OudBeat editorial page refresh — scoped to About, Support and History only.
   Use direct page classes instead of :has() so the redesign applies consistently. */

/* ABOUT: clear page canvas, dark emerald hero, readable ivory panels. */
main.oudbeat-about-redesign {
  box-sizing:border-box!important;position:relative!important;isolation:isolate!important;
  width:100%!important;max-width:none!important;margin:0 auto!important;
  padding:42px 20px 76px!important;
  color:#302c23!important;
  background:linear-gradient(135deg,#f8f2e8 0%,#f4ebdc 48%,#eaf0e8 100%)!important;
}
main.oudbeat-about-redesign .about-hero-feature {
  box-sizing:border-box!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;
  width:min(1120px,100%)!important;max-width:1120px!important;margin:0 auto 28px!important;
  padding:clamp(34px,6vw,72px) clamp(24px,6vw,72px)!important;text-align:center!important;
  border-radius:28px!important;border:1px solid rgba(212,170,95,.62)!important;
  background:radial-gradient(ellipse at 50% 0%,rgba(211,170,93,.23),transparent 58%),linear-gradient(135deg,#102c23 0%,#173d30 56%,#0c211b 100%)!important;
  box-shadow:0 24px 60px rgba(20,34,25,.17),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
main.oudbeat-about-redesign .about-hero-feature:after {
  content:"";position:absolute;z-index:-1;left:50%;bottom:-110px;transform:translateX(-50%);width:360px;height:180px;
  border:1px solid rgba(225,190,126,.24);border-radius:50%;box-shadow:0 0 0 24px rgba(225,190,126,.035),0 0 0 48px rgba(225,190,126,.025);
}
main.oudbeat-about-redesign .about-hero-feature h1 {color:#fff7e8!important;font:600 clamp(38px,6vw,66px)/1.08 Cinzel,Georgia,serif!important;letter-spacing:-.025em!important;margin:0 0 16px!important;}
main.oudbeat-about-redesign .about-hero-feature p {max-width:760px!important;margin:12px auto 0!important;color:#f0e9dc!important;font-size:clamp(16px,1.8vw,19px)!important;line-height:1.8!important;}
main.oudbeat-about-redesign .about-hero-feature .about-tagline {color:#f0cf88!important;font:600 clamp(14px,1.6vw,18px)/1.5 Inter,Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;}
main.oudbeat-about-redesign .about-content-panel {
  box-sizing:border-box!important;width:min(900px,100%)!important;max-width:900px!important;margin:0 auto 18px!important;
  padding:clamp(24px,4vw,38px)!important;border:1px solid rgba(137,105,62,.24)!important;border-radius:20px!important;
  background:linear-gradient(145deg,#fffdf8 0%,#f2e7d4 100%)!important;
  box-shadow:0 12px 32px rgba(48,39,24,.075),inset 0 1px 0 #fff!important;color:#39352c!important;
}
main.oudbeat-about-redesign .about-content-panel h2 {margin:0 0 15px!important;color:#174332!important;font:600 clamp(24px,3vw,32px)/1.2 Cinzel,Georgia,serif!important;}
main.oudbeat-about-redesign .about-content-panel h3 {color:#80552f!important;font-size:18px!important;}
main.oudbeat-about-redesign .about-content-panel p {color:#4f4a40!important;font-size:16px!important;line-height:1.85!important;max-width:790px!important;}
main.oudbeat-about-redesign .about-content-panel strong {color:#363126!important;}
main.oudbeat-about-redesign .about-links {display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important;margin:20px auto 0!important;}
main.oudbeat-about-redesign .about-links a {display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;min-width:112px!important;max-width:none!important;min-height:0!important;padding:12px 20px!important;border:1px solid rgba(177,132,57,.42)!important;border-radius:999px!important;background:#173d30!important;color:#fff5df!important;text-decoration:none!important;font-weight:700!important;transition:transform .18s ease,background .18s ease!important;}
main.oudbeat-about-redesign .about-links a:hover {transform:translateY(-2px)!important;background:#24533f!important;}
main.oudbeat-about-redesign .about-support-panel {text-align:center!important;background:linear-gradient(145deg,#123326,#1b4535)!important;border-color:rgba(224,190,124,.55)!important;}
main.oudbeat-about-redesign .about-support-panel h2,main.oudbeat-about-redesign .about-support-panel h3 {color:#f3d28d!important;}
main.oudbeat-about-redesign .about-support-panel p,main.oudbeat-about-redesign .about-support-panel strong {margin-left:auto!important;margin-right:auto!important;color:#f0e8d8!important;}
main.oudbeat-about-redesign .about-support-panel>a {display:inline-flex!important;justify-content:center!important;margin:10px auto 18px!important;padding:14px 25px!important;border-radius:999px!important;background:linear-gradient(135deg,#e8c77e,#bd8c3d)!important;color:#211b10!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important;}
main.oudbeat-about-redesign .about-support-panel img {display:block!important;width:min(190px,65vw)!important;height:auto!important;margin:10px auto 0!important;padding:8px!important;border-radius:12px!important;background:#fff!important;}

/* SUPPORT: warm centered canvas, legible copy, balanced QR / action card. */
main.oudbeat-support-redesign {box-sizing:border-box!important;position:relative!important;isolation:isolate!important;width:100%!important;max-width:none!important;margin:0!important;padding:clamp(28px,5vw,64px) 20px 78px!important;background:linear-gradient(135deg,#f8f2e8 0%,#f3eadc 52%,#e9f0e8 100%)!important;color:#302b22!important;}
main.oudbeat-support-redesign .support-layout-panel {
  box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;align-items:center!important;gap:clamp(24px,5vw,64px)!important;
  width:min(1080px,100%)!important;max-width:1080px!important;margin:0 auto!important;padding:clamp(28px,5vw,64px)!important;
  border:1px solid rgba(207,169,100,.56)!important;border-radius:28px!important;
  background:radial-gradient(ellipse at 0 0,rgba(206,167,97,.15),transparent 46%),linear-gradient(145deg,#fffdf8,#f0e5d0)!important;
  box-shadow:0 24px 64px rgba(25,35,26,.13),inset 0 1px 0 #fff!important;color:#302b22!important;
}
main.oudbeat-support-redesign .support-copy-column {min-width:0!important;}
main.oudbeat-support-redesign .support-layout-panel .eyebrow {color:#80552f!important;font-weight:800!important;letter-spacing:.19em!important;font-size:11px!important;}
main.oudbeat-support-redesign .support-layout-panel h1 {margin:14px 0 18px!important;color:#153c2d!important;font:600 clamp(38px,5vw,60px)/1.08 Cinzel,Georgia,serif!important;letter-spacing:-.025em!important;}
main.oudbeat-support-redesign .support-layout-panel .heroText {font-size:clamp(18px,2vw,22px)!important;line-height:1.65!important;color:#51483a!important;max-width:600px!important;}
main.oudbeat-support-redesign .support-layout-panel h2 {color:#204734!important;font:600 clamp(22px,2.5vw,29px)/1.25 Cinzel,Georgia,serif!important;}
main.oudbeat-support-redesign .support-layout-panel p {color:#514b40!important;line-height:1.8!important;}
main.oudbeat-support-redesign .support-qr {box-sizing:border-box!important;width:100%!important;max-width:360px!important;margin:0 auto!important;padding:26px!important;border:1px solid rgba(194,151,73,.5)!important;border-radius:22px!important;background:linear-gradient(160deg,#173d2e,#0e281e)!important;box-shadow:0 18px 38px rgba(19,44,31,.22)!important;color:#fff4df!important;}
main.oudbeat-support-redesign .support-qr h2 {color:#f0cf87!important;font-size:24px!important;}
main.oudbeat-support-redesign .support-qr p {color:#e7dfce!important;font-size:13px!important;}
main.oudbeat-support-redesign .support-qr img {width:min(240px,100%)!important;height:auto!important;box-shadow:0 6px 18px rgba(0,0,0,.2)!important;}
main.oudbeat-support-redesign .support-layout-panel .ctas {grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:26px 0 18px!important;}
main.oudbeat-support-redesign .support-layout-panel>p.muted {grid-column:1/-1!important;text-align:center!important;margin-bottom:0!important;color:#5e584d!important;}
main.oudbeat-support-redesign .support-layout-panel .ctas a {border-radius:999px!important;padding:12px 18px!important;font-weight:750!important;text-decoration:none!important;}
main.oudbeat-support-redesign .support-layout-panel .ctas a.gold {background:linear-gradient(135deg,#e6c47b,#bd8b3e)!important;color:#211a0e!important;border:1px solid #b78436!important;}
main.oudbeat-support-redesign .support-layout-panel .ctas a:not(.gold) {background:#fffaf0!important;border:1px solid rgba(29,77,54,.24)!important;color:#1c4935!important;}

/* HISTORY: opaque editorial hero and cream story cards, independent of body backgrounds. */
body.history-page main.oudbeat-history-redesign,main.oudbeat-history-redesign {box-sizing:border-box!important;position:relative!important;isolation:isolate!important;width:100%!important;max-width:none!important;margin:0!important;padding:34px 20px 76px!important;background:linear-gradient(135deg,#f8f2e8 0%,#f1e8dc 50%,#e9f0e8 100%)!important;color:#302b22!important;}
main.oudbeat-history-redesign .history-intro-panel {box-sizing:border-box!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;width:min(1120px,100%)!important;max-width:1120px!important;margin:0 auto 34px!important;padding:clamp(34px,6vw,72px)!important;text-align:center!important;border:1px solid rgba(216,177,105,.56)!important;border-radius:28px!important;background:radial-gradient(ellipse at 50% 0,rgba(219,179,106,.24),transparent 56%),linear-gradient(135deg,#102c23,#1c4634 55%,#0b211a)!important;box-shadow:0 24px 58px rgba(19,37,26,.17)!important;}
main.oudbeat-history-redesign .history-intro-panel .eyebrow {color:#f0cf88!important;letter-spacing:.22em!important;font-size:11px!important;font-weight:800!important;}
main.oudbeat-history-redesign .history-intro-panel h1 {margin:14px 0 18px!important;color:#fff6e5!important;font:600 clamp(38px,6vw,66px)/1.08 Cinzel,Georgia,serif!important;letter-spacing:-.025em!important;}
main.oudbeat-history-redesign .history-intro-panel .heroText {max-width:760px!important;margin:0 auto!important;color:#f0e9dc!important;font-size:clamp(16px,1.8vw,20px)!important;line-height:1.8!important;}
main.oudbeat-history-redesign .history-archive-panel {width:min(1120px,100%)!important;max-width:1120px!important;margin:0 auto!important;padding:0!important;}
main.oudbeat-history-redesign .history-archive-heading {margin:0 0 24px!important;padding:0 4px 20px!important;border-bottom:1px solid rgba(142,106,57,.22)!important;}
main.oudbeat-history-redesign .history-archive-heading .eyebrow {color:#805b30!important;font-size:10px!important;font-weight:800!important;letter-spacing:.2em!important;}
main.oudbeat-history-redesign .history-archive-heading h2 {margin:8px 0!important;color:#173f2f!important;font:600 clamp(25px,3vw,34px)/1.2 Cinzel,Georgia,serif!important;}
main.oudbeat-history-redesign .history-archive-heading p {margin:0!important;color:#554f44!important;line-height:1.7!important;}
main.oudbeat-history-redesign .history-archive-panel .article-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
main.oudbeat-history-redesign .history-archive-panel .article-card {display:flex!important;flex-direction:column!important;min-width:0!important;min-height:250px!important;padding:24px!important;border:1px solid rgba(154,118,66,.24)!important;border-radius:18px!important;background:linear-gradient(145deg,#fffdf8,#f1e6d2)!important;box-shadow:0 10px 28px rgba(47,37,21,.07),inset 0 1px 0 #fff!important;color:#302b22!important;text-decoration:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;}
main.oudbeat-history-redesign .history-archive-panel .article-card:hover {transform:translateY(-4px)!important;border-color:rgba(173,128,54,.65)!important;box-shadow:0 18px 34px rgba(47,37,21,.12)!important;}
main.oudbeat-history-redesign .history-archive-panel .article-card .tag {align-self:flex-start!important;padding:6px 10px!important;border:1px solid rgba(174,132,59,.28)!important;border-radius:999px!important;background:#f3e3bf!important;color:#7e5927!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
main.oudbeat-history-redesign .history-archive-panel .article-card h3 {margin:16px 0 10px!important;color:#173e2e!important;font:600 20px/1.32 Cinzel,Georgia,serif!important;}
main.oudbeat-history-redesign .history-archive-panel .article-card p {margin:0 0 18px!important;color:#514b40!important;font-size:14px!important;line-height:1.7!important;}
main.oudbeat-history-redesign .history-archive-panel .article-card .watch {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid rgba(147,108,53,.2)!important;color:#80552f!important;font-size:10px!important;font-weight:850!important;letter-spacing:.12em!important;}
@media(max-width:850px){main.oudbeat-support-redesign .support-layout-panel{grid-template-columns:1fr!important;gap:30px!important;}main.oudbeat-support-redesign .support-copy-column{text-align:center!important;}main.oudbeat-support-redesign .support-layout-panel .heroText{margin-left:auto!important;margin-right:auto!important;}main.oudbeat-support-redesign .support-layout-panel .ctas{justify-content:center!important;}main.oudbeat-history-redesign .history-archive-panel .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){main.oudbeat-about-redesign{padding:22px 12px 48px!important;}main.oudbeat-about-redesign .about-hero-feature{border-radius:20px!important;padding:34px 20px!important;}main.oudbeat-about-redesign .about-content-panel{padding:23px 20px!important;border-radius:16px!important;}main.oudbeat-support-redesign{padding:22px 12px 48px!important;}main.oudbeat-support-redesign .support-layout-panel{padding:28px 20px!important;border-radius:20px!important;}main.oudbeat-support-redesign .support-layout-panel .ctas{flex-direction:column!important;}main.oudbeat-support-redesign .support-layout-panel .ctas a{text-align:center!important;}body.history-page main.oudbeat-history-redesign,main.oudbeat-history-redesign{padding:22px 12px 48px!important;}main.oudbeat-history-redesign .history-intro-panel{padding:34px 20px!important;border-radius:20px!important;}main.oudbeat-history-redesign .history-archive-panel .article-grid{grid-template-columns:1fr!important;gap:13px!important;}main.oudbeat-history-redesign .history-archive-panel .article-card{min-height:0!important;padding:21px!important;}}
@media(prefers-reduced-motion:reduce){main.oudbeat-about-redesign .about-links a,main.oudbeat-history-redesign .history-archive-panel .article-card{transition:none!important;}}

/* Background replacement: the brighter supplied oud artwork is now the actual asset used
   by About, Support, and History. The homepage retains its original artwork copy. */
body.oudbeat-about-bg,
body.oudbeat-support-bg {
  background-color: #123326 !important;
  background-image: linear-gradient(90deg, rgba(5, 12, 8, 0.06), rgba(5, 12, 8, 0.04)), url('/assets/main-4k.jpg') !important;
  background-position: center top, center top !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}
body.oudbeat-history-bg {
  background-color: #123326 !important;
  background-image: linear-gradient(90deg, rgba(5, 12, 8, 0.06), rgba(5, 12, 8, 0.04)), url('/assets/history-4k.jpg') !important;
  background-position: center top, center top !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}
body.oudbeat-about-bg main.oudbeat-about-redesign,
body.oudbeat-support-bg main.oudbeat-support-redesign,
body.oudbeat-history-bg main.oudbeat-history-redesign {
  background: transparent !important;
}
@media (max-width: 760px) {
  body.oudbeat-about-bg,
  body.oudbeat-support-bg,
  body.oudbeat-history-bg {
    background-attachment: scroll !important;
  }
}

/* Distinguish full releases from short previews without changing the site layout. */
.version-note{margin:14px 0 18px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(215,170,84,.07);color:var(--muted);font-size:14px;line-height:1.65}.version-note strong{color:var(--gold2)}.version-note a{color:var(--gold2);text-decoration:underline;text-underline-offset:3px}

/* OudBeat header brand sizing: use the horizontal wordmark at a readable size. */
.topbar .brand-logo {
  display: block !important;
  width: clamp(118px, 11.8vw, 170px) !important;
  max-width: 170px !important;
  height: 62px !important;
  max-height: 62px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
@media (max-width: 760px) {
  .topbar .brand-logo {
    width: 135px !important;
    max-width: 135px !important;
    height: 54px !important;
    max-height: 54px !important;
    object-position: left center !important;
  }
}


/* 2026-11 complete update — accessible History archive contrast. */
body.history-page main.oudbeat-history-redesign,
body.page-history main.oudbeat-history-redesign {
  background: linear-gradient(135deg,#f8f2e8 0%,#f1e8dc 54%,#e9f0e8 100%) !important;
  color:#302b22 !important;
}
main.oudbeat-history-redesign .history-archive-heading {
  padding:24px 28px 22px !important;
  border:1px solid rgba(154,118,66,.22) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,#fffdf8 0%,#f4eadb 100%) !important;
  box-shadow:0 10px 28px rgba(47,37,21,.07), inset 0 1px 0 #fff !important;
}
main.oudbeat-history-redesign .history-archive-heading .eyebrow { color:#79552d !important; }
main.oudbeat-history-redesign .history-archive-heading h2 { color:#173f2f !important; }
main.oudbeat-history-redesign .history-archive-heading p { color:#494238 !important; }

/* Waves archive: meaningful level-two heading between the page H1 and cards. */
main .waves-index-heading {
  width:min(1120px,calc(100% - 40px));
  margin:34px auto 18px;
  color:#f3dfb4;
  font:600 clamp(23px,2.8vw,32px)/1.25 Cinzel,Georgia,serif;
}

/* Dedicated Journal landing page — distinct from the homepage Knowledge Library. */
main.journal-archive-page {
  box-sizing:border-box; width:100%; max-width:none; margin:0;
  padding:clamp(30px,5vw,64px) 20px 76px;
  background:linear-gradient(145deg,#101a15 0%,#11140f 52%,#0d100e 100%);
  color:#f7f0e2;
}
.journal-archive-page .journal-archive-hero,
.journal-archive-page .journal-latest {
  width:min(1120px,100%); margin:0 auto;
}
.journal-archive-page .journal-archive-hero {
  padding:clamp(34px,6vw,68px);
  border:1px solid rgba(215,170,84,.34); border-radius:26px;
  background:radial-gradient(ellipse at 80% 0,rgba(215,170,84,.16),transparent 42%),linear-gradient(135deg,#153629,#10251d 72%,#0b1b15);
  box-shadow:0 24px 58px rgba(0,0,0,.22);
}
.journal-archive-page .journal-archive-hero .eyebrow { color:#efce87; font-size:11px; font-weight:800; letter-spacing:.2em; }
.journal-archive-page .journal-archive-hero h1 { margin:14px 0 14px; color:#fff5e2; font:600 clamp(38px,6vw,64px)/1.08 Cinzel,Georgia,serif; }
.journal-archive-page .journal-archive-hero p { max-width:760px; margin:0; color:#e5ddcf; font-size:clamp(16px,1.8vw,19px); line-height:1.8; }
.journal-archive-page .journal-latest { margin-top:42px; }
.journal-archive-page .journal-latest-heading { margin-bottom:20px; }
.journal-archive-page .journal-latest-heading .eyebrow { color:#edc980; font-size:10px; font-weight:800; letter-spacing:.2em; }
.journal-archive-page .journal-latest-heading h2 { margin:8px 0 8px; color:#fff4df; font:600 clamp(24px,3vw,34px)/1.2 Cinzel,Georgia,serif; }
.journal-archive-page .journal-latest-heading p { margin:0; color:#c9c0b1; line-height:1.7; }
.journal-archive-page .journal-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.journal-archive-page .journal-feature-card { display:flex; flex-direction:column; min-height:220px; padding:22px; border:1px solid rgba(215,170,84,.2); border-radius:17px; background:linear-gradient(145deg,rgba(255,250,239,.98),rgba(239,226,204,.97)); color:#302b22; box-shadow:0 12px 30px rgba(0,0,0,.12); text-decoration:none; transition:transform .18s ease,border-color .18s ease; }
.journal-archive-page .journal-feature-card:hover { transform:translateY(-3px); border-color:rgba(215,170,84,.7); }
.journal-archive-page .journal-feature-card .tag { align-self:flex-start; padding:5px 9px; border-radius:999px; background:#f0dfbc; color:#765329; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.journal-archive-page .journal-feature-card h3 { margin:14px 0 9px; color:#173e2e; font:600 19px/1.3 Cinzel,Georgia,serif; }
.journal-archive-page .journal-feature-card p { margin:0 0 16px; color:#514b40; font-size:14px; line-height:1.65; }
.journal-archive-page .journal-feature-card .watch { margin-top:auto; padding-top:13px; border-top:1px solid rgba(147,108,53,.2); color:#80552f; font-size:10px; font-weight:850; letter-spacing:.12em; }

/* About page refresh: editorial feature layout with an image and three clear pillars. */
main.oudbeat-about-redesign {
  box-sizing:border-box; width:100%; max-width:none; margin:0;
  padding:clamp(28px,5vw,64px) 20px 78px; background:transparent !important;
}
main.oudbeat-about-redesign .about-hero-feature {
  display:grid !important; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr) !important;
  align-items:center; gap:clamp(24px,4vw,54px); text-align:left !important;
  width:min(1120px,100%) !important; max-width:1120px !important; margin:0 auto 24px !important;
  padding:clamp(28px,5vw,58px) !important; border-radius:28px !important;
  border:1px solid rgba(216,177,105,.56) !important;
  background:radial-gradient(ellipse at 90% 0,rgba(219,179,106,.16),transparent 42%),linear-gradient(135deg,#102c23,#1c4634 55%,#0b211a) !important;
  box-shadow:0 24px 58px rgba(19,37,26,.22) !important;
}
main.oudbeat-about-redesign .about-hero-copy { min-width:0; }
main.oudbeat-about-redesign .about-hero-copy .eyebrow { color:#f0cf88; font-size:11px; font-weight:800; letter-spacing:.2em; }
main.oudbeat-about-redesign .about-hero-feature h1 { margin:14px 0 12px !important; color:#fff6e5 !important; font:600 clamp(36px,5.2vw,60px)/1.08 Cinzel,Georgia,serif !important; letter-spacing:-.025em !important; }
main.oudbeat-about-redesign .about-hero-feature .about-tagline { margin:0 0 14px !important; color:#f0cf88 !important; font:700 13px/1.5 Inter,Arial,sans-serif !important; letter-spacing:.16em !important; text-transform:uppercase !important; }
main.oudbeat-about-redesign .about-hero-feature .about-lead { max-width:620px; margin:0 !important; color:#f0e9dc !important; font-size:clamp(16px,1.6vw,18px) !important; line-height:1.8 !important; }
main.oudbeat-about-redesign .about-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
main.oudbeat-about-redesign .about-hero-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 18px; border:1px solid rgba(225,190,126,.5); border-radius:999px; background:linear-gradient(135deg,#e6c274,#bd8c3d); color:#21190e; font-weight:800; text-decoration:none; }
main.oudbeat-about-redesign .about-hero-actions a.secondary { background:rgba(255,255,255,.06); color:#fff3da; }
main.oudbeat-about-redesign .about-hero-visual { position:relative; min-width:0; overflow:hidden; aspect-ratio:1.42/1; border:1px solid rgba(231,194,126,.48); border-radius:22px; background:#10251b; box-shadow:0 16px 34px rgba(0,0,0,.26); }
main.oudbeat-about-redesign .about-hero-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
main.oudbeat-about-redesign .about-hero-visual span { position:absolute; right:14px; bottom:14px; padding:8px 12px; border:1px solid rgba(243,216,163,.3); border-radius:999px; background:rgba(6,18,13,.78); color:#f6d994; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
main.oudbeat-about-redesign .about-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; width:min(1120px,100%); margin:0 auto 22px; }
main.oudbeat-about-redesign .about-pillar-card { min-width:0; padding:24px; border:1px solid rgba(137,105,62,.24); border-radius:18px; background:linear-gradient(145deg,#fffdf8,#f2e7d4); box-shadow:0 12px 32px rgba(48,39,24,.08); }
main.oudbeat-about-redesign .about-pillar-card .pillar-icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:14px; border-radius:13px; background:#173d30; color:#f3d28d; font-size:21px; }
main.oudbeat-about-redesign .about-pillar-card h2 { margin:0 0 10px; color:#174332; font:600 21px/1.25 Cinzel,Georgia,serif; }
main.oudbeat-about-redesign .about-pillar-card p { margin:0; color:#514b40; font-size:14px; line-height:1.75; }
main.oudbeat-about-redesign .about-story-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; width:min(1120px,100%); margin:0 auto 22px; }
main.oudbeat-about-redesign .about-story-card { padding:clamp(24px,3.5vw,36px); border:1px solid rgba(137,105,62,.24); border-radius:18px; background:linear-gradient(145deg,#fffdf8,#f2e7d4); box-shadow:0 12px 32px rgba(48,39,24,.07); }
main.oudbeat-about-redesign .about-story-card h2 { margin:0 0 12px; color:#174332; font:600 clamp(22px,2.5vw,29px)/1.22 Cinzel,Georgia,serif; }
main.oudbeat-about-redesign .about-story-card p { margin:0 0 10px; color:#514b40; font-size:15px; line-height:1.8; }
main.oudbeat-about-redesign .about-closing-cta { width:min(1120px,100%); margin:0 auto; padding:clamp(26px,4vw,42px); display:flex; align-items:center; justify-content:space-between; gap:22px; border:1px solid rgba(224,190,124,.5); border-radius:20px; background:linear-gradient(135deg,#123326,#1b4535); color:#f0e8d8; box-shadow:0 18px 42px rgba(0,0,0,.18); }
main.oudbeat-about-redesign .about-closing-cta h2 { margin:0 0 8px; color:#f3d28d; font:600 clamp(22px,2.8vw,30px)/1.2 Cinzel,Georgia,serif; }
main.oudbeat-about-redesign .about-closing-cta p { margin:0; color:#f0e8d8; line-height:1.7; }
main.oudbeat-about-redesign .about-closing-cta a { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 20px; border-radius:999px; background:linear-gradient(135deg,#e8c77e,#bd8c3d); color:#211b10; font-weight:800; text-decoration:none; }

/* Support page refresh: clear purpose, impact list, prominent PayPal QR card. */
main.oudbeat-support-redesign { box-sizing:border-box; width:100%; max-width:none; margin:0; padding:clamp(28px,5vw,64px) 20px 78px; background:transparent !important; }
main.oudbeat-support-redesign .support-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); align-items:center; gap:clamp(28px,5vw,62px); width:min(1120px,100%); margin:0 auto; padding:clamp(28px,5vw,58px); border:1px solid rgba(207,169,100,.56); border-radius:28px; background:radial-gradient(ellipse at 100% 0,rgba(206,167,97,.15),transparent 42%),linear-gradient(145deg,#fffdf8,#f0e5d0); box-shadow:0 24px 64px rgba(25,35,26,.16),inset 0 1px 0 #fff; }
main.oudbeat-support-redesign .support-copy-column { min-width:0; }
main.oudbeat-support-redesign .support-copy-column .eyebrow { color:#80552f; font-size:10px; font-weight:850; letter-spacing:.2em; }
main.oudbeat-support-redesign .support-copy-column h1 { margin:14px 0 14px; color:#173e2e; font:600 clamp(36px,5vw,58px)/1.08 Cinzel,Georgia,serif; letter-spacing:-.02em; }
main.oudbeat-support-redesign .support-copy-column .heroText { max-width:640px; margin:0 0 16px; color:#51483a; font-size:clamp(17px,1.8vw,20px); line-height:1.75; }
main.oudbeat-support-redesign .support-copy-column .support-explainer { max-width:640px; margin:0 0 24px; color:#514b40; font-size:15px; line-height:1.8; }
main.oudbeat-support-redesign .support-impact-list { display:grid; grid-template-columns:1fr; gap:10px; margin:0 0 26px; padding:0; list-style:none; }
main.oudbeat-support-redesign .support-impact-list li { display:flex; align-items:flex-start; gap:11px; color:#443d32; font-size:14px; line-height:1.55; }
main.oudbeat-support-redesign .support-impact-list li:before { content:"✓"; flex:0 0 23px; display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#173d30; color:#f3d28d; font-size:12px; font-weight:900; }
main.oudbeat-support-redesign .support-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
main.oudbeat-support-redesign .support-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 19px; border:1px solid rgba(131,98,47,.25); border-radius:999px; background:#fffaf0; color:#173d30; font-weight:800; text-decoration:none; }
main.oudbeat-support-redesign .support-actions a.primary { border-color:#c89b4a; background:linear-gradient(135deg,#e8c77e,#bd8c3d); color:#211b10; box-shadow:0 7px 18px rgba(126,87,30,.16); }
main.oudbeat-support-redesign .support-qr-card { max-width:380px; justify-self:center; width:100%; padding:26px; border:1px solid rgba(224,190,124,.5); border-radius:22px; background:linear-gradient(145deg,#123326,#1b4535); box-shadow:0 18px 40px rgba(20,34,25,.22); text-align:center; }
main.oudbeat-support-redesign .support-qr-card .qr-eyebrow { color:#e5c27e; font-size:10px; font-weight:850; letter-spacing:.18em; }
main.oudbeat-support-redesign .support-qr-card h2 { margin:9px 0 17px; color:#fff3da; font:600 25px/1.2 Cinzel,Georgia,serif; }
main.oudbeat-support-redesign .support-qr-card a { display:inline-flex; padding:9px; border-radius:13px; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.2); }
main.oudbeat-support-redesign .support-qr-card img { display:block; width:min(232px,100%); height:auto; aspect-ratio:1/1; object-fit:contain; background:#fff; }
main.oudbeat-support-redesign .support-qr-card p { margin:14px 0 0; color:#e8e0d1; font-size:13px; line-height:1.65; }
main.oudbeat-support-redesign .support-qr-card .payment-note { margin-top:10px; color:#c7bda9; font-size:11px; }
main.oudbeat-support-redesign .support-thanks { width:min(1120px,100%); margin:20px auto 0; padding:22px 26px; border:1px solid rgba(207,169,100,.32); border-radius:17px; background:rgba(255,250,240,.94); text-align:center; }
main.oudbeat-support-redesign .support-thanks h2 { margin:0 0 6px; color:#174332; font:600 22px/1.25 Cinzel,Georgia,serif; }
main.oudbeat-support-redesign .support-thanks p { margin:0; color:#514b40; font-size:14px; line-height:1.65; }

/* Full wordmark safe area: prevent the top ornament from clipping in the header. */
.topbar, .topbar .nav, .topbar .brand { overflow:visible !important; }
.topbar .nav { height:auto !important; min-height:88px !important; padding-top:7px !important; padding-bottom:7px !important; }
.topbar .brand { height:auto !important; min-height:0 !important; align-items:center !important; }
.topbar .brand-logo { width:clamp(130px,12.2vw,174px) !important; max-width:174px !important; height:auto !important; max-height:68px !important; object-fit:contain !important; object-position:center !important; padding:2px 0 !important; overflow:visible !important; }
@media(max-width:760px) {
  .topbar .nav { min-height:78px !important; padding-top:7px !important; padding-bottom:7px !important; gap:9px !important; }
  .topbar .brand-logo { width:clamp(118px,34vw,140px) !important; max-width:140px !important; height:auto !important; max-height:58px !important; padding:2px 0 !important; }
  main.oudbeat-about-redesign, main.oudbeat-support-redesign { padding:22px 12px 52px !important; }
  main.oudbeat-about-redesign .about-hero-feature { grid-template-columns:1fr !important; gap:22px; padding:26px 20px !important; border-radius:20px !important; }
  main.oudbeat-about-redesign .about-hero-visual { aspect-ratio:1.55/1; }
  main.oudbeat-about-redesign .about-pillars { grid-template-columns:1fr; gap:12px; }
  main.oudbeat-about-redesign .about-story-grid { grid-template-columns:1fr; gap:12px; }
  main.oudbeat-about-redesign .about-closing-cta { flex-direction:column; align-items:flex-start; padding:24px 20px; }
  main.oudbeat-about-redesign .about-closing-cta a { width:100%; }
  main.oudbeat-support-redesign .support-hero { grid-template-columns:1fr; gap:25px; padding:25px 18px; border-radius:20px; }
  main.oudbeat-support-redesign .support-copy-column { text-align:left; }
  main.oudbeat-support-redesign .support-actions { flex-direction:column; align-items:stretch; }
  main.oudbeat-support-redesign .support-actions a { width:100%; }
  main.oudbeat-support-redesign .support-qr-card { padding:22px 18px; }
  .journal-archive-page .journal-archive-hero { padding:32px 22px; border-radius:20px; }
  .journal-archive-page .journal-feature-grid { grid-template-columns:1fr; gap:12px; }
}
@media(min-width:601px) and (max-width:900px) {
  main.oudbeat-about-redesign .about-pillars { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .journal-archive-page .journal-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}


/* Final cross-template fixes: allow the full OudBeat wordmark to render inside section headers. */
.topbar[class*="section-header-"] { overflow:visible !important; }
.topbar[class*="section-header-"] .nav,
.topbar[class*="section-header-"] .brand { overflow:visible !important; }
.topbar[class*="section-header-"] .brand-logo {
  display:block !important; width:clamp(130px,12.2vw,174px) !important;
  height:auto !important; max-height:68px !important; object-fit:contain !important;
  object-position:center !important; overflow:visible !important;
}
@media(max-width:760px) {
  .topbar[class*="section-header-"] .brand-logo { width:clamp(118px,34vw,140px) !important; max-height:58px !important; }
}
/* Remove the dark overlay from the newly light History archive canvas. */
main.oudbeat-history-redesign:before { display:none !important; content:none !important; }


/* Final cross-template fixes: allow the full OudBeat wordmark to render inside section headers. */
.topbar[class*="section-header-"] { overflow:visible !important; }
.topbar[class*="section-header-"] .nav,
.topbar[class*="section-header-"] .brand { overflow:visible !important; }
.topbar[class*="section-header-"] .brand-logo {
  display:block !important; width:clamp(130px,12.2vw,174px) !important;
  height:auto !important; max-height:68px !important; object-fit:contain !important;
  object-position:center !important; overflow:visible !important;
}
@media(max-width:760px) {
  .topbar[class*="section-header-"] .brand-logo { width:clamp(118px,34vw,140px) !important; max-height:58px !important; }
}
/* Remove the dark overlay from the newly light History archive canvas. */
main.oudbeat-history-redesign:before { display:none !important; content:none !important; }

/* Contrast refinements from responsive visual verification. */
main .waves-index-heading {
  color:#174332 !important;
  padding:15px 20px !important;
  border:1px solid rgba(137,105,62,.23) !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#fffdf8,#f1e7d6) !important;
  box-shadow:0 8px 22px rgba(45,35,20,.07) !important;
}
.journal-archive-page .journal-latest-heading h2 { color:#173e2e !important; }
.journal-archive-page .journal-latest-heading p { color:#514b40 !important; }
.journal-archive-page .journal-latest-heading .eyebrow { color:#80552f !important; }


/* About page: restore the full project overview, discovery links and social follow paths. */
main.oudbeat-about-redesign .about-genre-band {
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr); align-items:center;
  gap:26px; width:min(1120px,100%); margin:0 auto 20px; padding:clamp(24px,4vw,38px);
  border:1px solid rgba(137,105,62,.25); border-radius:20px;
  background:linear-gradient(145deg,#fffdf8,#f0e5d1); box-shadow:0 12px 30px rgba(45,35,20,.08);
}
main.oudbeat-about-redesign .about-genre-copy .eyebrow,
main.oudbeat-about-redesign .about-link-card .eyebrow { color:#80552f; font-size:10px; font-weight:850; letter-spacing:.18em; }
main.oudbeat-about-redesign .about-genre-copy h2,
main.oudbeat-about-redesign .about-link-card h2 { margin:9px 0 10px; color:#173e2e; font:600 clamp(22px,2.8vw,30px)/1.22 Cinzel,Georgia,serif; }
main.oudbeat-about-redesign .about-genre-copy p,
main.oudbeat-about-redesign .about-link-card p { margin:0; color:#514b40; line-height:1.75; font-size:14px; }
main.oudbeat-about-redesign .about-genre-tags { display:flex; flex-wrap:wrap; gap:9px; justify-content:flex-end; }
main.oudbeat-about-redesign .about-genre-tags span { padding:9px 13px; border:1px solid rgba(160,121,63,.26); border-radius:999px; background:#f7ecd7; color:#674925; font-size:12px; font-weight:750; }
main.oudbeat-about-redesign .about-link-hub { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; width:min(1120px,100%); margin:0 auto 20px; }
main.oudbeat-about-redesign .about-link-card { padding:27px; border:1px solid rgba(137,105,62,.24); border-radius:18px; background:linear-gradient(145deg,#fffdf8,#f3e8d6); box-shadow:0 12px 30px rgba(45,35,20,.07); }
main.oudbeat-about-redesign .about-link-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:18px; }
main.oudbeat-about-redesign .about-link-list a { display:flex; justify-content:space-between; gap:8px; padding:11px 13px; border:1px solid rgba(137,105,62,.18); border-radius:11px; background:#fffaf0; color:#174332; font-size:13px; font-weight:800; }
main.oudbeat-about-redesign .about-link-list a span { color:#966d35; }
main.oudbeat-about-redesign .about-follow-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
main.oudbeat-about-redesign .about-follow-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 15px; border:1px solid rgba(137,105,62,.25); border-radius:999px; background:#173d30; color:#fff2d6; font-size:12px; font-weight:800; }
@media(max-width:760px) {
  main.oudbeat-about-redesign .about-genre-band { grid-template-columns:1fr; gap:18px; padding:24px 20px; }
  main.oudbeat-about-redesign .about-genre-tags { justify-content:flex-start; }
  main.oudbeat-about-redesign .about-link-hub { grid-template-columns:1fr; }
  main.oudbeat-about-redesign .about-link-card { padding:23px 20px; }
  main.oudbeat-about-redesign .about-follow-actions { flex-direction:column; }
  main.oudbeat-about-redesign .about-follow-actions a { width:100%; }
  main.oudbeat-support-redesign .support-actions a { width:100%; }
}


/* OUDBEAT FINAL LOGO SAFE AREA + HOMEPAGE KNOWLEDGE LIBRARY GUTTERS */
.topbar,
.topbar .nav,
.topbar .brand { overflow:visible !important; }
.topbar .nav {
  height:auto !important;
  min-height:88px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
  align-items:center !important;
}
.topbar .brand {
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  height:auto !important;
  min-height:0 !important;
  line-height:0 !important;
}
.topbar .brand-logo {
  display:block !important;
  width:clamp(148px,12vw,178px) !important;
  max-width:178px !important;
  height:auto !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:3px 1px !important;
  margin:0 !important;
  overflow:visible !important;
}

body.homepage-redesign #home-knowledge-library {
  box-sizing:border-box !important;
  width:min(1380px,calc(100% - 88px)) !important;
  max-width:1380px !important;
  margin:0 auto !important;
  padding:54px 0 76px !important;
}
body.homepage-redesign #home-knowledge-library .section-head {
  align-items:flex-end !important;
  flex-wrap:wrap !important;
  gap:22px !important;
  margin-bottom:24px !important;
}
body.homepage-redesign #home-knowledge-library .section-head > div:first-child {
  min-width:240px;
  flex:1 1 460px;
}
body.homepage-redesign #home-knowledge-library .music-tools {
  display:grid !important;
  grid-template-columns:minmax(210px,1.45fr) minmax(165px,1fr) !important;
  gap:10px !important;
  flex:0 1 510px !important;
  width:min(100%,510px) !important;
  min-width:0 !important;
}
body.homepage-redesign #home-knowledge-library .music-tools .search,
body.homepage-redesign #home-knowledge-library .music-tools .select {
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
}
body.homepage-redesign #home-knowledge-library #journalGrid {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
body.homepage-redesign #home-knowledge-library #journalGrid > * { min-width:0 !important; }

@media(max-width:900px) {
  .topbar .nav { min-height:82px !important; }
  .topbar .brand-logo { width:clamp(136px,16vw,164px) !important; max-height:68px !important; }
  body.homepage-redesign #home-knowledge-library {
    width:calc(100% - 48px) !important;
    padding:42px 0 60px !important;
  }
  body.homepage-redesign #home-knowledge-library #journalGrid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px) {
  .topbar .nav {
    min-height:78px !important;
    padding:7px 0 !important;
    gap:9px !important;
  }
  .topbar .brand-logo {
    width:clamp(120px,34vw,145px) !important;
    max-width:145px !important;
    max-height:60px !important;
  }
  body.homepage-redesign #home-knowledge-library {
    width:calc(100% - 32px) !important;
    padding:34px 0 48px !important;
  }
  body.homepage-redesign #home-knowledge-library .section-head {
    display:block !important;
    margin-bottom:18px !important;
  }
  body.homepage-redesign #home-knowledge-library .music-tools {
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    margin-top:16px !important;
  }
  body.homepage-redesign #home-knowledge-library #journalGrid {
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
}


/* OudBeat final mobile and navigation alignment pass (desktop rules intentionally untouched). */
@media (max-width: 760px) {
  body { padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important; }
  body.homepage-redesign .premium-intro { padding: 25px 0 13px !important; text-align: center !important; }
  body.homepage-redesign .premium-intro-inner { width: calc(100% - 32px) !important; max-width: 470px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
  body.homepage-redesign .premium-intro .hero-kicker { justify-content: center !important; font-size: 10px !important; margin-bottom: 10px !important; }
  body.homepage-redesign .premium-intro h1 { font-size: clamp(33px, 8.9vw, 43px) !important; line-height: 1.02 !important; letter-spacing: -.035em !important; max-width: 100% !important; margin: 0 auto 12px !important; text-wrap: balance; }
  body.homepage-redesign .premium-intro h2 { font-size: clamp(17px, 4.7vw, 20px) !important; line-height: 1.28 !important; max-width: 100% !important; margin: 0 auto 12px !important; text-wrap: balance; }
  body.homepage-redesign .premium-intro-copy,
  body.homepage-redesign .premium-intro-note { font-size: 14px !important; line-height: 1.58 !important; max-width: 46ch !important; margin: 0 auto 9px !important; }
  body.homepage-redesign .premium-category-band { padding: 10px 0 20px !important; }
  .mobilebar { display: flex !important; align-items: stretch !important; justify-content: space-between !important; gap: 5px !important; padding: 7px max(7px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left)) !important; }
  .mobilebar a { flex: 1 1 0 !important; min-width: 0 !important; white-space: normal !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 9px 2px !important; font-size: 10px !important; line-height: 1.18 !important; text-align: center !important; }
}
@media (max-width: 390px) {
  body.homepage-redesign .premium-intro h1 { font-size: clamp(31px, 8.6vw, 35px) !important; }
  .mobilebar { gap: 4px !important; }
  .mobilebar a { font-size: 9px !important; letter-spacing: -.02em !important; padding-left: 1px !important; padding-right: 1px !important; }
}