/* ============================================================
   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-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 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}


.site-header{position:sticky;top:0;z-index:200;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;background:#fff}
.djd-hid{transform:translateY(-100%)}
.djd-scrolled{box-shadow:0 2px 14px rgba(0,0,0,.12)}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}


@media(max-width:600px){
  /* Share buttons: wrap on narrow screens */
  .djd-share{flex-wrap:wrap;gap:0.5em;justify-content:flex-start}
  /* Related posts: reduce padding on mobile */
  .djd-related{padding:1.5em 0 2em}
  .djd-related h3{font-size:1em}
  /* Newsletter: tighter padding */
  .djd-nl-wrap{padding:1.5em 1em}
  .djd-nl-wrap h3{font-size:1em}
  /* Genre grid: tighter margins */
  .djd-genre-grid-wrap{margin:2em 0 1em}
  /* Footer: reduce padding */
  .djd-footer{padding:2em 1em 0}
  .djd-footer-brand{font-size:1em}
  /* Social row: tighten up */
  .djd-social-row{padding:0.75em 0 1em}
  /* Wordmark: scale if needed */
  .site-title svg{max-width:140px;height:auto}
}
@media(max-width:480px){
  /* Share buttons: full-width stacked on very small screens */
  .djd-share-btn{font-size:0.78em;padding:6px 10px}
  /* Related posts cards: single column already via grid */
  .djd-related-card-img{height:140px}
  /* Genre chips: slightly smaller */
  .djd-genre-letter-group a{font-size:0.78em;padding:4px 10px}
}


@media(max-width:600px){
  .djd-nl{padding:1.5em 1em}
  .djd-nl h3{font-size:1.05em}
  .djd-related-posts{padding:1.5em 0 2em}
  .djd-related-posts h3{font-size:1.05em}
  .djd-related-grid{gap:1em}
}
@media(max-width:480px){
  .djd-nl h3{font-size:1em}
  .djd-related-posts h3{font-size:1em}
}


.djd-reading-time{display:inline-flex;align-items:center;gap:0.35em;font-size:0.78em;color:#999;margin:0 0 1.25em;letter-spacing:0.06em;text-transform:uppercase;font-weight:500;font-family:inherit}
.djd-rt-icon{color:#4dd9c0;font-style:normal;font-size:1.05em}


/* Newsletter CTA: switch to dark bg to match site dark theme —
   cream text (#f5f0e8) on #141328 = 16:1, well above WCAG AA */
.djd-nl{background:#141328!important;border:1px solid rgba(77,217,192,0.3)!important;border-left:3px solid #4dd9c0!important}
/* Newsletter button: darken coral to #c0244a so white text = 4.9:1 (AA pass) */
.djd-nl-btn{background:#c0244a!important;border-color:#c0244a!important}
.djd-nl-btn:hover{background:#a01e3e!important;border-color:#a01e3e!important}
/* Hire DJ nav button: dark navy text on teal bg = 5.3:1 (AA pass) */
nav .djd-hire-btn a,#masthead .djd-hire-btn a,.djd-hire-btn a{color:#0f0e1a!important;font-weight:700!important}



.djdph{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;margin:0 0 30px}
.djdph-text p{margin:0 0 .6em;font-size:1.12rem;line-height:1.7}
.djdph-text p:last-child{margin-bottom:0}
.djdph-art{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(245,240,232,.12);background:linear-gradient(135deg,#16152A 0%,#0F0E1A 100%);box-shadow:0 20px 60px -30px rgba(94,233,197,.35);aspect-ratio:440/260}
.djdph-svg{display:block;width:100%;height:100%}
.djdph-svg .ph-spin{animation:phSpin 7s linear infinite}
.djdph-svg .ph-eq{animation:phEq 1.1s ease-in-out infinite alternate;transform-box:view-box}
.djdph-svg .ph-bob{animation:phBob 3.2s ease-in-out infinite}
.djdph-svg .ph-pulse{animation:phPulse 1.1s ease-in-out infinite;transform-box:view-box}
.djdph-svg .ph-wave{animation:phWave 4s linear infinite}
.djdph-svg .ph-draw{stroke-dasharray:600;stroke-dashoffset:600;animation:phDraw 1.6s ease forwards .2s}
.djdph-svg path.ph-draw[stroke-dasharray="6 7"]{stroke-dashoffset:0;animation:phMarch 1.2s linear infinite}
.djdph-svg .ph-pop{opacity:0;animation:phPop .6s cubic-bezier(.3,1.6,.5,1) forwards;transform-box:view-box}
.djdph-svg .ph-step{animation:phStep 2s steps(1) infinite;opacity:.25}
.djdph-svg .ph-knob{animation:phKnob 5s ease-in-out infinite;transform-box:view-box}
.djdph-svg .ph-thump{animation:phThump .6s ease-in-out infinite;transform-box:view-box}
.djdph-svg .ph-blink{animation:phBlink 1.6s steps(2) infinite}
.djdph-svg .ph-arm{animation:phArm 6s ease-in-out infinite;transform-box:view-box}
@keyframes phSpin{to{transform:rotate(360deg)}}
@keyframes phEq{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
@keyframes phBob{50%{transform:translateY(-6px)}}
@keyframes phPulse{50%{transform:scale(1.35);opacity:.35}}
@keyframes phWave{to{transform:translateX(-56px)}}
@keyframes phDraw{to{stroke-dashoffset:0}}
@keyframes phMarch{to{stroke-dashoffset:-26}}
@keyframes phPop{0%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:scale(1)}}
@keyframes phStep{0%,12%{opacity:1}13%,100%{opacity:.25}}
@keyframes phKnob{50%{transform:rotate(70deg)}}
@keyframes phThump{50%{transform:scale(1.08)}}
@keyframes phBlink{50%{opacity:.35}}
@keyframes phArm{50%{transform:rotate(3deg)}}
@media (max-width:780px){.djdph{grid-template-columns:1fr;gap:18px}.djdph-art{order:-1}}
@media (prefers-reduced-motion:reduce){.djdph-svg *{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}}

@media only screen and (min-width:782px){.h-dh .djd-breadcrumb{display:none!important}}
.djdtl-title,.djdtl-dek,.djdtw-title,.mm-title,.djdgl-title,.djdgl-dek,.djdmm-title,.djdmm-dek,.djdtb-title,.djdtb-dek,.djdfs-title,.djdfa-title,.djdfa-dek{display:none!important}


.djdts{margin:48px 0 8px;padding:26px 0 0;border-top:1px solid rgba(245,240,232,.12)}
.djdts-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 16px}
.djdts-k{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#5EE9C5;margin:0}
.djdts-sub{margin:0;color:rgba(245,240,232,.7);font-size:15px}
.djdts-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.djdts a.djdts-c{display:flex;flex-direction:column;background:#16152A;border:1px solid rgba(245,240,232,.12);border-radius:14px;overflow:hidden;color:#F5F0E8;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.djdts a.djdts-c:hover,.djdts a.djdts-c:focus-visible{transform:translateY(-4px);border-color:var(--c);box-shadow:0 16px 36px -16px var(--c)}
.djdts-art{display:block;aspect-ratio:440/260;background:linear-gradient(135deg,#16152A,#0F0E1A);border-bottom:1px solid rgba(245,240,232,.08)}
.djdts-art svg{display:block;width:100%;height:100%}
.djdts-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.djdts .djdts-t{font-family:"Bricolage Grotesque",Barlow,sans-serif;font-weight:800;font-size:18px;line-height:1.2;color:#F5F0E8!important}
.djdts-d{font-size:14px;line-height:1.5;color:rgba(245,240,232,.72)}
.djdts .djdts-go{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;color:var(--c)!important;white-space:nowrap}
.djdts-all{margin:14px 0 0;font-size:14px}
.djdts-all a{color:#5EE9C5}
.djdts .djdph-svg *{animation-play-state:paused}
.djdts a.djdts-c:hover .djdph-svg *,.djdts a.djdts-c:focus-visible .djdph-svg *{animation-play-state:running}
.djdts .ph-pop,.djdts .ph-draw{animation-play-state:running!important}
@media (max-width:620px){.djdts-g{grid-template-columns:1fr 1fr;gap:10px}.djdts-d{display:none}.djdts-t{font-size:15px}.djdts-body{padding:10px 12px 12px}}

/* Lift the accent from ochre to a brighter, higher chroma gold. */
:root{--djd-gold-bright:#ffc93c;--djd-gold-lift:#ffe08a;--djd-gold-deep:#c8901b}

/* The theme paints its gold as rgb(200,169,81). Low saturation is what made */
/* it read flat on the dark panels. These map the same roles to a lit gold. */
a[style*="200, 169, 81"],span[style*="200, 169, 81"]{color:#ffc93c}
.has-gold-color,.has-accent-color{color:#ffc93c}
.has-gold-background-color,.has-accent-background-color{background-color:#ffc93c}

/* Section eyebrows and small caps labels carry most of the gold on the site. */
.djd-eyebrow,.djd-kicker,.wp-block-heading em,.entry-meta a,.cat-links a{color:#ffc93c}

/* Rules and dividers: a flat gold hairline is the other thing that dulls it. */
hr.wp-block-separator{border-color:rgba(255,201,60,.45)}

/* Buttons: a gradient reads lit rather than painted. */
.wp-block-button__link{background-image:linear-gradient(95deg,#34f5e1,#ffc93c);color:#0f0e1a;border:0;font-weight:600}
.wp-block-button__link:hover{background-image:linear-gradient(95deg,#5cf8e8,#ffe08a);color:#0f0e1a}
.wp-block-button.is-style-outline .wp-block-button__link{background-image:none;color:#ffc93c;border:1px solid rgba(255,201,60,.55)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,201,60,.12);color:#ffe08a}

/* Links inside body copy: brighter on hover so the page feels alive. */
.entry-content a:not(.wp-block-button__link):hover{color:#ffe08a}

/* Give headings a little depth instead of flat fill. */
.entry-content h2,.entry-content h3{text-shadow:0 1px 0 rgba(0,0,0,.35)}
/* Repoint the theme accent tokens from the old ochre to the lit gold, so the */
/* rest of the site reads as one palette rather than two. */
:root{
--newspack-theme-color-link:#ffc93c;
--newspack-theme-color-link-hover:#c8901b;
--newspack-theme-color-secondary:#ffc93c;
--newspack-theme-color-secondary-variation:#c8901b;
--newspack-secondary-color:#ffc93c;
--wp--preset--color--secondary:#ffc93c;
}

/* The related post headlines at the foot of an article set no colour on the */
/* anchor, so they fell through to the theme link colour. Pin them to cream. */
/* Button shaped links inside an article were taking the article link colour
   from an !important rule, which put gold text on their own gold fill. Give
   them back their dark label. */
html body.single .entry-content a.djd-inline-cta-btn,
html body.single .entry-content a.wp-block-button__link{color:#0f0e1a !important}

html body .djd-related-grid .djd-related-item-title a{color:#f5f0e8 !important}
html body .djd-related-grid .djd-related-item-title a:hover{color:#ffc93c !important}

/* Hire DJ nav button — highest-priority specificity to beat dark theme overrides */
#masthead .menu-item.djd-hire-btn > a,
.main-navigation .menu-item.djd-hire-btn > a,
ul.menu .djd-hire-btn > a,
li.djd-hire-btn > a{background:#ffffff!important;color:#0f0e1a!important;border-radius:2px!important}
/* Newsletter submit button — hard override for cascade winner */
.djd-nl .djd-nl-btn,.djd-nl button{background:#c0244a!important;color:#ffffff!important;border-color:#c0244a!important}


/* Card hover lift effect */
.post, article.type-post, .cat-featured-post {
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    border-radius: 4px;
    overflow: hidden;
}
.post:hover, article.type-post:hover, .cat-featured-post:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
/* Fix section category label headings (were 15px, smaller than body) */
.article-section-title, .cat-section-title, .section-header__title {
    font-size: 11px !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
/* Respect user reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}


/* Hide Newspack credit bar entirely — block footer has own copyright + privacy link */
.site-info { display: none !important; }
/* Hide duplicate text-only social links (○ Instagram ○ SoundCloud) inside footer block.
   The standalone SVG icon row (Find us) is kept. */
footer .djd-social-row { display: none !important; }

.djd-share-bar{display:flex;align-items:center;gap:8px;margin:2em 0 1em;padding:1em 0;border-top:1px solid rgba(255,255,255,0.1);flex-wrap:wrap}.djd-share-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-right:4px}.djd-share-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:4px;font-size:13px;font-weight:500;text-decoration:none!important;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);color:inherit!important;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;font-family:inherit;line-height:1}.djd-share-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.35);transform:translateY(-1px)}.djd-share-x:hover{border-color:#1d9bf0;color:#1d9bf0!important}.djd-share-fb:hover{border-color:#1877f2;color:#1877f2!important}.djd-share-copy:hover{border-color:#aaa}

.djd-related{margin:2.5em 0;padding:2em 0;border-top:1px solid rgba(255,255,255,0.1)}
.djd-related-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:0 0 1.2em}
.djd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em}
@media(max-width:640px){.djd-related-grid{grid-template-columns:1fr}}
@media(min-width:641px) and (max-width:900px){.djd-related-grid{grid-template-columns:repeat(2,1fr)}}
.djd-related-card{display:flex;flex-direction:column;text-decoration:none!important;color:inherit!important;border:1px solid rgba(255,255,255,0.08);border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.djd-related-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.35);border-color:rgba(255,255,255,0.18)}
.djd-related-thumb{aspect-ratio:16/9;overflow:hidden;background:#1a1a1a}
.djd-related-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.djd-related-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e1e1e,#2a2a2a)}
.djd-related-body{padding:.8em .9em .9em;flex:1}
.djd-related-cat{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-bottom:.4em}
.djd-related-heading{font-size:.9em;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}


.djd-breadcrumb{font-size:11px;letter-spacing:.05em;opacity:.55;margin-bottom:1.2em;padding:.4em 0}
.djd-breadcrumb a{color:inherit;text-decoration:none;opacity:.8}
.djd-breadcrumb a:hover{opacity:1;text-decoration:underline}
.djd-breadcrumb .breadcrumb_last{opacity:1}


.page-header{border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:1.2em;margin-bottom:0}
.page-title .page-subtitle{font-size:.6em;letter-spacing:.12em;text-transform:uppercase;opacity:.45;font-weight:400;display:block;margin-bottom:.2em}
.page-title .page-description{font-size:1em;font-weight:800;letter-spacing:.03em}
.djd-cat-hero{padding:1em 0 1.8em;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:1.8em}
.djd-cat-desc{font-size:1.05em;line-height:1.65;opacity:.75;max-width:680px;margin:0 0 .6em}
.djd-cat-count{font-size:.8em;letter-spacing:.08em;text-transform:uppercase;opacity:.4;margin:0}


.djd-lm-wrap{text-align:center;padding:2.5em 0 1em}
.djd-lm-btn{display:inline-flex;align-items:center;gap:.5em;padding:.75em 2em;border:1px solid rgba(255,255,255,0.25);border-radius:4px;background:transparent;color:inherit;font-size:.9em;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;font-family:inherit}
.djd-lm-btn:hover:not(:disabled){background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.4);transform:translateY(-1px)}
.djd-lm-btn:disabled{opacity:.4;cursor:default}
.djd-lm-n{opacity:.65;font-size:.9em}