/* ============================================================
   DJD CSS BUNDLE — Font, Column Width, Header, Widgets
   Items: 1, 2, 3, 7 from May 2026 audit
   ============================================================ */

/* --- 1. ARTICLE BODY FONT SIZE (17px) --- */
.entry-content p,
.entry-content li,
.entry-content blockquote,
.entry-content td {
  font-size: 17px !important;
  line-height: 1.75 !important;
}

/* --- 2. ARTICLE CONTENT COLUMN WIDTH (740px max) --- */
.single .entry-content {
  max-width: 740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- 3. STICKY HEADER HEIGHT REDUCTION ---
   Header is 163px because .middle-header-contain .wrapper
   has 30px top + 30px bottom padding. Targeting the real selector. */
.middle-header-contain .wrapper {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.site-title {
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
.bottom-header-contain .wrapper {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* --- 7. WIDGET / SIDEBAR H2 SIZE FIX ---
   Widget H2s rendering oversized — set to compact label style */
.widget-title,
.sidebar h2,
aside h2,
.entry-sidebar h2,
.widget h2 {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #888 !important;
}
.djd-cta-go{position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:64px!important;padding:14px 26px!important;border-radius:999px!important;border:0!important;background:linear-gradient(90deg,#34f5e1 0%,#5ee9c5 45%,#ffc93c 100%)!important;color:#0F0E1A!important;font-family:"Bricolage Grotesque",system-ui,sans-serif!important;font-weight:800!important;font-size:clamp(18px,2.2vw,21px)!important;letter-spacing:.01em!important;line-height:1.15!important;text-decoration:none!important;text-align:center!important;cursor:pointer!important;box-shadow:0 0 0 0 rgba(52,245,225,.55),0 10px 30px rgba(52,245,225,.22)!important;animation:djdCtaPulse 2.6s ease-in-out infinite;transition:transform .18s ease,filter .18s ease!important;-webkit-tap-highlight-color:transparent}
.djd-cta-go.djd-cta-wide{width:100%!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important}
.djd-cta-go:hover,.djd-cta-go:focus-visible{transform:translateY(-2px) scale(1.025)!important;filter:saturate(1.15) brightness(1.05)}
.djd-cta-go:focus-visible{outline:3px solid #F5F0E8!important;outline-offset:3px!important}
.djd-cta-go::after{content:"";position:absolute;top:0;left:-55%;width:38%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));transform:skewX(-20deg);animation:djdCtaShine 3.8s ease-in-out infinite;pointer-events:none}
.djd-cta-go .djd-cta-label,.djd-cta-go .djd-cta-arrow{position:relative;z-index:1;color:#0F0E1A!important;-webkit-text-fill-color:#0F0E1A!important;text-decoration:none!important}
.djd-cta-disc{position:relative;z-index:1;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#ff3b5c 0 20%,#0F0E1A 21% 27%,transparent 28%),repeating-radial-gradient(circle,#1b1830 0 2px,#2a2545 2px 3px);box-shadow:0 0 0 2px #0F0E1A;animation:djdCtaSpin 2.2s linear infinite}
.djd-cta-disc::after{content:"";position:absolute;top:4px;left:6px;width:7px;height:4px;border-radius:50%;background:rgba(255,255,255,.35);transform:rotate(-30deg)}
.djd-cta-eq{position:relative;z-index:1;display:inline-flex;align-items:flex-end;gap:3px;height:20px;flex:0 0 auto}
.djd-cta-eq i{display:block;width:4px;height:100%;border-radius:2px;background:#0F0E1A;transform-origin:bottom;animation:djdCtaEq 1s ease-in-out infinite}
.djd-cta-eq i:nth-child(2){animation-delay:-.35s}.djd-cta-eq i:nth-child(3){animation-delay:-.7s}.djd-cta-eq i:nth-child(4){animation-delay:-.15s}
.djd-cta-arrow{position:relative;z-index:1;display:inline-block;font-weight:800;animation:djdCtaNudge 1.4s ease-in-out infinite}
.djd-cta-go.djd-cta-sm{min-height:44px!important;padding:9px 18px!important;font-size:16px!important;gap:8px!important;display:inline-flex!important}
.djd-cta-go.djd-cta-sm .djd-cta-disc{width:20px;height:20px}
.djd-cta-go.djd-cta-sm .djd-cta-eq{display:none}
.djd-cta-go.djd-cta-pop{animation:djdCtaPop .7s cubic-bezier(.2,1.4,.4,1) 1,djdCtaPulse 2.6s ease-in-out .7s infinite}
.djd-cta-strip{position:relative;overflow:hidden;margin:6px -6px 18px;height:96px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.djd-cta-track{display:flex;gap:10px;width:max-content;animation:djdCtaMarquee 42s linear infinite}
.djd-cta-strip:hover .djd-cta-track{animation-play-state:paused}
.djd-cta-tile{flex:0 0 auto;width:120px;height:96px;border-radius:12px;overflow:hidden;background:#12111f;border:1px solid rgba(166,140,255,.35)}
.djd-cta-tile svg{display:block;width:100%;height:100%;filter:saturate(1.35) contrast(1.15) brightness(1.12)}
.djd-quizcta.djd-cta-again{margin-top:2.4rem}
@keyframes djdCtaPulse{0%{box-shadow:0 0 0 0 rgba(52,245,225,.55),0 10px 30px rgba(52,245,225,.22)}70%{box-shadow:0 0 0 16px rgba(52,245,225,0),0 10px 30px rgba(52,245,225,.22)}100%{box-shadow:0 0 0 0 rgba(52,245,225,0),0 10px 30px rgba(52,245,225,.22)}}
@keyframes djdCtaShine{0%,55%{left:-55%}85%,100%{left:125%}}
@keyframes djdCtaSpin{to{transform:rotate(360deg)}}
@keyframes djdCtaEq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes djdCtaNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes djdCtaPop{0%{transform:scale(.92)}60%{transform:scale(1.05)}100%{transform:scale(1)}}
@keyframes djdCtaMarquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.djd-cta-go,.djd-cta-go::after,.djd-cta-disc,.djd-cta-eq i,.djd-cta-arrow,.djd-cta-track{animation:none!important}.djd-cta-go::after{display:none}}
@media (max-width:480px){.djd-cta-go{min-height:58px!important;padding:12px 16px!important;gap:10px!important;font-size:18px!important}.djd-cta-go .djd-cta-eq{display:none}.djd-cta-strip{height:80px}.djd-cta-tile{width:100px;height:80px}}

body.single .posted-on time.updated.djd-hide-upd,body .entry-meta time.updated.djd-hide-upd.djd-hide-upd{display:none!important}
.entry-content .djd-era-ctx a.djd-era-chip.djd-era-chip,.entry-content .djd-era-ctx a.djd-era-chip.djd-era-chip:visited{color:#0F0E1A!important;background:#ffc93c!important;text-decoration:none!important;font-weight:700!important}.entry-content .djd-era-ctx a.djd-era-chip.djd-era-chip:hover{background:#5ee9c5!important;color:#0F0E1A!important}
body.single header.site-header .bottom-header-contain,body.single header.site-header .bottom-header-contain .wrapper{background-color:transparent!important}
/* DJD neighbourhood map v4 skin, Oct 2026 (dark re-skin, ring pins, clusters) */
.djd-am{--djd-bg:#12131D;--djd-pn:#181A28;--djd-ld:#0F111B;--djd-tx:#F2F0EA;--djd-mu:#A9ACC2;--djd-mint:#5EE9C5;--djd-pink:#FF5C95;--djd-amb:#FFC857}
.djd-am-box{background:var(--djd-pn)!important;border-color:rgba(242,240,234,.1)!important;border-radius:20px!important;font-family:'Bricolage Grotesque','Syne',system-ui,sans-serif}
.djd-am-title{font-family:'Bricolage Grotesque','Syne',sans-serif!important;font-weight:800!important;letter-spacing:-.01em}
.djd-am-eyebrow,.djd-am-h,.djd-am-evd,.djd-am-badge{font-family:'Bricolage Grotesque','Space Mono',sans-serif!important}
.djd-am-eyebrow{letter-spacing:.18em!important}
.djd-am-chips{gap:8px;margin:0 0 14px}
.djd-am-chips button{border-color:rgba(242,240,234,.16)!important;padding:7px 15px!important;font-weight:600;font-size:13px;transition:background .15s,border-color .15s}
.djd-am-chips button:hover{border-color:rgba(94,233,197,.6)!important}
.djd-am-chips button.on{background:var(--djd-mint)!important;border-color:var(--djd-mint)!important;color:#0F111B!important;-webkit-text-fill-color:#0F111B!important}
.djd-am-wrap{height:min(620px,72vh);min-height:460px;border-radius:16px;border-color:rgba(242,240,234,.1);background:var(--djd-ld)}
.djd-am-mapel,.djd-am .leaflet-container{background:var(--djd-ld)}
.djd-am-t-navy .leaflet-tile-pane{filter:grayscale(1) invert(1) brightness(.62) contrast(1.15)!important}
.djd-am .leaflet-control-zoom{border:0!important;box-shadow:0 4px 14px rgba(0,0,0,.4)!important;border-radius:12px;overflow:hidden}
.djd-am .leaflet-control-zoom a{background:var(--djd-pn)!important;border-color:rgba(242,240,234,.12)!important;width:34px!important;height:34px!important;line-height:34px!important}
.djd-am .leaflet-control-attribution{background:rgba(15,17,27,.72)!important;color:#8D92B8!important}
.djd-am .leaflet-tooltip{background:var(--djd-pn);border-color:rgba(242,240,234,.18);border-radius:8px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.45)}
.djd-am .leaflet-tooltip-top:before{border-top-color:var(--djd-pn)}
.djd-am path.djd-am-road{stroke-opacity:.9;stroke-linecap:round;stroke-linejoin:round}
.djd-am path.djd-am-roadcase{stroke:#0F111B;stroke-opacity:.9}
.djd-am-roadlbl span,.djd-am-dist span{background:none!important;border:0!important;box-shadow:none!important;font-family:'Bricolage Grotesque',sans-serif!important;font-size:10.5px!important;font-weight:600;letter-spacing:.06em;color:#9aa0c8!important;text-shadow:0 0 3px #0F111B,0 0 3px #0F111B,0 0 6px #0F111B;opacity:.9}
.djd-am-z-lo .djd-am-roadlbl{opacity:0;pointer-events:none}
.djd-am-lbl span{background:rgba(15,17,27,.82)!important;border:1px solid rgba(94,233,197,.5)!important;font-family:'Bricolage Grotesque',sans-serif!important;font-weight:600;letter-spacing:.02em}
/* pins */
.djd-am-pinwrap{background:none!important;border:0!important}
.djd-am-pinv{--c:#FF5C95;--cg:#FF5C9566;position:relative;display:block;width:24px;height:24px;margin:4px;border-radius:50%;background:#12131D;border:2px solid var(--c);box-shadow:0 0 10px var(--cg),0 2px 6px rgba(0,0,0,.5);transition:transform .15s ease,opacity .2s;box-sizing:border-box;cursor:pointer}
.djd-am-pinv::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--c);border-radius:50%}
.djd-am-kind-cocktail::after,.djd-am-kind-whisky::after,.djd-am-kind-bar::after,.djd-am-kind-hotelbar::after,.djd-am-kind-listening::after{border-radius:1px;transform:rotate(45deg);width:7px;height:7px;margin:-3.5px 0 0 -3.5px}
.djd-am-kind-live::after,.djd-am-kind-hall::after,.djd-am-kind-radio::after{background:none;border:2px solid var(--c);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;box-sizing:border-box}
.djd-am-kind-landmark::after,.djd-am-kind-station::after{border-radius:2px}
.djd-am-pinv.djd-am-live::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--c);opacity:.6;animation:djdhalo 2.2s ease-out infinite}
@keyframes djdhalo{0%{transform:scale(.7);opacity:.7}100%{transform:scale(1.35);opacity:0}}
.leaflet-marker-icon:hover .djd-am-pinv,.leaflet-marker-icon:focus .djd-am-pinv{box-shadow:0 0 16px var(--c),0 2px 6px rgba(0,0,0,.5)}
.djd-am .leaflet-marker-icon:focus{outline:none}
.djd-am .leaflet-marker-icon:focus-visible .djd-am-pinv{outline:2px solid #F2F0EA;outline-offset:3px}
/* clusters */
.djd-am-cl{background:none!important;border:0!important}
.djd-am-cl>div{position:relative;width:44px;height:44px;border-radius:50%;background:rgba(24,26,40,.94);border:2px solid #FF5C95;box-shadow:0 0 16px rgba(255,92,149,.4);display:flex;align-items:center;justify-content:center;color:#F2F0EA;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15px}
.djd-am-cl b{font-weight:800}
.djd-am-cl u{position:absolute;right:-1px;top:-1px;width:12px;height:12px;border-radius:50%;background:#5EE9C5;border:2px solid #12131D;text-decoration:none}
/* popup card */
.djd-am-popup .leaflet-popup-content-wrapper{background:var(--djd-pn)!important;border:1px solid rgba(242,240,234,.14)!important;border-radius:16px!important;box-shadow:0 12px 32px rgba(0,0,0,.55)!important}
.djd-am-popup .leaflet-popup-tip{background:var(--djd-pn)!important;border-color:rgba(242,240,234,.14)!important}
.djd-am-popup .leaflet-popup-content{margin:14px 16px!important;font-family:'Bricolage Grotesque',system-ui,sans-serif;min-width:200px}
.djd-am-pop h4{font-family:'Bricolage Grotesque','Syne',sans-serif!important;font-weight:800!important;font-size:19px!important}
.djd-am-pop .djd-am-k{font-family:'Bricolage Grotesque',sans-serif!important;font-weight:700;letter-spacing:.14em!important;text-transform:uppercase}
.djd-am-pop .djd-am-on{display:block;background:rgba(255,200,87,.12);border:1px solid rgba(255,200,87,.35);border-radius:10px;padding:6px 10px;color:#FFC857!important;margin-top:8px!important}
.djd-am-pop .djd-am-links a,.djd-am-pop p>a{display:inline-block;margin:6px 6px 0 0;padding:5px 12px;border:1px solid rgba(94,233,197,.5);border-radius:999px;font-weight:600;font-size:12.5px;text-decoration:none}
.djd-am-pop .djd-am-links a:hover,.djd-am-pop p>a:hover{background:#5EE9C5;color:#0F111B!important}
.djd-am-badge{background:#FFC857!important}
.djd-am-h{color:#FFC857!important}
@media (max-width:720px){.djd-am-wrap{height:min(560px,74vh);min-height:420px}.djd-am-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.djd-am-chips::-webkit-scrollbar{display:none}.djd-am-chips button{flex:none;white-space:nowrap}.djd-am-pinv{width:28px;height:28px;margin:2px}}
@media (prefers-reduced-motion:reduce){.djd-am-pinv.djd-am-live::before{animation:none}}

.djd-pills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.djd-pill{display:inline-block;background:var(--pc);color:#0F0E1A!important;font-size:10.5px;line-height:1;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px;text-decoration:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset}.djd-pill:hover{filter:brightness(1.12)}.dj-cat-label{display:none!important}[class*="djdr"]{scrollbar-color:rgba(245,240,232,.22) transparent;scrollbar-width:thin}[class*="djdr"]::-webkit-scrollbar{height:6px}[class*="djdr"]::-webkit-scrollbar-track{background:transparent}[class*="djdr"]::-webkit-scrollbar-thumb{background:rgba(245,240,232,.22);border-radius:6px}
/* DJD club history and then-and-now map skin v4, Oct 2026 (matches the area maps dark skin) */
.djd-cm.djd-cm2 .leaflet-tile-pane{filter:grayscale(1) invert(1) brightness(.85) contrast(1.1) sepia(.35) hue-rotate(205deg) saturate(2.4)!important}
.djd-cm{--bg:#181A28;--card:#1F2133;background:#181A28!important;border-radius:20px!important;font-family:'Bricolage Grotesque','Syne',system-ui,sans-serif}
.djd-cm-title,.djd-cm-year{font-family:'Bricolage Grotesque','Syne',sans-serif!important}
.djd-cm-eyebrow,.djd-cm-play,.djd-cm-lbl{font-family:'Bricolage Grotesque','Space Mono',sans-serif!important;letter-spacing:.14em}
.djd-cm-play{background:#FF5C95!important}
.djd-cm-range{accent-color:#5EE9C5}
.djd-cm-zoom button{padding:7px 15px!important;font-weight:600;transition:background .15s}
.djd-cm.djd-cm2 .djd-cm-zoom button.on{background:#5EE9C5!important;border-color:#5EE9C5!important;color:#0F111B!important;-webkit-text-fill-color:#0F111B!important}
.djd-cm2 .leaflet-container{background:#0F111B}
.djd-cm2 path.leaflet-interactive{filter:drop-shadow(0 0 5px rgba(242,240,234,.35));stroke:#12131D;stroke-width:2}
.djd-cm2 .leaflet-control-zoom,.djd-tn-map .leaflet-control-zoom{border:0!important;box-shadow:0 4px 14px rgba(0,0,0,.4)!important;border-radius:12px;overflow:hidden}
.djd-cm2 .leaflet-control-zoom a,.djd-tn-map .leaflet-control-zoom a{background:#181A28!important;color:#F2F0EA!important;border-color:rgba(242,240,234,.12)!important}
.djd-cm2 .leaflet-control-attribution,.djd-tn-map .leaflet-control-attribution{background:rgba(15,17,27,.72)!important;color:#8D92B8!important}
.djd-tn-map .leaflet-tile-pane{filter:grayscale(1) invert(1) brightness(.85) contrast(1.1) sepia(.35) hue-rotate(205deg) saturate(2.4)!important}
.djd-tn-map.leaflet-container{background:#0F111B!important}
.djd-tn-map path.leaflet-interactive{filter:drop-shadow(0 0 4px rgba(242,240,234,.3))}

/* DJD mobile menu v1 */
html body aside.mobile-sidebar{background:linear-gradient(180deg,#171432 0%,#0F0E1A 55%) !important;color:#F5F0E8 !important;width:min(92vw,440px) !important;padding:18px 18px 44px !important;border-left:1px solid rgba(94,233,197,.2) !important;box-shadow:-24px 0 60px rgba(0,0,0,.55) !important}
html body aside.mobile-sidebar .mobile-menu-toggle{float:none !important;display:flex !important;align-items:center !important;gap:8px !important;margin:0 0 18px auto !important;padding:9px 16px 9px 12px !important;background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:999px !important;color:#F5F0E8 !important;font-weight:600 !important;font-size:14px !important;line-height:1 !important;text-transform:none !important;letter-spacing:0 !important}
html body aside.mobile-sidebar .mobile-menu-toggle svg{fill:currentColor !important;width:18px !important;height:18px !important}
html body aside.mobile-sidebar .mobile-menu-toggle:hover{background:rgba(94,233,197,.16) !important;border-color:#5EE9C5 !important}
html body aside.mobile-sidebar .search-form{position:relative !important;margin:0 0 26px !important}
html body aside.mobile-sidebar .search-form label{display:block !important}
html body aside.mobile-sidebar .search-field{width:100% !important;height:50px !important;padding:0 58px 0 16px !important;background:#1B1933 !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:14px !important;color:#F5F0E8 !important;font-size:16px !important}
html body aside.mobile-sidebar .search-field::placeholder{color:#8F8AA6 !important}
html body aside.mobile-sidebar .search-field:focus{outline:none !important;border-color:#5EE9C5 !important;box-shadow:0 0 0 3px rgba(94,233,197,.18) !important}
html body aside.mobile-sidebar .search-submit{position:absolute !important;right:7px !important;top:7px !important;width:36px !important;height:36px !important;padding:0 !important;display:grid !important;place-items:center !important;background:#5EE9C5 !important;border:0 !important;border-radius:10px !important;color:#0F0E1A !important}
html body aside.mobile-sidebar .search-submit svg{width:20px !important;height:20px !important;fill:currentColor !important}
html body aside.mobile-sidebar .main-menu{display:flex !important;flex-direction:column !important;gap:26px !important}
html body aside.mobile-sidebar .main-menu>li>a{display:block !important;margin:0 !important;padding:0 0 10px !important;border-bottom:1px solid rgba(255,255,255,.12) !important;color:#5EE9C5 !important;font-size:12.5px !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;text-decoration:none !important}
html body aside.mobile-sidebar .main-menu .sub-menu{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;margin:14px 0 0 !important;padding:0 !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li:first-child{grid-column:1/-1 !important}
html body aside.mobile-sidebar .main-menu .sub-menu li a{display:flex !important;align-items:center !important;gap:10px !important;margin:0 !important;padding:10px 12px !important;min-height:52px !important;background:#1A1830 !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:12px !important;color:#F5F0E8 !important;font-size:14.5px !important;font-weight:500 !important;line-height:1.2 !important;text-decoration:none !important}
html body aside.mobile-sidebar .main-menu .sub-menu li a:hover,html body aside.mobile-sidebar .main-menu .sub-menu li a:focus{background:#232048 !important;border-color:var(--c,#5EE9C5) !important;text-decoration:none !important;color:#fff !important}
html body aside.mobile-sidebar .djdr-mi{flex:0 0 30px !important;width:30px !important;height:30px !important;display:grid !important;place-items:center !important;border-radius:9px !important;background:rgba(255,255,255,.08) !important;background:color-mix(in srgb,var(--c,#5EE9C5) 20%,transparent) !important;color:var(--c,#5EE9C5) !important}
html body aside.mobile-sidebar .djdr-mi svg{width:17px !important;height:17px !important}
html body aside.mobile-sidebar .sub-menu li a:not(:has(.djdr-mi))::before{content:"" !important;flex:0 0 30px !important;width:30px !important;height:30px !important;border-radius:9px !important;background:radial-gradient(circle,#5EE9C5 0 3px,transparent 4px),rgba(94,233,197,.12) !important}
html body aside.mobile-sidebar .djdr-mc{margin-left:auto !important;padding:2px 8px !important;border-radius:999px !important;background:rgba(255,255,255,.09) !important;color:#C9C4DA !important;font-size:11px !important;font-weight:600 !important}
html body aside.mobile-sidebar .main-menu>li:not(.menu-item-has-children)>a{padding:15px 16px !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:14px !important;color:#F5F0E8 !important;font-size:16px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;text-align:center !important}
html body aside.mobile-sidebar .main-menu>li:last-child:not(.menu-item-has-children)>a{background:#FF4D6D !important;border-color:#FF4D6D !important;color:#fff !important;font-weight:700 !important}
html body aside.mobile-sidebar .main-menu>li:not(.menu-item-has-children)>a:hover{border-color:#5EE9C5 !important;text-decoration:none !important}
html body aside.mobile-sidebar .main-menu>li:last-child:not(.menu-item-has-children)>a:hover{background:#FF6A84 !important;border-color:#FF6A84 !important}
html body aside.mobile-sidebar .main-menu li,html body aside.mobile-sidebar .menu-item{border:0 !important;background:none !important}
html body aside.mobile-sidebar .main-menu .sub-menu{background:transparent !important;border:0 !important;box-shadow:none !important}
html body aside.mobile-sidebar .main-menu>li.menu-item>a{display:block !important;min-height:0 !important}
html body aside.mobile-sidebar .main-menu .sub-menu li a{display:flex !important;background:#1A1830 !important;color:#F5F0E8 !important}
html body aside.mobile-sidebar .main-menu .sub-menu li a:hover{background:#232048 !important}
html body aside.mobile-sidebar .main-menu>li.menu-item:not(.menu-item-has-children)>a{display:flex !important;justify-content:center;align-items:center;min-height:50px !important;color:#F5F0E8 !important;background:transparent !important;padding:12px 16px !important;border-radius:14px !important}
html body aside.mobile-sidebar .main-menu>li.menu-item:last-child:not(.menu-item-has-children)>a{background:#FF4D6D !important;color:#fff !important;border-color:#FF4D6D !important}
html body aside.mobile-sidebar .main-menu>li.menu-item-has-children>a{color:#5EE9C5 !important}
html body aside.mobile-sidebar #menu-item-2994>a{display:flex !important;justify-content:space-between;align-items:center;padding:16px 16px !important;background:#1A1830 !important;border:1px solid rgba(94,233,197,.35) !important;border-radius:14px !important;font-size:15px !important;letter-spacing:.14em !important}
html body aside.mobile-sidebar #menu-item-2994>a::after{content:"All reads \2192";font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;color:#F5F0E8}
html body aside.mobile-sidebar #menu-item-2994>a:hover{background:#232048 !important}
html body aside#mobile-sidebar-fallback .main-menu>li.djd-hire-btn.djd-hire-btn.djd-hire-btn>a{background:#FF4D6D !important;color:#fff !important;border:1px solid #FF4D6D !important;border-radius:14px !important;padding:12px 16px !important;box-shadow:0 8px 24px rgba(255,77,109,.35) !important;font-weight:700 !important}
html body aside#mobile-sidebar-fallback .main-menu>li.djd-hire-btn>a:hover{background:#FF6A84 !important}

/* inline-style override for Book a DJ */
html body aside#mobile-sidebar-fallback .main-menu>li.djd-hire-btn>a{position:relative !important;isolation:isolate !important;border-radius:14px !important;overflow:hidden !important;display:block !important;text-align:center !important}
html body aside#mobile-sidebar-fallback .main-menu>li.djd-hire-btn>a::before{content:"" !important;position:absolute !important;inset:0 !important;background:#FF4D6D !important;z-index:-1 !important;border-radius:14px !important}

/* v2 icons and colour */
html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+1){--c:#5EE9C5 !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+2){--c:#FF6FA8 !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+3){--c:#F5C451 !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+4){--c:#A78BFA !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+5){--c:#5CC8FF !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+6){--c:#FF9A5C !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+6){--c:#FF9A5C !important}
html body aside.mobile-sidebar .main-menu>li#menu-item-1380>a{color:#5EE9C5 !important;border-bottom-color:#5EE9C555 !important}
html body aside.mobile-sidebar .main-menu>li#menu-item-1380>ul.sub-menu{margin-top:14px !important}
html body aside.mobile-sidebar .main-menu>li#menu-item-1503>a{color:#FF6FA8 !important;border-bottom-color:#FF6FA855 !important}
html body aside.mobile-sidebar .main-menu>li#menu-item-1503>ul.sub-menu{margin-top:14px !important}
html body aside.mobile-sidebar .main-menu>li#menu-item-2522>a{color:#F5C451 !important;border-bottom-color:#F5C45155 !important}
html body aside.mobile-sidebar .main-menu>li#menu-item-2522>ul.sub-menu{margin-top:14px !important}
html body aside.mobile-sidebar .main-menu>li#menu-item-2994>a{color:#A78BFA !important;border-bottom-color:#A78BFA55 !important}
html body aside.mobile-sidebar .main-menu>li#menu-item-2994>ul.sub-menu{margin-top:14px !important}
html body aside.mobile-sidebar .main-menu>li#menu-item-2994>a{border-color:#A78BFA66 !important;background:linear-gradient(90deg,#A78BFA22,#1A1830 70%) !important}
html body aside.mobile-sidebar .main-menu .sub-menu li a{border-left:3px solid var(--c,#5EE9C5) !important;background:linear-gradient(90deg,color-mix(in srgb,var(--c,#5EE9C5) 14%,#1A1830),#1A1830 65%) !important}
html body aside.mobile-sidebar .main-menu .sub-menu li a:not(:has(.djdr-mi))::before{display:grid !important;place-items:center !important;font-size:16px !important;line-height:1 !important;background:color-mix(in srgb,var(--c,#5EE9C5) 24%,transparent) !important;content:"✦" !important;color:var(--c,#5EE9C5) !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5781>a:not(:has(.djdr-mi))::before{content:"🕰️" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5784>a:not(:has(.djdr-mi))::before{content:"🎛️" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5786>a:not(:has(.djdr-mi))::before{content:"🎵" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5788>a:not(:has(.djdr-mi))::before{content:"📚" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5802>a:not(:has(.djdr-mi))::before{content:"⚔️" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6068>a:not(:has(.djdr-mi))::before{content:"🎚️" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6069>a:not(:has(.djdr-mi))::before{content:"🕺" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6070>a:not(:has(.djdr-mi))::before{content:"⏳" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6071>a:not(:has(.djdr-mi))::before{content:"🎪" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6072>a:not(:has(.djdr-mi))::before{content:"📍" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6073>a:not(:has(.djdr-mi))::before{content:"🏁" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6256>a:not(:has(.djdr-mi))::before{content:"🗺️" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6584>a:not(:has(.djdr-mi))::before{content:"🚕" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8386>a:not(:has(.djdr-mi))::before{content:"🧭" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8387>a:not(:has(.djdr-mi))::before{content:"🎧" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8388>a:not(:has(.djdr-mi))::before{content:"📜" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8401>a:not(:has(.djdr-mi))::before{content:"🔠" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8402>a:not(:has(.djdr-mi))::before{content:"🧬" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8701>a:not(:has(.djdr-mi))::before{content:"🔤" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8702>a:not(:has(.djdr-mi))::before{content:"🥁" !important}
html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-9175>a:not(:has(.djdr-mi))::before{content:"🌙" !important}
html body aside.mobile-sidebar .main-menu>li.menu-item:not(.menu-item-has-children):not(.djd-hire-btn)>a{border-color:#F5C45188 !important;color:#F5C451 !important}

html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-10507>a:not(:has(.djdr-mi))::before{content:"🗺️" !important}

/* desktop dropdown icons */
html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+1){--c:#5EE9C5}
html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+2){--c:#FF6FA8}
html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+3){--c:#F5C451}
html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+4){--c:#A78BFA}
html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+5){--c:#5CC8FF}
html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+6){--c:#FF9A5C}
html body #site-navigation .main-menu .sub-menu li>a:not(:has(.djdr-mi)){display:flex !important;align-items:center !important;gap:12px !important}
html body #site-navigation .main-menu .sub-menu li>a:not(:has(.djdr-mi))::before{content:"✦";flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;font-size:14px;line-height:1;color:var(--c,#5EE9C5);background:color-mix(in srgb,var(--c,#5EE9C5) 22%,transparent)}
html body #site-navigation .main-menu .sub-menu li>a:not(:has(.djdr-mi)):hover::before{background:color-mix(in srgb,var(--c,#5EE9C5) 38%,transparent)}
html body #site-navigation .main-menu .sub-menu li>a[href$="/seoul/tonight/"]:not(:has(.djdr-mi))::before{content:"🌙"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/category/seoul-scene/seoul-going-out/"]:not(:has(.djdr-mi))::before{content:"🧭"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/category/seoul-scene/seoul-the-scene/"]:not(:has(.djdr-mi))::before{content:"🎧"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/category/seoul-scene/seoul-history/"]:not(:has(.djdr-mi))::before{content:"📜"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/seoul-maps/"]:not(:has(.djdr-mi))::before{content:"🗺️"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/getting-home-planner/"]:not(:has(.djdr-mi))::before{content:"🚕"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/seoul-nightlife-glossary/"]:not(:has(.djdr-mi))::before{content:"🔤"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-dj-type/"]:not(:has(.djdr-mi))::before{content:"🎚️"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-clubber-type/"]:not(:has(.djdr-mi))::before{content:"🕺"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/find-your-sound/"]:not(:has(.djdr-mi))::before{content:"🎵"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-era-type/"]:not(:has(.djdr-mi))::before{content:"⏳"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-festival-type/"]:not(:has(.djdr-mi))::before{content:"🎪"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-ultimate-venue/"]:not(:has(.djdr-mi))::before{content:"📍"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/quizzes/"]:not(:has(.djdr-mi))::before{content:"🏁"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/types/"]:not(:has(.djdr-mi))::before{content:"🧬"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/visual-data/dance-music-tree.html"]:not(:has(.djdr-mi))::before{content:"🌳"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/dance-music-machines/"]:not(:has(.djdr-mi))::before{content:"🎛️"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/dance-music-timeline/"]:not(:has(.djdr-mi))::before{content:"🕰️"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/dance-music-festivals/"]:not(:has(.djdr-mi))::before{content:"🌍"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/tempo-bridge/"]:not(:has(.djdr-mi))::before{content:"🥁"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/genre-face-offs/"]:not(:has(.djdr-mi))::before{content:"⚔️"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/genres/"]:not(:has(.djdr-mi))::before{content:"🔠"}
html body #site-navigation .main-menu .sub-menu li>a[href$="/explore-data/"]:not(:has(.djdr-mi))::before{content:"📚"}

/* tonight page phone-only week strip (moved from page body) */
.djd-td-phone{display:none}@media (max-width:720px){.djd-td-phone{display:block}}

/* reads + sub archive cards: show the whole 16:9 featured image (23 Oct) */
html body.category-reads article.hentry .post-thumbnail img,html body.djd-sub-archive article.hentry .post-thumbnail img{height:auto!important;min-height:0!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important}
html body.category-reads article.hentry .post-thumbnail,html body.djd-sub-archive article.hentry .post-thumbnail,html body.category-reads article.hentry .post-thumbnail-inner,html body.djd-sub-archive article.hentry .post-thumbnail-inner{height:auto!important;max-height:none!important}

figure.djd-typeart.djd-typeart.djd-typeart{max-width:680px!important;width:100%!important;margin:2.6rem auto .6rem!important}.djd-typeart .djd-ta-in{border-color:rgba(166,140,255,.35)!important;box-shadow:0 18px 50px -24px rgba(166,140,255,.45),0 0 0 1px rgba(52,245,225,.08) inset}.djd-typeart svg{filter:saturate(1.35) contrast(1.15) brightness(1.12) drop-shadow(0 0 5px rgba(166,140,255,.28))}.djd-era-ctx{margin:22px 0 30px;padding:18px 22px;border-radius:16px;background:linear-gradient(160deg,rgba(52,245,225,.08),rgba(166,140,255,.06) 60%,rgba(245,240,232,.02));border:1px solid rgba(52,245,225,.28);font-size:15px;line-height:1.55}.djd-era-ctx .djd-era-k{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#34f5e1}.djd-era-ctx ul{margin:0 0 12px 18px;padding:0}.djd-era-ctx li{margin:6px 0}.djd-era-ctx .djd-era-note{font-size:13px;opacity:.75;margin:0 0 8px}.djd-era-ctx .djd-era-links{margin:0;font-size:14px}.djd-era-chip{display:inline-block;margin:4px 4px 0 0;padding:4px 10px;border-radius:999px;background:#ffc93c;color:#0F0E1A!important;font-weight:800;font-size:12px;text-decoration:none!important}.djd-era-chip:hover{filter:brightness(1.1)}

/* Author box: reduce visual weight so it does not compete with H2 content headings */
.author-bio-box h2,
.author-bio h2,
.entry-author h2,
.post-author h2,
.author-info h2,
[class*="author"] h2 {
    font-size: 0.8em !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    opacity: 0.55 !important;
    margin-bottom: 0.5em !important;
}
/* Coral accent standardisation: replace the slightly-off #FF3366 with brand coral #FF3B5C */
.page-id-7 a,
.page-id-7 .entry-title,
.page-id-7 h1 { color: inherit; }
:root { --djd-coral: #c0244a; }


/* Scroll reveal */
.djd-r{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.djd-r.djd-on{opacity:1;transform:none}
.djd-d1{transition-delay:.1s}.djd-d2{transition-delay:.18s}.djd-d3{transition-delay:.26s}.djd-d4{transition-delay:.34s}
/* Image hover zoom */
article.post .post-thumbnail{overflow:hidden}
article.post .post-thumbnail img{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .5s ease;will-change:transform}
article.post:hover .post-thumbnail img{transform:scale(1.045);filter:brightness(1.07)}
/* Card lift */
article.post{transition:transform .32s cubic-bezier(.22,1,.36,1)}
article.post:hover{transform:translateY(-5px)}
/* Nav underline draw */
.main-navigation .menu>li>a{position:relative}
.main-navigation .menu>li>a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#dc2828;transition:width .3s cubic-bezier(.22,1,.36,1)}
.main-navigation .menu>li:hover>a::after,.main-navigation .menu>li.current-menu-item>a::after,.main-navigation .menu>li.current-page-ancestor>a::after{width:100%}
/* Link transitions */
a{transition:color .2s ease,opacity .2s ease}
/* Reduced motion */
@media(prefers-reduced-motion:reduce){
.djd-r{opacity:1!important;transform:none!important;transition:none!important}
article.post,article.post .post-thumbnail img,.main-navigation .menu>li>a::after,a{transition:none!important;transform:none!important}
}


.entry-content .wp-block-embed{margin:2.2em 0}
.entry-content .wp-block-embed__wrapper{border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.35)}
.entry-content .wp-block-embed figcaption{font-size:.8em;opacity:.65;margin-top:.5em;text-align:center}