/* Deep House Thailand · Brand Kit 2026 · Warm sitewide layer v5.
   New cache key; v1–v4 remain byte-intact for existing visitors and rollback.
   All layout rules exclude the independently authored dht26 homepage. */
@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/outfit-400.woff2') format('woff2')}
@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/outfit-700.woff2') format('woff2')}
@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/outfit-900.woff2') format('woff2')}

body:not(.dht26){
  --dht-paper:#fff9fc;--dht-ink:#0b0b0f;--dht-muted:#675964;
  --dht-pink:#f2a2c8;--dht-line:#e6dce2;--dht-tint:#f9eaf1;
  background:var(--dht-paper)!important;background-attachment:initial!important;
  color:var(--dht-ink)!important;font-family:Outfit,system-ui,sans-serif!important;
  font-size:17px;line-height:1.72;overflow-x:clip;
}
body:not(.dht26) :is(.grain,.noise,.ambient,.blob,.orb,.bg-gradient){display:none!important}
/* Content is visible before JavaScript and independent of animation playback.
   These are all legacy from-zero content selectors across the inner pages. */
body:not(.dht26) :is(.rv,.hero,.hero-banner,.hero-card,.article-header,.page-header,.guide-card,.faq-card,.article-card,.dj-card,.dj-text-card,.venue-card){opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}
body:not(.dht26) :is(.page,main:not(.page),.wrap){
  position:relative;z-index:1;display:block;max-width:1160px!important;
  width:100%;min-width:0;margin:0 auto;padding:34px 40px 72px!important;
}
body.lyra-article:not(.dht26) :is(.page,.wrap){max-width:900px!important}
body:not(.dht26) :is(.page,main) :is(p,li){font-size:1.04rem;line-height:1.75}
body:not(.dht26) :is(.page,main) p{color:var(--dht-muted)}
body:not(.dht26) :is(strong,b){color:var(--dht-ink)}
body:not(.dht26) :is(h1,h2,h3,h4){
  color:var(--dht-ink)!important;font-family:Outfit,system-ui,sans-serif!important;
  background:none!important;-webkit-text-fill-color:currentColor!important;
  letter-spacing:-.02em!important;word-spacing:.04em;text-transform:none;text-shadow:none!important;
  overflow-wrap:break-word;text-wrap:balance;
}
body:not(.dht26) h1{font-size:clamp(2.25rem,4.5vw,4.35rem)!important;line-height:1.04!important;font-weight:900;margin:0 0 22px!important}
body:not(.dht26) h2{font-size:clamp(1.5rem,2.55vw,2.2rem)!important;line-height:1.18!important;font-weight:700;margin:40px 0 16px;padding-top:0!important}
body:not(.dht26) h3{font-size:clamp(1.2rem,1.8vw,1.5rem)!important;line-height:1.3;font-weight:700}
body:not(.dht26) h4{font-size:1.1rem!important;line-height:1.35;font-weight:700}
body:not(.dht26) h2::before{content:none!important}
body:not(.dht26) :is(a,button,summary){touch-action:manipulation}
body:not(.dht26) a{color:var(--dht-ink);text-underline-offset:4px;text-decoration-thickness:1px}
body:not(.dht26) :focus-visible{outline:3px solid #a8386c;outline-offset:4px;border-radius:3px}
body:not(.dht26) img{max-width:100%}
body:not(.dht26) :is(iframe,video){max-width:100%}
body:not(.dht26) :is(.page,main) > *{min-width:0}

/* One recognizable masthead throughout the guide and archive pages. */
body:not(.dht26) .dht-inner-header{border-bottom:1px solid var(--dht-line);background:var(--dht-paper);position:relative;z-index:10}
body:not(.dht26) .dht-inner-nav{max-width:1280px;margin:0 auto;padding:19px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}
body:not(.dht26) .dht-inner-brand{display:inline-flex;align-items:center;gap:12px;color:var(--dht-ink);text-decoration:none;flex-shrink:0}
body:not(.dht26) .dht-inner-brand img{width:46px;height:44px;object-fit:contain;display:block}
body:not(.dht26) .dht-inner-brand span{font-family:Outfit,system-ui,sans-serif;font-size:16px;font-weight:900;line-height:.98;letter-spacing:-.025em}
body:not(.dht26) .dht-inner-links{display:flex;align-items:center;gap:28px}
body:not(.dht26) .dht-inner-links > a{font-size:.93rem;font-weight:700;text-decoration:none;white-space:nowrap}
body:not(.dht26) .dht-inner-links > a.dht-inner-play{padding:12px 21px;border:1px solid var(--dht-ink);border-radius:999px;background:var(--dht-ink);color:var(--dht-paper);line-height:1.2;min-height:44px;display:inline-flex;align-items:center;gap:14px}
body:not(.dht26) .topbar{display:none!important}
body:not(.dht26) .topbar:has(.lang){display:flex!important;justify-content:flex-end;margin:0 0 18px;padding:0}
body:not(.dht26) .topbar:has(.lang) .logo{display:none}
body:not(.dht26) .topbar .lang a{font-family:Outfit,system-ui,sans-serif!important;font-size:.9rem;min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;color:var(--dht-ink)!important}
body:not(.dht26) .topbar .lang a.active{background:var(--dht-tint)!important}
body:not(.dht26) .breadcrumb{font-family:Outfit,system-ui,sans-serif;font-size:.85rem!important;line-height:1.65;color:var(--dht-muted);letter-spacing:0;display:flex;flex-wrap:wrap;gap:5px;margin:0 0 30px!important}
body:not(.dht26) .breadcrumb a{color:var(--dht-muted);text-decoration:none}

/* Clear reading measure. Long copy stays in the document, without nested cards. */
body:not(.dht26) :is(.article-header,.page-header){background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:14px 0 28px!important;margin:0 0 28px!important;backdrop-filter:none!important;overflow:visible}
body:not(.dht26) :is(.article-header,.page-header)::before{content:none!important}
body:not(.dht26) :is(.article-header,.page-header) p{font-size:1.16rem!important;line-height:1.65;max-width:68ch}
body:not(.dht26) :is(.article-badge,.badge,.gc-tag,.section-label,.kicker,.eyebrow){
  color:var(--dht-muted)!important;background:none!important;border:0!important;
  border-radius:0;padding:0!important;font-family:Outfit,system-ui,sans-serif!important;
  font-size:.78rem!important;font-weight:700;letter-spacing:.1em!important;
  line-height:1.4;text-transform:uppercase;display:inline-block;margin-bottom:15px;
}
body:not(.dht26) :is(.article-meta,.gc-meta,.meta){color:var(--dht-muted)!important;font-family:Outfit,system-ui,sans-serif!important;font-size:.88rem!important;letter-spacing:0!important;line-height:1.5}
body:not(.dht26) .article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;padding-top:18px;border-top:1px solid var(--dht-line)}
body:not(.dht26) :is(.block,.intro){border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;padding:0!important;margin:0 0 28px!important}
body:not(.dht26) :is(.block,.intro) p{margin-bottom:20px}
body:not(.dht26) :is(.block,.intro) :is(ul,ol){padding-left:23px;margin:18px 0}
body:not(.dht26) :is(.block,.intro) li{margin:8px 0}
body:not(.dht26) :is(.lead,p.lead){color:var(--dht-ink)!important;font-size:1.18rem!important;line-height:1.7}
body:not(.dht26) :is(.sec-h,.sec){font-family:Outfit,system-ui,sans-serif!important;font-size:1.1rem!important;letter-spacing:0!important;line-height:1.45;color:var(--dht-ink)!important;font-weight:700;text-transform:none!important;margin:40px 0 20px!important}
body:not(.dht26) :is(.sec-h,.sec)::after{background:var(--dht-line)!important}
body:not(.dht26) :is(.lyra-tldr,.block.lyra-tldr,.short-answer){
  color:var(--dht-ink)!important;background:var(--dht-tint)!important;
  border:0!important;border-left:3px solid var(--dht-pink)!important;border-radius:0!important;
  padding:23px 26px!important;margin:24px 0 32px!important;font-size:1.02rem!important;line-height:1.7;
}
body:not(.dht26) :is(.lyra-tldr,.short-answer) p{color:var(--dht-ink);margin:0;font-size:1.02rem!important}
body:not(.dht26) :is(.lyra-tldr,.short-answer) b:first-child{display:block;margin-bottom:9px;font-family:Outfit,system-ui,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dht-muted)!important}
body:not(.dht26) :is(.lyra-tldr,.short-answer) a{color:var(--dht-ink)!important;text-decoration:underline}
body:not(.dht26) :is(.toc,.note,.related-foot){background:var(--dht-tint)!important;border:0!important;border-radius:0!important;padding:24px!important;color:var(--dht-muted)!important;font-size:1rem!important;backdrop-filter:none!important;box-shadow:none!important}
body:not(.dht26) .toc a{font-size:1rem!important;line-height:1.65}
body:not(.dht26) :is(.inline-img,figure){margin:36px 0!important;max-width:100%}
body:not(.dht26) :is(.inline-img,figure) img{display:block;width:100%;height:auto;border-radius:4px!important}
body:not(.dht26) figcaption{font-size:.85rem!important;line-height:1.55;color:var(--dht-muted)!important;margin-top:10px}
body:not(.dht26) .hero-banner{border-radius:5px!important;border:0!important;box-shadow:none!important;margin:0 0 32px!important;overflow:hidden;position:relative;aspect-ratio:auto!important}
body:not(.dht26) .hero-banner img{display:block;width:100%;height:auto!important;aspect-ratio:16/7;object-fit:cover}
body:not(.dht26) .hero-banner-cap{background:var(--dht-ink);color:#fff!important;font-family:Outfit,system-ui,sans-serif;font-size:.8rem!important;line-height:1.4;letter-spacing:.02em;padding:10px 14px;bottom:14px;left:14px;max-width:calc(100% - 28px)}
body:not(.dht26) table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.94rem;line-height:1.55;margin:24px 0}
body:not(.dht26) :is(th,td){padding:14px!important;border-color:var(--dht-line)!important;min-width:100px}
body:not(.dht26) th{background:var(--dht-tint)!important;color:var(--dht-ink)!important}
body:not(.dht26) td{color:var(--dht-muted)!important}

/* Hubs read as an editorial index: generous rules, no tiny 3-column headlines. */
body.lyra-hub:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card){
  display:block!important;flex:none!important;width:100%;background:transparent!important;
  border:0!important;border-top:1px solid var(--dht-line)!important;border-radius:0!important;
  padding:30px 0!important;margin:0!important;box-shadow:none!important;backdrop-filter:none!important;
  text-decoration:none;color:var(--dht-ink)!important;position:relative;
}
body.lyra-hub:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card) h2{font-size:clamp(1.5rem,2.4vw,2rem)!important;margin:0 0 10px!important;max-width:33ch}
body.lyra-hub:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card) p{font-size:1rem!important;line-height:1.65;max-width:74ch;color:var(--dht-muted)!important;margin:10px 0}
body.lyra-hub:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card) :is(.gc-tag,.badge){margin-bottom:10px}
body:not(.dht26) :is(.gc-cta,.vc-cta,.ac-cta){display:inline-block;font-family:Outfit,system-ui,sans-serif!important;font-size:.93rem!important;letter-spacing:0!important;color:var(--dht-ink)!important;font-weight:700;margin-top:10px}
body:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card) img{height:auto;max-width:100%;border-radius:4px}
body:not(.dht26) .related-foot{margin-top:45px;text-align:left}

/* Event archive: a proper desktop measure, readable metadata and a clear listen CTA. */
body.lyra-hub:not(.dht26) > main{max-width:1040px!important}
body:not(.dht26) p.pg-sub{font-size:1.15rem!important;line-height:1.7;max-width:68ch;color:var(--dht-muted)!important;margin-bottom:30px}
body:not(.dht26) :is(.stats-strip,.stats){display:flex!important;flex-wrap:wrap;gap:0!important;border-top:1px solid var(--dht-line);border-bottom:1px solid var(--dht-line);padding:20px 0;margin:32px 0!important}
body:not(.dht26) :is(.stat-card,.stat){flex:1 1 25%;min-width:0;padding:4px 14px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;text-align:left}
body:not(.dht26) :is(.stat-val,.stat-n){font-family:Outfit,system-ui,sans-serif!important;font-size:1.7rem!important;font-weight:700;line-height:1.2;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--dht-ink)!important}
body:not(.dht26) :is(.stat-lbl,.stat-l){color:var(--dht-muted)!important;font-family:Outfit,system-ui,sans-serif!important;font-size:.79rem!important;letter-spacing:.035em!important;margin-top:5px;text-transform:none}
body:not(.dht26) .evt{background:none!important;border:0!important;border-top:1px solid var(--dht-line)!important;border-radius:0!important;padding:28px 0!important;margin:0!important;box-shadow:none!important;backdrop-filter:none!important}
body:not(.dht26) .evt::before{content:none!important}
body:not(.dht26) .evt-top{gap:20px;margin-bottom:12px}
body:not(.dht26) .evt-name{color:var(--dht-ink)!important;font-size:1.45rem!important;font-weight:700;line-height:1.3;letter-spacing:-.025em}
body:not(.dht26) :is(.evt-desc,.evt-djs,.evt-celeb){color:var(--dht-muted)!important;font-size:1rem!important;line-height:1.7;max-width:75ch}
body:not(.dht26) .evt-meta{font-family:Outfit,system-ui,sans-serif!important;font-size:.9rem!important;color:var(--dht-muted)!important;line-height:1.55;margin-bottom:12px}
body:not(.dht26) .evt-meta .dot{background:var(--dht-muted)!important}
body:not(.dht26) .evt-type{color:var(--dht-ink)!important;background:var(--dht-tint)!important;border:0!important;font-family:Outfit,system-ui,sans-serif!important;font-size:.71rem!important;letter-spacing:.055em;padding:5px 9px!important;line-height:1.5}
body:not(.dht26) .evt a{color:var(--dht-ink)!important;border-color:var(--dht-line)!important}
body:not(.dht26) .evt-highlight:first-of-type{border:0!important;background:var(--dht-tint)!important;padding:30px!important;margin:0 0 30px!important}
body:not(.dht26) .evt-banner-wrap{border:0!important;border-radius:5px!important;box-shadow:none!important;margin:24px 0}
body:not(.dht26) .evt-banner{border:0!important;border-radius:5px!important;box-shadow:none!important}
body:not(.dht26) .evt-banner img{height:auto!important;max-height:460px;object-fit:cover}
body:not(.dht26) :is(.evt a[style*="linear-gradient"],.dht-listen-button,.cta-card a.btn){
  background:var(--dht-ink)!important;color:var(--dht-paper)!important;border:1px solid var(--dht-ink)!important;
  border-radius:999px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;
  font-family:Outfit,system-ui,sans-serif!important;font-size:1rem!important;font-weight:700;
  line-height:1.25;padding:14px 24px!important;letter-spacing:0!important;min-height:48px;text-decoration:none!important;box-shadow:none!important;
}
body:not(.dht26) .cta-card{padding:34px 0!important;margin:40px 0 0!important;background:none!important;border:0!important;border-top:1px solid var(--dht-line)!important;border-radius:0!important;backdrop-filter:none!important;text-align:left}
body:not(.dht26) .cta-card h3{margin-bottom:12px}
body:not(.dht26) .cta-card p{font-size:1.05rem!important;color:var(--dht-muted)!important;max-width:65ch;margin-bottom:20px}

/* Artist portraits retain their real photos; biographies become calm, clear rows. */
body:not(.dht26) .dj-card{background:none!important;border:0!important;border-top:1px solid var(--dht-line)!important;border-radius:0!important;box-shadow:none!important;margin:0 0 30px!important;padding:26px 0!important;backdrop-filter:none!important;display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;align-items:center;gap:28px}
body:not(.dht26) .dj-img-wrap{border-radius:4px;aspect-ratio:1/1}
body:not(.dht26) .dj-body{padding:12px 0!important}
body:not(.dht26) .dj-line{font-size:1.05rem!important;line-height:1.65;color:var(--dht-muted)!important}
body:not(.dht26) :is(.dj-chip,.genre-pill,.genre-tag){font-family:Outfit,system-ui,sans-serif!important;font-size:.8rem!important;letter-spacing:.01em!important;background:var(--dht-tint)!important;color:var(--dht-ink)!important;border:0!important;padding:5px 9px}
body:not(.dht26) .dj-cta{font-family:Outfit,system-ui,sans-serif!important;font-size:.85rem!important;letter-spacing:0!important;background:var(--dht-ink)!important;color:#fff!important;border-radius:999px;padding:11px 16px;box-shadow:none!important}
body:not(.dht26) .dj-genre{font-family:Outfit,system-ui,sans-serif!important;font-size:.85rem;color:var(--dht-muted)!important;letter-spacing:0}
body:not(.dht26) .dj-text-card{background:none!important;border:0!important;border-top:1px solid var(--dht-line)!important;border-radius:0!important;padding:25px 0!important;margin:0!important;box-shadow:none!important;backdrop-filter:none!important}
body:not(.dht26) .dj-text-av{background:var(--dht-tint)!important;color:var(--dht-ink)!important;border:0!important;box-shadow:none!important}
body:not(.dht26) :is(.dj-text-name,.dj-img-name){font-family:Outfit,system-ui,sans-serif;font-size:1.3rem!important}
body:not(.dht26) :is(.dj-text-meta,.dj-text-line){font-family:Outfit,system-ui,sans-serif!important;font-size:.95rem!important;line-height:1.6;letter-spacing:0;color:var(--dht-muted)!important}
body:not(.dht26) .hero-card{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:12px 0 30px!important;margin-bottom:28px!important;opacity:1!important;animation:none!important;transform:none!important}
body:not(.dht26) .hero-card::before{content:none!important}
body:not(.dht26) :is(.av-photo,.av-big){border:0!important;box-shadow:none!important;border-radius:4px!important;margin-bottom:24px}
body:not(.dht26) .av-big{background:var(--dht-tint)!important;color:var(--dht-ink)!important}
body:not(.dht26) .hero-card .real{font-family:Outfit,system-ui,sans-serif!important;font-size:.98rem!important;line-height:1.55;letter-spacing:0!important;color:var(--dht-muted)!important}
body:not(.dht26) :is(.tag,.badge-active,.lineup-pill){font-family:Outfit,system-ui,sans-serif!important;font-size:.84rem!important;letter-spacing:.015em!important;background:var(--dht-tint)!important;color:var(--dht-ink)!important;border:0!important;box-shadow:none!important}
body:not(.dht26) .link-row a{font-family:Outfit,system-ui,sans-serif!important;font-size:.94rem!important;min-height:44px;background:transparent!important;border:1px solid var(--dht-line)!important;padding:10px 16px;box-shadow:none!important;backdrop-filter:none!important}
body:not(.dht26) .hero-text .badge{color:#fff!important}
body:not(.dht26) :is(.cta-primary,.cta-secondary){font-family:Outfit,system-ui,sans-serif!important;font-size:1rem!important;min-height:48px;letter-spacing:0!important;box-shadow:none!important;line-height:1.4}
body:not(.dht26) .cta-primary{background:var(--dht-ink)!important;border-color:var(--dht-ink)!important;color:var(--dht-paper)!important}
body:not(.dht26) .cta-secondary{background:none!important;border-color:var(--dht-line)!important;color:var(--dht-ink)!important}
body:not(.dht26) .inline-img-cap{font-family:Outfit,system-ui,sans-serif!important;font-size:.85rem!important;line-height:1.5;letter-spacing:0!important;color:var(--dht-muted)!important}

/* Thai entry page and utility pages share the same legible light system. */
body:not(.dht26) .hero{border-radius:5px;box-shadow:none}
body:not(.dht26) .hero-text h1{color:#fff!important}
body:not(.dht26) .hero-text :is(p,.sub){color:#fff!important}
body:not(.dht26) .cta-grid{grid-template-columns:1fr 1fr;gap:0 28px;margin:20px 0}
body:not(.dht26) .cta-grid .cta{background:none!important;border:0!important;border-top:1px solid var(--dht-line)!important;border-radius:0!important;padding:24px 0!important;box-shadow:none!important;backdrop-filter:none!important}
body:not(.dht26) .cta :is(.cta-title,.cta-label){color:var(--dht-ink)!important;font-family:Outfit,system-ui,sans-serif!important;font-size:1.2rem!important;letter-spacing:0!important}
body:not(.dht26) .cta .cta-desc{font-size:1rem!important;color:var(--dht-muted)!important}
body:not(.dht26) .format-row .fmt{background:none!important;border:0!important;border-top:1px solid var(--dht-line)!important;border-radius:0!important;padding:24px 0!important;backdrop-filter:none!important}
body:not(.dht26) .format-row .fmt p{color:var(--dht-muted)!important}
body:not(.dht26) .wrap .code{color:var(--dht-ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important}
body:not(.dht26) .wrap .sub{color:var(--dht-muted)!important}
body:not(.dht26) .wrap .links a{background:var(--dht-ink)!important;color:var(--dht-paper)!important;border-radius:999px;min-height:44px}
body:not(.dht26) :is(footer,.foot,.footer){text-align:left!important;border-top:1px solid var(--dht-line);margin:54px 0 0!important;padding:28px 0!important;color:var(--dht-muted)!important;font-size:.9rem!important;line-height:1.8}
body:not(.dht26) :is(footer,.foot,.footer) p{font-size:.9rem!important;color:var(--dht-muted)!important}
body:not(.dht26) :is(footer,.foot,.footer) a{color:var(--dht-ink)!important;text-decoration:none}
body:not(.dht26) .foot-line{display:none!important}

@media (hover:hover){
  body:not(.dht26) .dht-inner-links > a:not(.dht-inner-play):hover{text-decoration:underline;text-underline-offset:6px}
  body:not(.dht26) :is(.dht-inner-play,.dht-listen-button,.cta-card a.btn,.evt a[style*="linear-gradient"]):hover{background:var(--dht-pink)!important;color:var(--dht-ink)!important;transform:none!important}
  body:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card,.dj-card,.dj-text-card):hover{box-shadow:none!important;transform:none!important;background:none!important}
  body:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card):hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
}
@media (max-width:700px){
  body:not(.dht26){font-size:16px}
  body:not(.dht26) :is(.page,main:not(.page),.wrap){padding:25px 22px 48px!important}
  body:not(.dht26) .dht-inner-nav{padding:15px 22px;gap:15px}
  body:not(.dht26) .dht-inner-brand{gap:8px}
  body:not(.dht26) .dht-inner-brand img{width:36px;height:36px}
  body:not(.dht26) .dht-inner-brand span{font-size:13px}
  body:not(.dht26) .dht-inner-links{gap:15px}
  body:not(.dht26) .dht-inner-links > a:not(.dht-inner-play){display:none}
  body:not(.dht26) .dht-inner-links > a.dht-inner-play{padding:11px 16px;font-size:.88rem;gap:9px}
  body:not(.dht26) h1{font-size:clamp(2.15rem,8.6vw,3.4rem)!important;line-height:1.09!important;letter-spacing:-.02em!important}
  body:not(.dht26) :is(.article-header,.page-header){padding:4px 0 18px!important;margin-bottom:18px!important}
  body:not(.dht26) :is(.article-header,.page-header) p{font-size:1.08rem!important;line-height:1.65}
  body:not(.dht26) .breadcrumb{font-size:.8rem!important;margin-bottom:22px!important}
  body:not(.dht26) :is(.lyra-tldr,.block.lyra-tldr,.short-answer){padding:19px 20px!important;font-size:1rem!important}
  body:not(.dht26) .hero-banner img{aspect-ratio:4/3}
  body:not(.dht26) .hero-banner-cap{font-size:.71rem!important;padding:8px 10px;bottom:10px;left:10px;max-width:calc(100% - 20px)}
  body.lyra-hub:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card){padding:25px 0!important}
  body:not(.dht26) .evt-top{flex-wrap:wrap;gap:9px}
  body:not(.dht26) .evt-name{font-size:1.3rem!important}
  body:not(.dht26) .evt-highlight:first-of-type{padding:23px 20px!important}
  body:not(.dht26) :is(.stat-card,.stat){padding:3px 8px!important}
  body:not(.dht26) :is(.stat-val,.stat-n){font-size:1.4rem!important}
  body:not(.dht26) :is(.stat-lbl,.stat-l){font-size:.7rem!important}
  body:not(.dht26) .dj-card{display:block;padding:24px 0!important}
  body:not(.dht26) .dj-img-wrap{aspect-ratio:4/3;margin-bottom:18px}
  body:not(.dht26) .dj-foot{gap:12px;flex-wrap:wrap}
  body:not(.dht26) .cta-grid{grid-template-columns:1fr}
  body:not(.dht26) .article-meta{font-size:.81rem!important;gap:6px 13px}
  body:not(.dht26) :is(footer,.foot,.footer){margin-top:38px!important}
}
@media (max-width:360px){
  body:not(.dht26) .dht-inner-nav{padding-inline:16px}
  body:not(.dht26) .dht-inner-brand span{font-size:11px}
  body:not(.dht26) .dht-inner-brand img{width:31px;height:31px}
  body:not(.dht26) :is(.page,main:not(.page),.wrap){padding-inline:18px!important}
}
@media (prefers-reduced-motion:reduce){
  body:not(.dht26) *,body:not(.dht26) *::before,body:not(.dht26) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Approved original DHT warmth. A new immutable layer; v1–v4 stay unchanged.
   The dht26 homepage remains exclusively controlled by dht-home-v3.css. */
body:not(.dht26){
  --dht-ink:#241827;--dht-muted:#655761;--dht-line:#e4ccd9;--dht-tint:#f6e7ef;
  --dht-rose:#98405d;--dht-lilac:#72528d;
  background:linear-gradient(180deg,#fff9fc 0%,#faf2ed 32%,#fff9fc 62%)!important;
  -webkit-font-smoothing:antialiased;
}
body:not(.dht26) *,body:not(.dht26) *::before,body:not(.dht26) *::after{box-sizing:border-box}
body:not(.dht26) :is(.page,main:not(.page),.wrap){padding-top:38px!important}
body:not(.dht26) .dht-inner-header{background:rgba(255,249,252,.96);border-color:#e8dce3;z-index:30}
/* The original music-news template has an additional legacy masthead. */
body:not(.dht26)>.dht26-site-header+header.top.wrap{display:none}
/* The legacy 404 centered its entire body as a flex row. Keep the shared
   masthead full-width and center only the recovery choices below it. */
body:not(.dht26):has(>.wrap>.code){display:block;padding:0}
body:not(.dht26):has(>.wrap>.code)>.wrap{max-width:760px!important;min-height:calc(100svh - 92px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
body:not(.dht26):has(>.wrap>.code) h1{max-width:17ch;font-size:clamp(2rem,4.6vw,3.4rem)!important;line-height:1.12!important}
body:not(.dht26):has(>.wrap>.code) .brand{margin:16px 0 24px;color:var(--dht-muted);letter-spacing:.2em}
body:not(.dht26):has(>.wrap>.code) p.sub{max-width:44ch}
body:not(.dht26) .dht-inner-nav{min-height:92px;padding-block:20px;max-width:1280px}
body:not(.dht26) .dht-inner-brand img{width:40px;height:40px}
body:not(.dht26) .dht-inner-brand span{font-size:17px;letter-spacing:-.025em;color:#0b0b0f}
body:not(.dht26) .dht-inner-links>a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
body:not(.dht26) .dht26-music-menu{position:relative;flex-shrink:0;font-family:Outfit,system-ui,sans-serif}
body:not(.dht26) .dht26-music-menu>summary{
  min-height:48px;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:16px;
  background:linear-gradient(115deg,#98405d,#72528d);color:#fff9fc;border:1px solid transparent;
  border-radius:100px;font-size:14px;line-height:1.3;font-weight:700;list-style:none;cursor:pointer;
  box-shadow:0 7px 20px #9e456a14;white-space:nowrap;
}
body:not(.dht26) .dht26-music-menu>summary::-webkit-details-marker{display:none}
body:not(.dht26) .dht26-music-menu>summary::marker{content:''}
body:not(.dht26) .dht26-music-menu>summary svg{width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}
body:not(.dht26) .dht26-music-menu[open]>summary svg{transform:rotate(180deg)}
body:not(.dht26) .dht26-platform-menu{
  position:absolute;top:100%;right:0;width:248px;max-width:calc(100vw - 40px);z-index:60;
  margin-top:10px;padding:7px;background:#fffafd;border:1px solid #e4ccd9;border-radius:17px;
  box-shadow:0 14px 30px #54273716;color:#241827;
}
body:not(.dht26) .dht26-platform-menu>a{
  min-height:50px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-radius:11px;font-size:14px;font-weight:700;text-decoration:none;line-height:1.4;
}
body:not(.dht26) .dht26-platform-menu>a>span:first-child{display:inline-flex;align-items:center;gap:11px}
body:not(.dht26) .dht26-platform-menu>a svg{width:21px;height:21px;flex-shrink:0}
body:not(.dht26) .dht26-platform-menu .dht26-platform-spotify{color:#17833e}
body:not(.dht26) .dht26-platform-menu .dht26-platform-youtube{color:#d92222}
body:not(.dht26) .dht26-platform-menu .dht26-platform-explore{
  font-size:12px;min-height:44px;border-top:1px solid #ebdce5;border-radius:0;margin-top:4px;color:#735268;
}
body:not(.dht26) .dht26-menu-guides{display:none}
body:not(.dht26) :is(.article-header,.page-header){
  background:linear-gradient(120deg,#f6e8e4,#f5e5ef 60%,#eee6f3)!important;
  border:1px solid #ead5e1!important;border-radius:24px!important;
  padding:32px!important;margin-bottom:32px!important;
}
body:not(.dht26) :is(.article-header,.page-header) h1{color:#372639!important}
body:not(.dht26) :is(.article-header,.page-header) p{max-width:62ch}
body:not(.dht26) .hero-banner{border-radius:24px!important;box-shadow:0 15px 40px #9d698314!important}
body:not(.dht26) .hero-banner-cap{background:#fff9fcf0;color:#58354d!important;border-radius:10px;padding:10px 14px}
body:not(.dht26) :is(.inline-img,figure) img{border-radius:18px!important}
body:not(.dht26) :is(.lyra-tldr,.block.lyra-tldr,.short-answer){
  background:linear-gradient(115deg,#f6e7ec,#eee6f3)!important;border:1px solid #e7d3df!important;
  border-left:3px solid #c7789e!important;border-radius:18px!important;
}
body:not(.dht26) :is(.toc,.note,.related-foot){background:#f7eaf1!important;border:1px solid #ebdce5!important;border-radius:18px!important}
body:not(.dht26) :is(.article-badge,.badge,.gc-tag,.section-label,.kicker,.eyebrow){color:#80506d!important}
body.lyra-hub:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card){
  background:#fffbfd!important;border:1px solid #eadbe3!important;border-radius:20px!important;
  padding:28px 30px!important;margin:0 0 16px!important;
}
body.lyra-hub:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card) h2{max-width:36ch}
body:not(.dht26) :is(.gc-cta,.vc-cta,.ac-cta){color:#884b71!important}
body:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card) img{border-radius:15px}
body:not(.dht26) :is(.stats-strip,.stats){background:#f7eaf1;border:1px solid #eadbe3;border-radius:18px;padding:20px 12px}
body:not(.dht26) .evt{padding:30px 0!important}
body:not(.dht26) .evt-highlight:first-of-type{
  background:linear-gradient(120deg,#f4e1de,#efdce9 60%,#e9e0ef)!important;
  border:1px solid #e6cbdc!important;border-radius:24px!important;padding:32px!important;
}
body:not(.dht26) :is(.evt-banner-wrap,.evt-banner){border-radius:20px!important}
body:not(.dht26) :is(.evt-type,.dj-chip,.genre-pill,.genre-tag,.tag,.badge-active,.lineup-pill){border-radius:100px}
body:not(.dht26) :is(.evt a[style*="linear-gradient"],.dht-listen-button,.cta-card a.btn,.dj-cta,.cta-primary,.wrap .links a){
  background:linear-gradient(115deg,#98405d,#72528d)!important;color:#fff9fc!important;border:1px solid transparent!important;
  border-radius:100px!important;box-shadow:0 7px 20px #9e456a14!important;text-decoration:none!important;
}
body:not(.dht26) .cta-card{
  padding:32px!important;background:linear-gradient(120deg,#f4e1de,#efdce9 60%,#e9e0ef)!important;
  border:1px solid #e6cbdc!important;border-radius:24px!important;
}
body:not(.dht26) .dj-card{gap:32px;padding:28px 0!important}
body:not(.dht26) .dj-img-wrap{border-radius:20px;overflow:hidden}
body:not(.dht26) .dj-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
body:not(.dht26) .hero-card{
  background:linear-gradient(120deg,#f6e8e4,#f5e5ef 60%,#eee6f3)!important;
  border:1px solid #ead5e1!important;border-radius:24px!important;padding:34px!important;
}
body:not(.dht26) :is(.av-photo,.av-big){border-radius:20px!important}
body:not(.dht26) .link-row a{border-radius:100px!important;background:#fffbfd!important}
body:not(.dht26) .cta-secondary{border-radius:100px!important;background:#fffbfd!important}
body:not(.dht26) .hero{border-radius:24px;overflow:hidden}
body:not(.dht26) .cta-grid{gap:18px}
body:not(.dht26) .cta-grid .cta{
  background:#fffbfd!important;border:1px solid #eadbe3!important;
  border-radius:20px!important;padding:26px!important;
}
body:not(.dht26) .format-row{gap:18px}
body:not(.dht26) .format-row .fmt{
  background:#f7eaf1!important;border:1px solid #eadbe3!important;border-radius:18px!important;padding:24px!important;
}
body:not(.dht26) :is(footer,.foot,.footer) a{color:#69425c!important}
@media (hover:hover){
  body:not(.dht26) .dht26-music-menu>summary:hover,
  body:not(.dht26) :is(.evt a[style*="linear-gradient"],.dht-listen-button,.cta-card a.btn,.dj-cta,.cta-primary,.wrap .links a):hover{
    background:linear-gradient(115deg,#80354e,#5c4276)!important;color:#fff9fc!important;
  }
  body:not(.dht26) .dht26-platform-menu>a:hover{background:#f6e7ef}
  body.lyra-hub:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card):hover{background:#f9edf4!important;border-color:#d6b6ca!important}
}
@media (max-width:700px){
  body:not(.dht26) :is(.page,main:not(.page),.wrap){padding-top:26px!important}
  body:not(.dht26) .dht-inner-nav{min-height:76px;padding:14px 20px;gap:12px}
  body:not(.dht26) .dht-inner-brand img{width:33px;height:33px}
  body:not(.dht26) .dht-inner-brand span{font-size:14px}
  body:not(.dht26) .dht26-music-menu>summary{min-height:44px;padding:11px 14px;font-size:12px;gap:11px}
  body:not(.dht26) .dht26-menu-guides{display:flex;gap:5px;border-top:1px solid #ebdce5;padding-top:4px}
  body:not(.dht26) .dht26-menu-guides>a{display:flex;align-items:center;min-height:44px;flex:1;padding:8px 13px;text-decoration:none;font-size:12px;font-weight:700;color:#735268}
  body:not(.dht26) :is(.article-header,.page-header){padding:24px 21px!important;border-radius:20px!important;margin-bottom:26px!important}
  body:not(.dht26) :is(.article-header,.page-header) h1{font-size:clamp(1.9rem,8vw,3.3rem)!important;line-height:1.12!important}
  body:not(.dht26) :is(.article-header,.page-header) p{font-size:1.02rem!important}
  body:not(.dht26) .hero-banner{border-radius:20px!important;margin-bottom:24px!important}
  body.lyra-hub:not(.dht26) :is(.guide-card,.faq-card,.article-card,.venue-card){padding:24px 21px!important;border-radius:18px!important;margin-bottom:14px!important}
  body:not(.dht26) :is(.evt-highlight:first-of-type,.cta-card,.hero-card){padding:25px 21px!important;border-radius:20px!important}
  body:not(.dht26) :is(.stats-strip,.stats){padding:17px 6px}
  body:not(.dht26) :is(.inline-img,figure) img{border-radius:15px!important}
  body:not(.dht26) .dj-img-wrap{border-radius:18px}
  body:not(.dht26) .cta-grid .cta{padding:24px 21px!important}
}
@media (max-width:360px){
  body:not(.dht26) .dht-inner-nav{padding-inline:16px;gap:9px}
  body:not(.dht26) .dht-inner-brand span{font-size:13px}
  body:not(.dht26) .dht-inner-brand img{width:31px;height:31px}
}
@media (prefers-reduced-motion:reduce){
  body:not(.dht26) *,body:not(.dht26) *::before,body:not(.dht26) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}