:root {
							--newspack-primary-color: #3a8c8a;
							--newspack-secondary-color: #c8a951;
							--newspack-cta-color: #dd3333;
							--newspack-header-color: #3a8c8a;
							--newspack-footer-color: #1c1b2e;
							--newspack-primary-contrast-color: white;
							--newspack-secondary-contrast-color: black;
							--newspack-cta-contrast-color: white;
							--newspack-header-contrast-color: white;
							--newspack-footer-contrast-color: white;
					}
	

		
			.tags-links span:first-child,
			.cat-links,
			.page-title,
			.highlight-menu .menu-label {
				text-transform: uppercase;
			}
			
body:is(.archive,.blog,.search) article.hentry.tag-type-quiz .entry-header::before{content:'Quiz';--djd-rt:#FF6B35;}
/* djd-fig v2, The DJ Diaries figure system */
.djd-fig{--f-teal:#4dd9c0;--f-pink:#ff3366;--f-amber:#FFB547;--f-cream:#F5F0E8;--f-mute:rgba(245,240,232,.68);--f-faint:rgba(245,240,232,.40);--f-line:rgba(245,240,232,.12);--f-panel:rgba(245,240,232,.04);--f-ink:#0f0d14;--f-display:"Bricolage Grotesque",Inter,system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;margin:40px 0!important;padding:24px 24px 18px;border-radius:20px;background:linear-gradient(160deg,rgba(77,217,192,.08),rgba(255,51,102,.045) 60%,rgba(245,240,232,.015));border:1px solid rgba(77,217,192,.30);color:var(--f-cream);font-size:15px;line-height:1.55;display:grid;gap:16px;min-width:0}.djd-fig *{box-sizing:border-box}.djd-fig p{margin:0!important;font-size:15px!important;line-height:1.55!important}.djd-fig a{color:var(--f-teal);text-decoration:underline;text-underline-offset:3px}.djd-fig a:hover{color:var(--f-cream)}.djd-fig :focus-visible{outline:2px solid var(--f-amber);outline-offset:3px;border-radius:4px}.df-ic{width:1.25em;height:1.25em;flex:none;display:inline-block;vertical-align:-.25em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.djd-fig .df-head{display:flex;gap:14px;align-items:flex-start}.djd-fig .df-badge{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--f-teal);background:rgba(77,217,192,.10);border:1px solid rgba(77,217,192,.30)}.djd-fig .df-badge .df-ic{width:26px;height:26px;filter:drop-shadow(0 0 6px rgba(77,217,192,.55))}.djd-fig .df-badge.pink{color:var(--f-pink);background:rgba(255,51,102,.10);border-color:rgba(255,51,102,.32)}.djd-fig .df-badge.pink .df-ic{filter:drop-shadow(0 0 6px rgba(255,51,102,.55))}.djd-fig .df-node .k .df-ic,.djd-fig .df-branch .if .df-ic{margin-right:4px;width:1.35em;height:1.35em}.djd-fig .df-branch .df-ic.big{width:28px;height:28px;color:var(--f-teal);filter:drop-shadow(0 0 5px rgba(77,217,192,.45))}.djd-fig .df-tool .df-ic{width:16px;height:16px}.djd-fig .df-eyebrow{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--f-teal)}.djd-fig .df-title{font:800 22px/1.15 var(--f-display)!important;letter-spacing:-.015em;margin:6px 0 0!important;color:var(--f-cream);text-wrap:balance;border:0!important;padding:0!important}.djd-fig .df-sub{color:var(--f-mute);margin-top:4px!important}.djd-fig .df-kr{font-size:13px!important;color:var(--f-faint)}.djd-fig .df-read{display:flex;gap:10px;align-items:flex-start;font-size:14px!important;color:var(--f-mute);background:var(--f-panel);border-radius:12px;padding:10px 14px}.djd-fig .df-read b{font:500 10.5px/1.9 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--f-amber);white-space:nowrap;font-weight:500}.djd-fig .df-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;align-items:center;border-top:1px solid var(--f-line);padding-top:12px}.djd-fig .df-src{font:500 11px/1.5 var(--f-mono);color:var(--f-faint)}.djd-fig .df-links{display:flex;flex-wrap:wrap;gap:8px}.djd-fig .df-tool{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 Inter,system-ui,sans-serif;text-decoration:none!important;color:var(--f-ink)!important;background:var(--f-teal);border-radius:999px;padding:9px 14px;transition:transform .15s ease,background .15s ease}.djd-fig .df-tool.alt{background:transparent;color:var(--f-cream)!important;border:1px solid var(--f-line)}.djd-fig .df-tool:hover{transform:translateY(-2px)}.djd-fig .df-tool::after{content:"→"}.djd-fig .df-svg{overflow-x:auto;-webkit-overflow-scrolling:touch}.djd-fig .df-svg svg{display:block;width:100%;min-width:540px;height:auto;overflow:visible}.djd-fig svg text{font-family:Inter,system-ui,sans-serif}.djd-fig .ax{stroke:rgba(245,240,232,.16);stroke-width:1}.djd-fig .axt{fill:var(--f-faint);font:500 11px var(--f-mono)}.djd-fig .lab{fill:var(--f-cream);font-size:13px}.djd-fig .lab b,.djd-fig .lab.strong{font-weight:600}.djd-fig .lab2{fill:var(--f-mute);font-size:11.5px}.djd-fig .bar{fill:var(--f-teal)}.djd-fig .bar.soft{fill:var(--f-teal);fill-opacity:.5}.djd-fig .bar.hot{fill:var(--f-pink)}.djd-fig .bar.gold{fill:var(--f-amber)}.djd-fig .dot{fill:var(--f-cream);stroke:var(--f-ink);stroke-width:2}.djd-fig .dot.hot{fill:var(--f-pink)}.djd-fig .ann{fill:var(--f-amber);font-size:11.5px}.djd-fig .band{fill:var(--f-amber);fill-opacity:.09}.djd-fig .bandline{stroke:var(--f-amber);stroke-dasharray:3 4}.djd-fig .df-bars{display:grid;gap:9px}.djd-fig .df-bar{display:grid;grid-template-columns:150px 1fr 128px;gap:12px;align-items:center;font-variant-numeric:tabular-nums}.djd-fig .df-bar .l{font-size:14px}.djd-fig .df-bar .v{font:500 12px var(--f-mono);color:var(--f-mute);text-align:right}.djd-fig .df-track{position:relative;height:14px;border-radius:7px;background:rgba(245,240,232,.06)}.djd-fig .df-track i{position:absolute;top:0;bottom:0;border-radius:7px;background:var(--f-teal)}.djd-fig .df-bar.hot .df-track i{background:var(--f-pink)}@media (max-width:560px){.djd-fig .df-bar{grid-template-columns:1fr auto}.djd-fig .df-bar .df-track{grid-column:1/-1;order:3}}.djd-fig .df-flow{display:grid;gap:12px}.djd-fig .df-route{display:grid;grid-template-columns:repeat(var(--steps,4),minmax(0,1fr));gap:0;align-items:stretch}.djd-fig .df-route-h{font:700 15px var(--f-display);margin-bottom:8px;display:flex;align-items:center;gap:8px}.djd-fig .df-route-h::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--route,var(--f-teal))}.djd-fig .df-node{position:relative;background:rgba(245,240,232,.05);border:1px solid var(--f-line);border-radius:12px;padding:11px 12px;margin-right:22px;display:grid;gap:3px;align-content:start}.djd-fig .df-node:last-child{margin-right:0;border-color:var(--route,var(--f-teal));background:rgba(77,217,192,.08)}.djd-fig .df-node::after{content:"";position:absolute;right:-17px;top:50%;width:12px;height:12px;border-top:2px solid var(--route,var(--f-teal));border-right:2px solid var(--route,var(--f-teal));transform:translateY(-50%) rotate(45deg)}.djd-fig .df-node:last-child::after{display:none}.djd-fig .df-node .k{font:500 10.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--route,var(--f-teal))}.djd-fig .df-node .t{font-weight:600;font-size:14.5px;line-height:1.3}.djd-fig .df-node .n{font-size:12.5px;color:var(--f-mute);line-height:1.4}.djd-fig .df-route.pink{--route:var(--f-pink)}.djd-fig .df-route.pink .df-node:last-child{background:rgba(255,51,102,.08)}@media (max-width:700px){.djd-fig .df-route{grid-template-columns:1fr;gap:18px}.djd-fig .df-node{margin-right:0}.djd-fig .df-node::after{right:auto;left:22px;top:auto;bottom:-15px;transform:rotate(135deg)}}.djd-fig .df-q{justify-self:start;font:700 16px var(--f-display);background:var(--f-cream);color:var(--f-ink);border-radius:999px;padding:9px 16px}.djd-fig .df-branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;padding-top:20px}.djd-fig .df-branches::before{content:"";position:absolute;top:6px;left:12.5%;right:12.5%;height:2px;background:var(--f-line)}.djd-fig .df-branch{position:relative;display:grid;gap:6px;align-content:start;background:rgba(245,240,232,.05);border:1px solid var(--f-line);border-radius:12px;padding:12px;text-decoration:none!important;color:var(--f-cream)!important;transition:border-color .15s ease,transform .15s ease}.djd-fig .df-branch::before{content:"";position:absolute;top:-15px;left:50%;width:2px;height:14px;background:var(--f-line)}.djd-fig a.df-branch:hover{border-color:var(--f-teal);transform:translateY(-2px)}.djd-fig .df-branch .if{font-size:13px;color:var(--f-mute);line-height:1.4}.djd-fig .df-branch .go{font:800 18px/1.1 var(--f-display);color:var(--f-teal)}.djd-fig .df-branch .go small{display:block;font:500 12px var(--f-mono);color:var(--f-faint);margin-top:4px}@media (max-width:700px){.djd-fig .df-branches{grid-template-columns:1fr 1fr}.djd-fig .df-branches::before,.djd-fig .df-branch::before{display:none}}.djd-fig .df-era{display:flex;height:30px;border-radius:8px;overflow:hidden;font:600 11.5px/30px Inter,system-ui,sans-serif}.djd-fig .df-era span{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--f-ink)}.djd-fig .df-era .e1{background:var(--f-teal)}.djd-fig .df-era .e0{background:repeating-linear-gradient(135deg,rgba(245,240,232,.16) 0 6px,rgba(245,240,232,.05) 6px 12px);color:var(--f-cream)}.djd-fig .df-era .e2{background:var(--f-pink)}.djd-fig .df-years{position:relative;height:14px;font:500 11px/14px var(--f-mono);color:var(--f-faint);margin-top:-8px}.djd-fig .df-years span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.djd-fig .df-years span:first-child{transform:none}.djd-fig .df-years span:last-child{transform:translateX(-100%)}.djd-fig .df-miles{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.djd-fig .df-miles li{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:10px 0!important;margin:0!important;border-top:1px solid var(--f-line);font-size:14px;line-height:1.45}.djd-fig .df-miles li::before{display:none!important}.djd-fig .df-miles .y{font:500 12px/1.6 var(--f-mono);color:var(--f-amber)}.djd-fig .df-miles li.two .y{color:var(--f-pink)}.djd-fig .df-miles li.dark .y{color:var(--f-faint)}@media (max-width:640px){.djd-fig .df-miles{grid-template-columns:1fr}}.djd-fig .df-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}.djd-fig table.df-cmp{width:100%;min-width:560px;border-collapse:collapse;margin:0!important;font-size:14px;border:0!important}.djd-fig .df-cmp th,.djd-fig .df-cmp td{padding:10px 12px!important;text-align:left;vertical-align:top;font-size:14px!important;line-height:1.5!important;border:0!important;border-bottom:1px solid var(--f-line)!important;background:transparent!important;color:var(--f-cream)}.djd-fig .df-cmp thead th{font:800 16px var(--f-display);letter-spacing:-.01em}.djd-fig .df-cmp thead th small{display:block;font:500 11px var(--f-mono);color:var(--f-faint);margin-top:3px;letter-spacing:0}.djd-fig .df-cmp tbody th{font:500 11px/1.5 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--f-faint);width:20%}.djd-fig .df-tabs{display:flex;flex-wrap:wrap;gap:8px}.djd-fig .df-tab{font:600 13px/1 Inter,system-ui,sans-serif;color:var(--f-cream);background:transparent;border:1px solid var(--f-line);border-radius:999px;padding:9px 14px;cursor:pointer}.djd-fig .df-tab[aria-selected="true"]{background:var(--f-cream);color:var(--f-ink);border-color:var(--f-cream)}.djd-fig [data-panel][hidden]{display:none!important}.djd-fig .df-split{display:flex;height:40px;border-radius:10px;overflow:hidden;font:600 12.5px/40px Inter,system-ui,sans-serif}.djd-fig .df-split span{padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--f-ink);transition:flex-basis .6s cubic-bezier(.2,.8,.2,1)}.djd-fig .df-split .s-p{background:var(--f-teal)}.djd-fig .df-split .s-v{background:var(--f-amber)}.djd-fig .df-split .s-x{background:repeating-linear-gradient(135deg,rgba(245,240,232,.14) 0 6px,rgba(245,240,232,.05) 6px 12px);color:var(--f-cream)}.djd-fig .df-split .s-d{background:var(--f-pink)}.djd-fig .df-money{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.djd-fig .df-money .box{background:rgba(245,240,232,.05);border:1px solid var(--f-line);border-radius:12px;padding:10px 12px;display:grid;gap:2px}.djd-fig .df-money .box .k{font:500 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--f-faint)}.djd-fig .df-money .box .t{font-weight:600;font-size:14px}.djd-fig .df-money .box .n{font-size:12.5px;color:var(--f-mute)}.djd-fig .df-money .arr{color:var(--f-teal);font-size:18px;text-align:center}.djd-fig .df-money .col{display:grid;gap:10px}@media (max-width:700px){.djd-fig .df-money{grid-template-columns:1fr}.djd-fig .df-money .arr{transform:rotate(90deg)}}.djd-fig .df-pulse{display:flex;align-items:center;gap:16px;background:var(--f-panel);border-radius:14px;padding:14px 16px}.djd-fig .df-pulse .beat{flex:none;width:46px;height:46px;border-radius:50%;background:var(--f-pink);box-shadow:0 0 0 0 rgba(255,51,102,.5)}.djd-fig .df-pulse .pt{font:800 26px/1 var(--f-display);font-variant-numeric:tabular-nums}.djd-fig .df-pulse .pn{font-size:13.5px!important;color:var(--f-mute)}.djd-fig .df-genres{display:flex;flex-wrap:wrap;gap:6px}.djd-fig .df-rowbtn{cursor:pointer;outline:none}.djd-fig .df-rowbtn:focus-visible .lab{fill:var(--f-amber);text-decoration:underline}.djd-fig .df-rowbtn:hover .lab,.djd-fig .df-rowbtn:focus .lab{fill:var(--f-teal)}.djd-fig .df-rowbtn.on .bar{fill:var(--f-pink);fill-opacity:1}.djd-fig .df-rowbtn.on .lab{font-weight:600}.djd-fig .df-pair{display:grid;gap:8px}@media (prefers-reduced-motion:no-preference){.djd-anim .djd-fig .grow{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.djd-anim .djd-fig .df-track i{transform-origin:left center;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.djd-anim .djd-fig .df-era span{transform-origin:left center;transform:scaleX(0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.djd-anim .djd-fig .df-era span:nth-child(2){transition-delay:.25s}.djd-anim .djd-fig .df-era span:nth-child(3){transition-delay:.5s}.djd-anim .djd-fig .df-node,.djd-anim .djd-fig .df-branch,.djd-anim .djd-fig .df-miles li{opacity:.15;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.djd-anim .djd-fig .df-node:nth-child(2),.djd-anim .djd-fig .df-branch:nth-child(2){transition-delay:.12s}.djd-anim .djd-fig .df-node:nth-child(3),.djd-anim .djd-fig .df-branch:nth-child(3){transition-delay:.24s}.djd-anim .djd-fig .df-node:nth-child(4),.djd-anim .djd-fig .df-branch:nth-child(4){transition-delay:.36s}.djd-anim .djd-fig .df-node:nth-child(5){transition-delay:.48s}.djd-anim .djd-fig .grow:nth-of-type(2){transition-delay:.08s}.djd-anim .djd-fig.is-in .grow,.djd-anim .djd-fig.is-in .df-track i,.djd-anim .djd-fig.is-in .df-era span{transform:none}.djd-anim .djd-fig.is-in .df-node,.djd-anim .djd-fig.is-in .df-branch,.djd-anim .djd-fig.is-in .df-miles li{opacity:1;transform:none}.djd-fig .df-pulse .beat{animation:djdBeat var(--beat,.48s) ease-out infinite}@keyframes djdBeat{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,51,102,.55)}18%{transform:scale(.82)}100%{transform:scale(1);box-shadow:0 0 0 18px rgba(255,51,102,0)}}}@media (max-width:560px){.djd-fig{padding:18px 16px 14px;border-radius:16px}.djd-fig .df-title{font-size:20px!important}}.djd-fig .df-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}.djd-fig .df-facts>div{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--f-line)}.djd-fig .df-facts dt{font:500 10.5px/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--f-teal);margin:0}.djd-fig .df-facts dd{margin:0;font-size:14px;line-height:1.45}@media (max-width:600px){.djd-fig .df-facts{grid-template-columns:1fr}}.djd-fig .df-tempo{display:grid;gap:6px}.djd-fig .df-tempo .df-track{height:18px;border-radius:9px}.djd-fig .df-tempo .df-track i{border-radius:9px;background:var(--f-pink)}.djd-fig .df-tempo .df-track i.ref{background:transparent;border:1px dashed rgba(245,240,232,.45)}.djd-fig .df-tempo .df-track b{position:absolute;top:-1px;font:600 11px/20px Inter,system-ui,sans-serif;color:var(--f-ink);padding:0 6px;white-space:nowrap}.djd-fig .df-ticks{position:relative;height:14px;font:500 10.5px/14px var(--f-mono);color:var(--f-faint)}.djd-fig .df-ticks span{position:absolute;transform:translateX(-50%)}.djd-fig .df-ticks span:first-child{transform:none}.djd-fig .df-ticks span:last-child{transform:translateX(-100%)}.djd-fig .df-tempo-note{font-size:13.5px!important;color:var(--f-mute)}.djd-fig .df-tempo-note .key{display:inline-block;width:18px;height:8px;border-radius:4px;vertical-align:1px;margin:0 4px 0 0;background:var(--f-pink)}.djd-fig .df-tempo-note .key.ref{background:transparent;border:1px dashed rgba(245,240,232,.55)}.djd-fig .df-lineage{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);gap:0;align-items:center}.djd-fig .df-lin-col{display:grid;gap:8px}.djd-fig .df-lin-h{font:500 10.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--f-faint)}.djd-fig .df-gnode{display:grid;gap:1px;padding:9px 12px;border-radius:10px;background:rgba(245,240,232,.05);border:1px solid var(--f-line);text-decoration:none!important;color:var(--f-cream)!important;transition:border-color .15s ease,transform .15s ease}.djd-fig a.df-gnode:hover{border-color:var(--f-teal);transform:translateY(-1px)}.djd-fig .df-gnode .t{font-weight:600;font-size:14px;line-height:1.3}.djd-fig a.df-gnode .t::after{content:" ↗";color:var(--f-teal);font-weight:400}.djd-fig .df-gnode .n{font-size:12px;color:var(--f-mute);line-height:1.35}.djd-fig .df-gnode.me{background:rgba(255,51,102,.12);border-color:var(--f-pink);padding:14px}.djd-fig .df-gnode.me .t{font:800 19px/1.15 var(--f-display)}.djd-fig .df-lin-arrow{color:var(--f-teal);text-align:center;font-size:18px}@media (max-width:700px){.djd-fig .df-lineage{grid-template-columns:1fr}.djd-fig .df-lin-arrow{transform:rotate(90deg);padding:4px 0}}.djd-fig .df-rail{position:relative;height:var(--rail-h,74px);margin:4px 8px 0}.djd-fig .df-rail::before{content:"";position:absolute;left:0;right:0;top:calc(var(--rail-h,74px) - 26px);height:2px;background:linear-gradient(90deg,var(--f-teal),var(--f-pink));border-radius:1px}.djd-fig .df-rail .stop{position:absolute;transform:translateX(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--f-ink);border:2px solid var(--f-teal);color:var(--f-cream);font:600 11px/1 Inter,system-ui,sans-serif;text-decoration:none!important;z-index:1}.djd-fig .df-rail .stop.korea{border-color:var(--f-pink);background:var(--f-pink);color:var(--f-ink)}.djd-fig .df-rail .stop.turn{border-color:var(--f-amber)}.djd-fig .df-rail .stop.lane0{top:calc(var(--rail-h,74px) - 37px)}.djd-fig .df-rail .stop.lane1{top:calc(var(--rail-h,74px) - 63px)}.djd-fig .df-rail .stop.lane1::after{content:"";position:absolute;top:22px;left:50%;width:1px;height:6px;background:var(--f-line)}.djd-fig .df-rail .stop.lane2{top:calc(var(--rail-h,74px) - 89px)}.djd-fig .df-rail .yr{position:absolute;bottom:0;transform:translateX(-50%);font:500 10.5px var(--f-mono);color:var(--f-faint);white-space:nowrap}.djd-fig .df-stops{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;counter-reset:none}.djd-fig .df-stops li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:9px 0!important;margin:0!important;border-top:1px solid var(--f-line);font-size:14px;line-height:1.45}.djd-fig .df-stops li::before{display:none!important}.djd-fig .df-stops .num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--f-teal);font:600 10.5px/1 Inter,system-ui,sans-serif}.djd-fig .df-stops li.korea .num{border-color:var(--f-pink);background:var(--f-pink);color:var(--f-ink)}.djd-fig .df-stops li.turn .num{border-color:var(--f-amber)}.djd-fig .df-stops .when{font:500 11.5px var(--f-mono);color:var(--f-amber);display:block}.djd-fig .df-stops li.korea .when{color:var(--f-pink)}.djd-fig .df-stops b{font-weight:600}.djd-fig .df-stops .n{color:var(--f-mute)}.djd-fig .df-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--f-mute)}.djd-fig .df-legend span{display:inline-flex;align-items:center;gap:6px}.djd-fig .df-legend i{width:12px;height:12px;border-radius:50%;border:2px solid var(--f-teal);display:inline-block}.djd-fig .df-legend i.korea{border-color:var(--f-pink);background:var(--f-pink)}.djd-fig .df-legend i.turn{border-color:var(--f-amber)}.djd-fig .df-korea{display:flex;gap:10px;align-items:flex-start;font-size:14px!important;background:rgba(255,51,102,.08);border:1px solid rgba(255,51,102,.28);border-radius:12px;padding:10px 14px}.djd-fig .df-korea .df-ic{color:var(--f-pink);margin-top:2px}@media (max-width:640px){.djd-fig .df-stops{grid-template-columns:1fr}.djd-fig .df-rail .yr.minor{display:none}}.djd-fig .df-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.djd-fig .df-part{display:grid;gap:4px;padding:12px;border-radius:12px;background:rgba(245,240,232,.05);border:1px solid var(--f-line);align-content:start}.djd-fig .df-part .k{font:500 10.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--f-amber)}.djd-fig .df-part .t{font-weight:600;font-size:14px;line-height:1.35}@media (max-width:640px){.djd-fig .df-parts{grid-template-columns:1fr}}.djd-fig .df-mrail{--rail-h:80px}.djd-fig .df-mrail .stop{width:14px;height:14px;font-size:0;border-width:2px}.djd-fig .df-mrail .stop.lane0{top:calc(var(--rail-h) - 32px)}.djd-fig .df-mrail .stop.lane1{top:calc(var(--rail-h) - 50px)}.djd-fig .df-mrail .stop:hover{background:var(--f-teal)}.djd-fig .df-mrail .stop.me{width:20px;height:20px;background:var(--f-pink);border-color:var(--f-pink);box-shadow:0 0 12px rgba(255,51,102,.6)}.djd-fig .df-mrail .stop.me.lane0{top:calc(var(--rail-h) - 35px)}.djd-fig .df-mrail .stop.me.lane1{top:calc(var(--rail-h) - 53px)}.djd-fig .df-mrail .melabel{position:absolute;top:0;transform:translateX(-50%);font:600 12px/1 Inter,system-ui,sans-serif;color:var(--f-pink);white-space:nowrap}@media (prefers-reduced-motion:no-preference){.djd-anim .djd-fig .df-rail .stop,.djd-anim .djd-fig .df-gnode,.djd-anim .djd-fig .df-part,.djd-anim .djd-fig .df-stops li{opacity:.15;transition:opacity .5s ease,transform .5s ease}.djd-anim .djd-fig .df-tempo .df-track i{transform:scaleX(0)}.djd-anim .djd-fig.is-in .df-rail .stop,.djd-anim .djd-fig.is-in .df-gnode,.djd-anim .djd-fig.is-in .df-part,.djd-anim .djd-fig.is-in .df-stops li{opacity:1}.djd-anim .djd-fig.is-in .df-tempo .df-track i{transform:none}.djd-anim .djd-fig .df-rail .stop:nth-child(odd),.djd-anim .djd-fig .df-gnode:nth-child(odd){transition-delay:.15s}.djd-fig .df-mrail .stop.me{animation:djdGlow 2.4s ease-in-out infinite}@keyframes djdGlow{50%{box-shadow:0 0 22px rgba(255,51,102,.9)}}}
/* site override: beats .entry-content p 17px */
.entry-content .djd-fig p,.entry-content .djd-fig li,.entry-content .djd-fig dd,.entry-content .djd-fig td,.entry-content .djd-fig th,.entry-content .djd-fig blockquote{font-size:15px!important;line-height:1.55!important}.entry-content .djd-fig .df-kr{font-size:13px!important}.entry-content .djd-fig .df-read,.entry-content .djd-fig .df-korea,.entry-content .djd-fig .df-stops li,.entry-content .djd-fig .df-miles li,.entry-content .djd-fig .df-facts dd,.entry-content .djd-fig .df-cmp td,.entry-content .djd-fig .df-cmp th{font-size:14px!important;line-height:1.45!important}.entry-content .djd-fig .df-tempo-note,.entry-content .djd-fig .df-pulse .pn{font-size:13.5px!important}.entry-content .djd-fig .df-pulse .pt{font-size:26px!important;line-height:1!important}.entry-content .djd-fig .df-cmp thead th{font-size:16px!important}.entry-content .djd-fig .df-cmp tbody th{font-size:11px!important}.entry-content .djd-fig .df-title{font-size:22px!important;line-height:1.15!important}@media (max-width:560px){.entry-content .djd-fig .df-title{font-size:20px!important}}
/* site override: link colour, and the Hear it chips sit inside genre boxes */
body.single .entry-content .djd-fig a,body.single .entry-content .djd-fig a:visited{color:var(--f-teal)!important}body.single .entry-content .djd-fig a.df-tool,body.single .entry-content .djd-fig a.df-tool:visited{color:var(--f-ink)!important;text-decoration:none!important}body.single .entry-content .djd-fig a.df-tool.alt,body.single .entry-content .djd-fig a.df-tool.alt:visited,body.single .entry-content .djd-fig a.df-gnode,body.single .entry-content .djd-fig a.df-gnode:visited,body.single .entry-content .djd-fig a.df-branch,body.single .entry-content .djd-fig a.df-branch:visited{color:var(--f-cream)!important;text-decoration:none!important}.djd-fig .df-lin-col>.djdhi-chip{position:relative;z-index:2;justify-self:end;margin:-47px 10px 0 0}
/* v3: licence matrix, festival calendar, decibel calculator, checklist, night clocks */
.djd-fig .df-cmp td.yes{color:var(--f-teal)!important;font-weight:600}.djd-fig .df-cmp td.yes::before{content:"✓ "}.djd-fig .df-cmp td.no{color:var(--f-faint)!important}.djd-fig .df-cmp td.no::before{content:"✕ "}.djd-fig .df-cmp td.mid{color:var(--f-amber)!important}.djd-fig .df-cmp td.mid::before{content:"◐ "}.djd-fig .df-cmp td small{display:block;color:var(--f-mute);font-weight:400;font-size:12.5px;margin-top:2px}.djd-fig .df-chips{display:flex;flex-wrap:wrap;gap:6px}.djd-fig .df-chip{font:500 12px/1.2 var(--f-mono);border:1px solid var(--f-line);border-radius:999px;padding:6px 10px;color:var(--f-cream)}.djd-fig .df-chip b{color:var(--f-teal);font-weight:500}.djd-fig .df-gantt{display:grid;gap:8px}.djd-fig .df-months{position:relative;height:14px;margin-left:182px;font:500 10.5px/14px var(--f-mono);color:var(--f-faint)}.djd-fig .df-months span{position:absolute;transform:translateX(-50%)}.djd-fig .df-grow{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:center}.djd-fig .df-grow .nm{font-size:14px;font-weight:600;line-height:1.25}.djd-fig .df-grow .nm small{display:block;font:500 11px/1.4 var(--f-mono);color:var(--f-faint)}.djd-fig .df-gtrack{position:relative;height:24px;border-radius:6px;background:rgba(245,240,232,.04);overflow:hidden}.djd-fig .df-gtrack .mline{position:absolute;top:0;bottom:0;width:1px;background:rgba(245,240,232,.08)}.djd-fig .df-gtrack i{position:absolute;top:4px;bottom:4px;min-width:10px;border-radius:5px;background:var(--f-teal)}.djd-fig .df-gtrack i.main{background:var(--f-pink)}.djd-fig .df-gtrack i.party{background:var(--f-amber)}.djd-fig .df-gtrack i.off{background:transparent;border:1px dashed var(--f-faint)}.djd-fig .df-gtrack em{position:absolute;top:0;font:500 11px/24px var(--f-mono);font-style:normal;color:var(--f-mute);white-space:nowrap;padding:0 8px}.djd-fig .df-gtrack em.r{transform:translateX(-100%)}@media (max-width:640px){.djd-fig .df-grow{grid-template-columns:1fr;gap:4px}.djd-fig .df-months{margin-left:0}}.djd-fig .df-calc{display:grid;gap:12px;background:var(--f-panel);border-radius:14px;padding:14px 16px}.djd-fig .df-calc label{display:grid;grid-template-columns:130px 1fr 84px;gap:12px;align-items:center;font-size:14px;margin:0}.djd-fig .df-calc label.plug{grid-template-columns:auto 1fr;justify-content:start;cursor:pointer}.djd-fig .df-calc input[type=range]{width:100%;accent-color:var(--f-teal);margin:0}.djd-fig .df-calc input[type=checkbox]{accent-color:var(--f-teal);width:18px;height:18px;margin:0}.djd-fig .df-calc output{font:600 14px var(--f-mono);text-align:right;color:var(--f-cream)}.djd-fig .df-dose{display:grid;gap:8px}.djd-fig .df-dose .df-track{height:18px;border-radius:9px;overflow:hidden}.djd-fig .df-dose .df-track i{border-radius:9px;transition:width .35s ease,background .35s ease}.djd-fig .df-dose .df-track i.bad{background:var(--f-pink)}.djd-fig .df-dose-big{font:800 26px/1.1 var(--f-display);color:var(--f-teal)}.djd-fig .df-dose-big.bad{color:var(--f-pink)}@media (max-width:560px){.djd-fig .df-calc label{grid-template-columns:1fr auto}.djd-fig .df-calc label input[type=range]{grid-column:1/-1;order:3}}.djd-fig .df-check{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:8px}.djd-fig .df-check li{margin:0!important;padding:0!important}.djd-fig .df-check li::before{display:none!important}.djd-fig .df-check label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--f-line);border-radius:10px;cursor:pointer;font-size:14px;line-height:1.45;margin:0;transition:border-color .2s ease,background .2s ease}.djd-fig .df-check input{accent-color:var(--f-teal);width:18px;height:18px;margin:1px 0 0;flex:none}.djd-fig .df-check li.done label{border-color:rgba(77,217,192,.5);background:rgba(77,217,192,.07)}.djd-fig .df-check li.done span{color:var(--f-mute);text-decoration:line-through;text-decoration-color:rgba(77,217,192,.6)}.djd-fig .df-check-count{font:500 12px var(--f-mono);color:var(--f-teal)}.djd-fig .area-h{fill:var(--f-teal);fill-opacity:.55}.djd-fig .area-i{fill:var(--f-pink);fill-opacity:.6}.djd-fig .gap{fill:var(--f-amber);fill-opacity:.08}.djd-fig .gapline{stroke:var(--f-amber);stroke-dasharray:3 4;stroke-width:1}
.djd-fig .df-branches.three{grid-template-columns:repeat(3,minmax(0,1fr))}.djd-fig .df-branches.three::before{left:16.6%;right:16.6%}@media (max-width:700px){.djd-fig .df-branches.three{grid-template-columns:1fr}}
/* v4: remembrance stops, album cards, checklist groups */
.djd-fig .df-rail .stop.mourn{border-color:rgba(245,240,232,.5);background:var(--f-ink);color:var(--f-mute)}.djd-fig .df-stops li.mourn .num{border-color:rgba(245,240,232,.5);color:var(--f-mute)}.djd-fig .df-stops li.mourn .when{color:var(--f-mute)}.djd-fig .df-legend i.mourn{border-color:rgba(245,240,232,.5)}.djd-fig .df-part .n{font-size:12.5px;color:var(--f-mute);line-height:1.4}.djd-fig .df-part .n .df-ic{width:14px;height:14px}.djd-fig .df-check li.df-check-h{font:500 10.5px/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--f-amber);margin-top:8px!important}
/* v5: New data panels */
.djd-fig .df-new{display:grid;gap:8px;padding:12px 14px;border:1px dashed rgba(255,181,71,.45);border-radius:12px;background:rgba(255,181,71,.04)}.djd-fig .df-new-h{display:flex;gap:6px;align-items:center;font:500 10.5px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--f-amber)}.djd-fig .df-new-h .df-ic{width:15px;height:15px}.entry-content .djd-fig p.df-stat,.djd-fig p.df-stat{font-size:14px!important;line-height:1.5!important;margin:0!important;color:var(--f-mute)}.djd-fig .df-stat b{font:800 16px/1.2 var(--f-display);color:var(--f-cream);margin-right:4px}.entry-content .djd-fig p.df-new-src,.djd-fig p.df-new-src{font:500 11px/1.6 var(--f-mono)!important;color:var(--f-faint);margin:0!important}body.single .entry-content .djd-fig .df-new-src a,.djd-fig .df-new-src a{color:var(--f-faint)!important;text-decoration:underline;text-underline-offset:2px}body.single .entry-content .djd-fig .df-new-src a:hover{color:var(--f-cream)!important}
/* v6 · accent icons */.djd-fig .df-bar .l .df-ic,.djd-fig .df-cmp th .df-ic,.djd-fig .df-chip .df-ic,.djd-fig .df-read b .df-ic,.djd-fig .df-stops .when .df-ic{width:1.1em;height:1.1em;margin-right:5px;vertical-align:-.2em}.djd-fig .df-bar .l .df-ic,.djd-fig .df-cmp th .df-ic{color:var(--f-teal)}.djd-fig .df-bar.hot .l .df-ic{color:var(--f-pink)}.djd-fig .df-chip .df-ic{color:var(--f-amber)}.djd-fig .df-stops .when .df-ic{color:currentColor}
.djd-tn input.djd-tn-rng{-webkit-appearance:auto!important;appearance:auto!important;background:none!important;border:0!important;padding:0!important;height:24px!important;box-shadow:none!important;width:auto!important;margin:0!important}.djd-tn .djd-tn-div button.djd-tn-handle{position:absolute!important;top:50%!important;left:50%!important;width:40px!important;height:40px!important;min-width:0!important;min-height:0!important;margin:-20px 0 0 -20px!important;padding:0!important;border-radius:50%!important;background:#FF3366!important;border:3px solid #0F0E1A!important;box-shadow:0 4px 16px rgba(15,14,26,.45)!important;transform:none!important;line-height:0!important;font-size:0!important}
/* DJD neighbourhood map v2 add-on: road labels and district names */
.djd-am-roadlbl{background:rgba(15,14,26,.78)!important;border:0!important;box-shadow:none!important;color:#F5F0E8!important;font-family:'Space Mono',monospace;font-size:10.5px!important;padding:1px 6px!important;border-radius:5px!important;white-space:nowrap}
.djd-am-roadlbl:before{display:none!important}
.djd-am-dist span{display:inline-block;white-space:nowrap;transform:translate(-50%,-50%);font-family:'Syne',sans-serif;font-weight:800;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,240,232,.55);text-shadow:0 0 6px #0F0E1A,0 0 3px #0F0E1A;pointer-events:none}
.djd-am .leaflet-overlay-pane path.djd-am-road{stroke-opacity:.9}
@media (max-width:720px){.djd-am-roadlbl{font-size:9.5px!important}.djd-am-dist span{font-size:11px}}

/* DJD neighbourhood map, Oct 2026 */
.djd-am{margin:32px 0}
.djd-am-box{background:#0F0E1A;color:#F5F0E8;border:1px solid rgba(245,240,232,.12);border-radius:18px;padding:20px 18px 16px;font-size:15px;line-height:1.5}
.djd-am-box *{box-sizing:border-box}
.djd-am-eyebrow{font-family:'Space Mono',monospace!important;font-size:12px!important;letter-spacing:.14em;color:#5EE9C5!important;margin:0 0 6px!important}
.djd-am-title{font-family:'Syne',sans-serif!important;font-weight:800;font-size:clamp(22px,3.2vw,30px)!important;line-height:1.1!important;margin:0 0 6px!important;color:#F5F0E8!important}
.djd-am-lede{margin:0 0 12px!important;color:#CFC9DB!important;font-size:15px!important}
.djd-am-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.djd-am-chips button{background:transparent!important;color:#F5F0E8!important;-webkit-text-fill-color:#F5F0E8!important;border:1px solid rgba(245,240,232,.2)!important;border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;font-family:inherit}
.djd-am-chips button.on{border-color:#FF3366!important;background:rgba(255,51,102,.14)!important}
.djd-am-wrap{position:relative;height:440px;border-radius:14px;overflow:hidden;border:1px solid rgba(245,240,232,.12);background:#0F0E1A}
.djd-am-mapel{position:absolute;inset:0;background:#0F0E1A}
.djd-am .leaflet-container{font:inherit;background:#0F0E1A}
.djd-am .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.82) contrast(.92) saturate(.6)}
.djd-am .leaflet-control-zoom a{background:#1B1A35!important;color:#F5F0E8!important;-webkit-text-fill-color:#F5F0E8!important;border-color:rgba(245,240,232,.2)!important}
.djd-am .leaflet-control-attribution{background:rgba(15,14,26,.8)!important;color:#B9B3C9!important;font-size:10px}
.djd-am .leaflet-control-attribution a{color:#5EE9C5!important}
.djd-am .leaflet-tooltip{background:#1B1A35;color:#F5F0E8;border:1px solid rgba(245,240,232,.2);font-size:12px}
.djd-am .leaflet-tooltip-top:before{border-top-color:#1B1A35}
.djd-am-live{animation:djdampulse 2.4s ease-in-out infinite}
@keyframes djdampulse{50%{stroke-opacity:.25}}
.djd-am-lbl span{display:inline-block;white-space:nowrap;transform:translate(-50%,-50%);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.04em;color:#F5F0E8;background:rgba(15,14,26,.72);border:1px solid rgba(94,233,197,.45);border-radius:6px;padding:2px 7px;cursor:pointer}
.djd-am-popup .leaflet-popup-content-wrapper,.djd-am-popup .leaflet-popup-tip{background:#1B1A35;color:#F5F0E8;border:1px solid rgba(245,240,232,.15)}
.djd-am-popup .leaflet-popup-content{margin:12px 14px}
.djd-am-popup a.leaflet-popup-close-button{color:#F5F0E8!important;-webkit-text-fill-color:#F5F0E8!important}
.djd-am-pop h4{font-family:'Syne',sans-serif!important;font-size:18px!important;margin:0!important;color:#F5F0E8!important;line-height:1.2!important}
.djd-am-pop p{margin:3px 0!important;color:#F5F0E8!important;font-size:13.5px!important;line-height:1.45!important;letter-spacing:0!important}
.djd-am-pop .djd-am-k{font-family:'Space Mono',monospace!important;font-size:10.5px!important;letter-spacing:.08em!important}
.djd-am-pop .djd-am-ko,.djd-am-pop .djd-am-addr{color:#B9B3C9!important}
.djd-am-pop .djd-am-snd{color:#5EE9C5!important}
.djd-am-pop .djd-am-on{color:#FFD23F!important}
.djd-am-pop a{color:#5EE9C5!important}
.djd-am-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.djd-am-h{font-family:'Space Mono',monospace!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:#FFD23F!important;margin:0 0 8px!important}
.djd-am-evlist,.djd-am-vlist{list-style:none!important;margin:0!important;padding:0!important;max-height:280px;overflow:auto}
.djd-am-evlist li,.djd-am-vlist li{margin:0!important;padding:7px 0;border-bottom:1px solid rgba(245,240,232,.1);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.djd-am-evlist li::before,.djd-am-vlist li::before{display:none}
.djd-am-evd{font-family:'Space Mono',monospace;font-size:12px;color:#5EE9C5;flex-basis:100%}
.djd-am-evt{color:#F5F0E8!important;font-weight:700}
.djd-am-evv{color:#B9B3C9;font-size:13px}
.djd-am-more a{color:#5EE9C5!important}
.djd-am-empty{color:#B9B3C9!important}
.djd-am-vlist i,.djd-am-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.djd-am-vlist button{background:none!important;border:0;padding:0;color:#F5F0E8!important;-webkit-text-fill-color:#F5F0E8!important;text-decoration:underline;text-decoration-color:rgba(245,240,232,.3);text-underline-offset:3px;cursor:pointer;font:inherit;text-align:left}
.djd-am-sub{color:#B9B3C9;font-size:12px;margin-left:auto}
.djd-am-badge{margin-left:auto;font-family:'Space Mono',monospace;font-size:11px;color:#0F0E1A;background:#FFD23F;border-radius:999px;padding:1px 8px}
.djd-am-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#B9B3C9;margin-top:12px}
.djd-am-legend span{display:flex;align-items:center;gap:6px}
.djd-am-note{margin:8px 0 0!important;font-size:12px!important;color:#8E89A3!important}
.djd-am-seo{margin-top:10px;font-size:13.5px;color:inherit;opacity:.85}
.djd-am-seo .djd-am-seo-h{font-weight:700;margin-bottom:4px}
@media (max-width:720px){.djd-am-cols{grid-template-columns:1fr}.djd-am-wrap{height:380px}}
@media (prefers-reduced-motion:reduce){.djd-am-live{animation:none}}

/* DJD contrast fixes, Oct 2026 */
.djd-footer-bottom span{color:rgba(255,255,255,.62)!important}
.djd-social-row span{color:#A9A4B8!important}
a.author-link{color:#B9B3C9!important}
.djd-share-label{color:rgba(255,255,255,.7)!important}
a.dsn-btn,a.dsn-btn:visited,a.dsn-btn:hover,.djd-langpill a.is-on,.djd-langpill a.is-on:hover{color:#0F0E1A!important;-webkit-text-fill-color:#0F0E1A!important}
blockquote.instagram-media a{color:#3897F0!important;-webkit-text-fill-color:#3897F0!important}

html{scroll-behavior:smooth}
.djd-toc~#ez-toc-container{display:none !important}
.entry-content h2[id]{scroll-margin-top:110px}
.djd-toc{margin:2rem 0 2.2rem;border:1px solid rgba(245,240,232,.12);border-left:3px solid #5EE9C5;border-radius:14px;background:#1b1a35;color:#e9e6df}
.djd-toc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.3rem}
.djd-toc summary::-webkit-details-marker{display:none}
.djd-toc summary:after{content:"+";font-size:20px;line-height:1;color:#5EE9C5;margin-left:.4rem}
.djd-toc details[open] summary:after{content:"\2212"}
.djd-toc-k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#5EE9C5;font-weight:700}
.djd-toc-m{font-size:13px;color:#b9b3a5;margin-left:auto}
.djd-toc ol{list-style:none;margin:0;padding:0 1.3rem 1.1rem;display:grid;gap:.15rem}
.djd-toc li{margin:0;padding:0}
.djd-toc li::before,.djd-toc li::marker{content:none}
.djd-toc a{display:flex;gap:.8rem;align-items:baseline;padding:.45rem .2rem;border-bottom:1px solid rgba(245,240,232,.06);color:#e9e6df !important;text-decoration:none !important;line-height:1.45;font-size:15px}
.djd-toc a:hover{color:#5EE9C5 !important}
.djd-toc-n{font-variant-numeric:tabular-nums;font-size:12px;color:#FF3366;font-weight:700;min-width:1.6rem}
@media(min-width:760px){.djd-toc ol{grid-template-columns:1fr 1fr;column-gap:1.4rem}}
/* DJD — Sitewide top-of-page spacing tightened v1
   Root cause: the theme's own `.site-content { margin-top: 4rem }` (80px at this
   theme's 20px root font-size) on desktop, `1.5rem` on mobile, was the default gap
   below the breadcrumb on EVERY page. Book (page-id-3035), About (page-id-7), the
   Read hub/sub-archives, and the homepage already have their own tighter page-scoped
   overrides (10px / 22px+14px / 0.5rem) from earlier rounds — but Quizzes, Explore
   Data, Genres & History, and any other untouched page were still stuck at the
   bloated 80px default. This sets that same "tight" 22px/14px value (already the
   site's established standard, borrowed from the Read hub/sub-archive treatment) as
   the new SITEWIDE default. More specific existing page-id overrides are untouched
   and continue to win on their own pages. */
.site-content { margin-top: 22px !important; }
@media (max-width: 640px) {
  .site-content { margin-top: 14px !important; }
}
/* Quizzes hub (page-id-1502) also had its own extra inline top/bottom padding
   (70px/90px, left over from the original hand-authored page content) stacking on
   top of the site-content gap above — trimmed to match the leaner spacing already
   used on Explore Data's hero (18px margin + ~26px padding). */
body.page-id-1502 .djd-quizzes-hub { padding-top: 28px !important; padding-bottom: 48px !important; }
/* Quizzes page (page-id-1502): hero banner + header cleanup v5
   Adopts the same shared "family" design language used on /book/, /about-us/, and Explore Data v5:
   - eyebrow "The DJ Diaries · Quizzes" with the small line-before accent
   - H1 gets a single accent-colored word (mixed-color-headline pattern)
   - stats rebuilt as a hairline-divider grid with count-up-on-scroll
   - hero content reveals on load with the site's standard cubic-bezier(.2,.7,.2,1)/.7s/22px stagger
   - page's own accent color kept as coral (#ff3b5c) to stay distinct from Data's teal
   Replaces trashed v4 (3241). Note: full-width main-content fix, hub margin fix, and the 2-up
   card-grid breakout are already handled by an existing sitewide snippet — main-content width is
   also duplicated below (harmless, same value) as a safety net; the card-grid hack is left alone. */
body.page-id-1502 .main-content { width: 100% !important; max-width: none !important; }
body.page-id-1502 .dj-ticker { display: none !important; }
body.page-id-1502 .djd-breadcrumb { display: none !important; }
body.page-id-1502 header.entry-header { display: none !important; }
body.page-id-1502 .djd-quiz-hero { position: relative; overflow: hidden; display: flex; align-items: flex-start; gap: 20px; background: linear-gradient(135deg, var(--djd-panel, #16152a), #1b1a35); border-top: 1px solid var(--djd-line, rgba(245,240,232,.14)); border-right: 1px solid var(--djd-line, rgba(245,240,232,.14)); border-bottom: 1px solid var(--djd-line, rgba(245,240,232,.14)); border-left: 3px solid #ff3b5c; border-radius: 16px; padding: 30px 32px; margin: 18px 0 32px; }
body.page-id-1502 .djd-quiz-hero-icon { position: relative; z-index: 1; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: rgba(255,59,92,0.12); color: #ff3b5c; animation: djd-pulse-glow-coral 2.6s ease-in-out infinite; }
body.page-id-1502 .djd-quiz-hero-icon svg { width: 26px; height: 26px; }
body.page-id-1502 .djd-quiz-hero-body { position: relative; z-index: 1; flex: 1 1 auto; min-width: 0; }
body.page-id-1502 .djd-quiz-hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #ff3b5c; margin: 0 0 12px; }
body.page-id-1502 .djd-quiz-hero-eyebrow:before { content: ""; width: 22px; height: 1px; background: #ff3b5c; opacity: .7; }
body.page-id-1502 .djd-quiz-hero-title { font-family: "Bricolage Grotesque", sans-serif !important; font-weight: 800 !important; font-size: 34px !important; line-height: 1.1 !important; margin: 0 0 10px !important; color: var(--djd-ink, #F5F0E8) !important; }
body.page-id-1502 .djd-quiz-hero-accent { color: #ff3b5c !important; }
body.page-id-1502 .djd-quiz-hero-sub { font-size: 15px !important; color: var(--djd-ink, #F5F0E8) !important; opacity: .82; margin: 0 0 8px !important; max-width: 640px; line-height: 1.55 !important; }
body.page-id-1502 .djd-quiz-hero-desc { font-size: 13.5px !important; color: var(--djd-muted, #b9b3a5) !important; margin: 0 0 20px !important; max-width: 640px; line-height: 1.6 !important; }
body.page-id-1502 .djd-quiz-stats { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1px !important; background: var(--djd-line, rgba(245,240,232,.14)) !important; border: 1px solid var(--djd-line, rgba(245,240,232,.14)) !important; border-radius: 12px !important; overflow: hidden !important; max-width: 520px; }
body.page-id-1502 .djd-quiz-stat { background: #141327 !important; padding: 16px 18px !important; display: flex !important; flex-direction: column !important; transition: background .2s ease; }
body.page-id-1502 .djd-quiz-stat:hover { background: #191833 !important; }
body.page-id-1502 .djd-quiz-stat strong { font-family: "Bricolage Grotesque", sans-serif !important; font-size: 21px !important; color: var(--djd-ink, #F5F0E8) !important; line-height: 1.1; }
body.page-id-1502 .djd-quiz-stat span { font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--djd-muted, #b9b3a5); margin-top: 3px; display: block; }
@keyframes djd-pulse-glow-coral { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,59,92,0.35); } 50% { box-shadow: 0 0 0 8px rgba(255,59,92,0); } }
body.page-id-1502 .djd-quiz-hero .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
body.page-id-1502 .djd-quiz-hero .reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  body.page-id-1502 .djd-quiz-hero .reveal { opacity: 1 !important; transform: none !important; }
  body.page-id-1502 .djd-quiz-hero-icon { animation: none !important; }
}
@media (max-width: 640px) {
  body.page-id-1502 .djd-quiz-hero { flex-direction: column; padding: 24px 22px; gap: 14px; }
  body.page-id-1502 .djd-quiz-hero-title { font-size: 26px !important; }
  body.page-id-1502 .djd-quiz-stats { grid-template-columns: 1fr !important; max-width: none; }
}
/* Hero: remove the "Explore The Scene" CTA button — keep hero to headline + subhead only */
body.home main.site-main > h1.djd-site-tagline + a { display: none !important; }
/* Tighten top sections: entry-points padding/margin + hero spacing (v3) */
body.home #dj-entry-points { padding: 12px 0 14px !important; margin-bottom: 16px !important; }
body.home main.site-main h1.djd-site-tagline { margin: 0 0 8px !important; }
body.home #dj-entry-points .djd-ep-browse { text-align: center; margin-top: 14px; }
body.home #dj-entry-points .djd-ep-browse a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 22px; border-radius: 999px; border: 1px solid var(--djd-line, rgba(245,240,232,.14)); color: var(--djd-ink, #F5F0E8); font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 13px; transition: transform 0.18s, border-color 0.18s, color 0.18s; text-decoration: none !important; }
body.home #dj-entry-points .djd-ep-browse a:hover { border-color: var(--djd-gold, #C8A951); color: var(--djd-gold, #C8A951); transform: translateY(-2px); }
body.home #dj-entry-points .dj-ep-card .dj-ep-icon { color: var(--c, var(--djd-gold, #C8A951)); }
body.home #dj-entry-points .dj-ep-card .dj-ep-icon svg { width: 22px; height: 22px; display: block; }
body.home #dj-entry-points .dj-ep-card:hover { border-color: var(--c, var(--djd-gold, #C8A951)) !important; }
body.home .dj-newsletter { display: none !important; }
/* Post-card grids (v3 fix): target the ACTUAL card list — the inner post-template UL —
   not the wp-block-query wrapper. The wrapper only has 1-2 children (the UL + sometimes a
   Load-More wrap div); making IT the grid created a phantom second column and a giant
   dead-space cell next to "Latest Reads" (the Load-More button stretched to fill it). */
body.home .djd-query-cards { display: block !important; }
body.home .djd-query-cards .wp-block-post-template { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 18px !important; list-style: none !important; padding: 0px !important; margin: 20px 0px 0px !important; }
body.home .djd-query-cards .wp-block-post { position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; background: var(--djd-panel, #16152a) !important; border-top: 1px solid var(--djd-line, rgba(245,240,232,.14)) !important; border-right: 1px solid var(--djd-line, rgba(245,240,232,.14)) !important; border-bottom: 1px solid var(--djd-line, rgba(245,240,232,.14)) !important; border-left: 3px solid var(--c, var(--djd-gold, #C8A951)) !important; border-radius: 14px !important; padding: 0px !important; }
body.home .djd-query-cards .wp-block-post:hover { transform: translateY(-4px); box-shadow: 0 14px 30px -10px color-mix(in srgb, var(--c, var(--djd-gold, #C8A951)) 45%, transparent); border-left-color: var(--c, var(--djd-gold, #C8A951)) !important; }
body.home .djd-query-cards .wp-block-post-featured-image { margin: 0px !important; }
body.home .djd-query-cards .taxonomy-category { display: block !important; padding: 14px 18px 0px !important; font-size: 9.5px !important; font-weight: 800 !important; letter-spacing: 0.09em !important; text-transform: uppercase !important; }
body.home .djd-query-cards .taxonomy-category a { color: var(--c, var(--djd-gold, #C8A951)) !important; text-decoration: none !important; }
body.home .djd-query-cards .wp-block-post-title { padding: 8px 18px 0px !important; margin: 0px !important; font-size: 15.5px !important; }
body.home .djd-query-cards .wp-block-post-title a { color: var(--djd-ink, #F5F0E8) !important; text-decoration: none !important; }
body.home .djd-query-cards .wp-block-post-excerpt { padding: 8px 18px 18px !important; }
body.home .djd-query-cards .wp-block-post-excerpt__excerpt { margin: 0px !important; font-size: 12.5px !important; color: var(--djd-muted, #b9b3a5) !important; line-height: 1.55 !important; }
/* Load-more button (only appears under "Latest Reads" when a category has more than 3 posts) —
   now a normal centered pill below the cards instead of stretching into its own giant grid column. */
body.home .djd-query-cards .djd-lm-wrap { height: auto !important; display: flex !important; justify-content: center !important; margin: 18px 0 0 !important; }
body.home .djd-query-cards .djd-lm-btn { background: var(--djd-panel, #16152a) !important; border: 1px solid var(--djd-line, rgba(245,240,232,.14)) !important; color: var(--djd-ink, #F5F0E8) !important; padding: 10px 22px !important; border-radius: 999px !important; font-weight: 700 !important; font-family: "Bricolage Grotesque", sans-serif !important; cursor: pointer !important; transition: border-color .2s, transform .2s !important; }
body.home .djd-query-cards .djd-lm-btn:hover { border-color: var(--djd-gold, #C8A951) !important; color: var(--djd-gold, #C8A951) !important; transform: translateY(-2px); }
body.home .djd-quiz-cols { gap: 14px !important; }
body.home .djd-quiz-card { transition: transform 0.18s, box-shadow 0.18s; background: rgba(255, 59, 92, 0.07) !important; border: 1px solid rgba(255, 59, 92, 0.28) !important; border-radius: 12px !important; padding: 16px 18px !important; }
body.home .djd-quiz-card:hover { transform: translateY(-3px); box-shadow: rgba(255, 59, 92, 0.35) 0px 10px 22px -8px; }
body.home .djd-quiz-card p { margin: 0px !important; font-size: 12px !important; color: var(--djd-muted, #b9b3a5) !important; }
body.home .djd-quiz-card p strong { display: block; font-size: 14.5px; color: var(--djd-ink, #F5F0E8); margin-bottom: 4px; }
body.home .djd-quiz-card p strong a { color: inherit !important; text-decoration: none !important; }
@media (max-width: 640px) {
  body.home .djd-query-cards .wp-block-post-template { grid-template-columns: 1fr !important; }
}
/* Compact the sitewide footer: shrink top padding, turn the 12-link Explore column into a 2-col grid, tighten spacing */
.djd-footer { padding-top: 40px !important; }
.djd-footer-col:nth-child(2) ul { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; column-gap: 18px !important; row-gap: 2px !important; }
.djd-footer-col ul li { margin: 0 0 6px !important; line-height: 1.5 !important; }
.djd-footer-bottom { margin-top: 22px !important; padding: 14px 28px !important; }
.djd-social-row { padding: 10px 0 18px !important; }
.djd-footer-col h4 { margin-bottom: 10px !important; }
@media (max-width: 640px) {
  .djd-footer { padding-top: 30px !important; }
}

/* One footer only: hide the theme's duplicate copyright and 'Powered by Newspack' row (the custom footer below has its own copyright and privacy link). Added 3 Oct 2026. */
#colophon.site-footer .site-info-contain { display: none !important; }

/* Read dropdown re-enabled 15 Oct 2026 (arrow now matches Seoul, Quizzes, Encyclopedia). */
/* Sitewide breadcrumb contrast fix — theme default renders the current-page crumb almost black on our dark background. */
.site-breadcrumb, .site-breadcrumb a, .site-breadcrumb span { color: rgba(245,240,232,.55) !important; }
.site-breadcrumb a:hover { color: #F5F0E8 !important; }
.site-breadcrumb .breadcrumb_last { color: rgba(245,240,232,.85) !important; font-weight: 600 !important; }
/* Read dropdown: wide enough that "Industry & Business" and "Machines & Technology" stay on one line (desktop) */
@media (min-width:1025px){ .main-navigation li.menu-item-2994 > ul.sub-menu, #submenu-2994{ min-width:300px !important; width:300px !important; } .main-navigation li.menu-item-2994 > ul.sub-menu a, #submenu-2994 a{ white-space:nowrap !important; } }

body.djd-sub-archive { --djd-gold: #C8A951; --djd-gold-2: #dcc06a; --djd-ink: #F5F0E8; --djd-muted: #b9b3a5; --djd-teal: #4dd9c0; --djd-teal-2: #3a8c8a; --djd-coral: #ff3b5c; --djd-coral-2: #ff7a91; --djd-line: rgba(245,240,232,.14); --djd-panel: #16152a; --djd-bg: #0f0e1a; }
body.djd-sub-archive .djd-cat-hero { display: none !important; }
body.djd-sub-archive .site-content { margin-top: 22px !important; }
body.djd-sub-archive #primary, body.djd-sub-archive .content-area { width: 1320px !important; max-width: 92vw !important; }
body.djd-sub-archive .site-main { max-width: 1320px; padding: 0px 28px; box-sizing: border-box; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; align-items: stretch; width: 100% !important; margin: 0px auto !important; display: grid !important; }
body.djd-sub-archive .site-main > .navigation.pagination, body.djd-sub-archive .site-main > .djd-sub-explore, body.djd-sub-archive .site-main > .djd-lm-wrap { grid-column: 1 / -1; }
body.djd-sub-archive .dj-ticker { display: none !important; }
body.djd-sub-archive .djd-sub-hero { max-width: 1320px; margin: 14px auto 26px; padding: 26px 30px; box-sizing: border-box; background: var(--djd-panel); border-left: 4px solid var(--tab-c, var(--djd-gold)); border-radius: 14px; font-family: "Bricolage Grotesque", sans-serif; opacity: 0; transform: translateY(8px); animation: 0.5s ease 0s 1 normal forwards running djdSubIn; }
@keyframes djdSubIn { 100% { opacity: 1; transform: none; } }
body.djd-sub-archive .djd-sub-back { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--djd-muted); text-decoration: none !important; border: 1px dashed rgba(245,240,232,.32); border-radius: 999px; padding: 4px 13px; margin-bottom: 20px; transition: border-color .2s, color .2s; }
body.djd-sub-archive .djd-sub-back:hover { color: #fff; border-color: var(--tab-c, var(--djd-gold)); }
body.djd-sub-archive .djd-sub-top { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }
body.djd-sub-archive .djd-sub-icon { flex: none; width: 42px; height: 42px; padding: 10px; box-sizing: border-box; color: var(--tab-c, var(--djd-gold)); background: color-mix(in srgb, var(--tab-c, var(--djd-gold)) 16%, transparent); border-radius: 10px; }
body.djd-sub-archive .djd-sub-icon svg { width: 100%; height: 100%; display: block; }
body.djd-sub-archive .djd-sub-tag { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; color: var(--tab-c, var(--djd-gold)); margin-bottom: 5px; }
body.djd-sub-archive .djd-sub-title { font-size: clamp(24px, 3vw, 34px); font-weight: 800; color: var(--djd-ink); line-height: 1.15; margin: 0px; }
body.djd-sub-archive .djd-sub-desc { font-size: 14.5px; color: var(--djd-muted); line-height: 1.6; max-width: 760px; margin: 0px; }
body.djd-sub-archive article.hentry { --card-accent: var(--tab-c, var(--djd-gold)); flex-direction: column; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; width: auto !important; display: flex !important; background: var(--djd-panel) !important; border-left: 4px solid var(--card-accent) !important; border-radius: 12px !important; margin: 0px !important; }
body.djd-sub-archive article.hentry:hover { transform: translateY(-4px); box-shadow: 0 10px 28px -8px color-mix(in srgb, var(--card-accent) 45%, transparent); }
body.djd-sub-archive article.hentry .post-thumbnail { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; margin: 0px !important; }
body.djd-sub-archive article.hentry .post-thumbnail img { width: 100% !important; max-width: 100% !important; height: 150px !important; object-fit: cover !important; }
body.djd-sub-archive article.hentry .entry-container { flex: 1 1 0%; display: flex; flex-direction: column; padding: 14px 16px 18px !important; }
body.djd-sub-archive article.hentry .cat-links { opacity: 0.85; text-transform: uppercase; letter-spacing: 0.04em; font-size: 10px !important; color: var(--djd-muted) !important; }
body.djd-sub-archive article.hentry .cat-links a { color: inherit !important; }
body.djd-sub-archive article.hentry .entry-title { line-height: 1.32; font-size: 16.5px !important; margin: 6px 0px 8px !important; }
body.djd-sub-archive article.hentry .entry-title a { color: var(--djd-ink) !important; }
body.djd-sub-archive article.hentry .entry-container p { font-size: 13.5px; line-height: 1.55; margin: 0px 0px 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: rgba(245, 240, 232, 0.82) !important; }
body.djd-sub-archive article.hentry .entry-meta, body.djd-sub-archive article.hentry .byline, body.djd-sub-archive article.hentry .byline a { color: rgba(245, 240, 232, 0.62) !important; font-size: 11.5px !important; }
body.djd-sub-archive article.hentry .entry-meta { margin-top: auto; padding-top: 8px; }
body.djd-sub-archive article.hentry .dj-tier-badge { margin-bottom: 8px !important; }
body.djd-sub-archive article.hentry:first-of-type { grid-column: 1 / -1 !important; flex-direction: row !important; border-left: 5px solid var(--card-accent) !important; position: relative; }
body.djd-sub-archive article.hentry:first-of-type::after { content: "Latest"; position: absolute; margin: 14px; padding: 4px 10px; border-radius: 999px; background: var(--djd-coral); color: rgb(26, 8, 16); font-size: 10.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
body.djd-sub-archive article.hentry:first-of-type .post-thumbnail { width: 44% !important; max-width: 44% !important; flex: 0 0 44% !important; }
body.djd-sub-archive article.hentry:first-of-type .post-thumbnail img { height: 100% !important; min-height: 260px !important; }
body.djd-sub-archive article.hentry:first-of-type .entry-container { width: 56%; flex: 1 1 0%; justify-content: center; padding: 26px 30px !important; }
body.djd-sub-archive article.hentry:first-of-type .entry-title { line-height: 1.18; font-size: clamp(21px, 2.4vw, 30px) !important; margin: 8px 0px 12px !important; }
body.djd-sub-archive article.hentry:first-of-type .entry-container p { font-size: 15px; -webkit-line-clamp: 3; color: rgba(245, 240, 232, 0.85) !important; }
body.djd-sub-archive .navigation.pagination { margin: 10px 0 6px; padding-top: 20px; border-top: 1px dashed var(--djd-line); }
body.djd-sub-archive .navigation.pagination .nav-links { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
body.djd-sub-archive .navigation.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 34px; height: 34px; padding: 0 14px; border-radius: 999px; background: var(--djd-panel); border: 1px dashed var(--djd-line); color: var(--djd-muted); font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 13px; text-decoration: none !important; transition: transform .18s, border-color .18s, color .18s, background .18s; }
body.djd-sub-archive .navigation.pagination .page-numbers:hover { border-color: var(--tab-c, var(--djd-gold)); color: var(--djd-ink); transform: translateY(-2px); }
body.djd-sub-archive .navigation.pagination .page-numbers.current { background: var(--tab-c, var(--djd-gold)); border-color: var(--tab-c, var(--djd-gold)); color: #1a0810; box-shadow: 0 4px 14px rgba(200,169,81,.35); }
body.djd-sub-archive .navigation.pagination .page-numbers.dots { background: transparent; border: none; box-shadow: none; }
body.djd-sub-archive .navigation.pagination svg.svg-icon { width: 14px; height: 14px; fill: currentColor; }
body.djd-sub-archive .djd-sub-explore { margin: 30px 0 10px; padding-top: 26px; border-top: 1px dashed var(--djd-line); font-family: "Bricolage Grotesque", sans-serif; }
body.djd-sub-archive .djd-sub-explore-heading { font-size: 11px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: var(--djd-muted); margin: 0 0 16px; }
body.djd-sub-archive .djd-sub-explore-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
body.djd-sub-archive .djd-sub-explore-tile { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--djd-panel); border: 1px solid var(--djd-line); border-left: 3px solid var(--tab-c, var(--djd-gold)); border-radius: 10px; text-decoration: none !important; transition: transform .18s, box-shadow .18s, border-color .18s; }
body.djd-sub-archive .djd-sub-explore-tile:hover { transform: translateY(-3px); box-shadow: 0 8px 18px -6px color-mix(in srgb, var(--tab-c, var(--djd-gold)) 45%, transparent); border-color: var(--tab-c, var(--djd-gold)); }
body.djd-sub-archive .djd-sub-explore-icon { flex: none; width: 30px; height: 30px; padding: 7px; box-sizing: border-box; color: var(--tab-c, var(--djd-gold)); background: color-mix(in srgb, var(--tab-c, var(--djd-gold)) 16%, transparent); border-radius: 8px; }
body.djd-sub-archive .djd-sub-explore-icon svg { width: 100%; height: 100%; display: block; }
body.djd-sub-archive .djd-sub-explore-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.djd-sub-archive .djd-sub-explore-tag { font-size: 8.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--tab-c, var(--djd-gold)); }
body.djd-sub-archive .djd-sub-explore-label { font-size: 13.5px; font-weight: 700; color: var(--djd-ink); line-height: 1.25; }
@media (max-width: 900px) {
  body.djd-sub-archive #primary, body.djd-sub-archive .content-area { width: 100% !important; max-width: 100% !important; }
  body.djd-sub-archive article.hentry:first-of-type { grid-column: 1 / -1 !important; flex-direction: column !important; }
  body.djd-sub-archive article.hentry:first-of-type .post-thumbnail, body.djd-sub-archive article.hentry:first-of-type .entry-container { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; }
}
@media (max-width: 640px) {
  body.djd-sub-archive .site-content { margin-top: 14px !important; }
  body.djd-sub-archive .djd-sub-hero { margin: 10px auto 18px; padding: 20px 18px; }
  body.djd-sub-archive .djd-sub-title { font-size: clamp(22px, 7vw, 27px); }
  body.djd-sub-archive .site-main { padding: 0px 18px; gap: 14px; }
  body.djd-sub-archive .navigation.pagination .page-numbers { min-width: 30px; height: 30px; padding: 0 10px; font-size: 12px; }
  body.djd-sub-archive .djd-sub-explore-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  body.djd-sub-archive .djd-sub-hero { animation: none; opacity: 1; transform: none; }
  body.djd-sub-archive article.hentry { transition: none; }
  body.djd-sub-archive article.hentry:hover { transform: none; }
}
#menu-item-2994 > .submenu-expand { display: none !important; }
#menu-item-2994 > ul.sub-menu { display: none !important; }
body.category-reads { --djd-gold: #C8A951; --djd-gold-2: #dcc06a; --djd-ink: #F5F0E8; --djd-muted: #b9b3a5; --djd-teal: #4dd9c0; --djd-teal-2: #3a8c8a; --djd-coral: #ff3b5c; --djd-coral-2: #ff7a91; --djd-line: rgba(245,240,232,.14); --djd-panel: #16152a; --djd-bg: #0f0e1a; }
body.category-reads .djd-cat-hero { display: none !important; }
body.category-reads .site-content { margin-top: 22px !important; }
body.category-reads #primary, body.category-reads .content-area { width: 1320px !important; max-width: 92vw !important; }
body.category-reads .site-main { max-width: 1320px; padding: 0px 28px; box-sizing: border-box; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; align-items: stretch; width: 100% !important; margin: 0px auto !important; display: grid !important; }
body.category-reads .site-main > .dj-ticker, body.category-reads .site-main > .navigation.pagination, body.category-reads .site-main > .djd-lm-wrap { grid-column: 1 / -1; }
body.category-reads .dj-ticker { display: none !important; }
body.category-reads .djd-hub-hero { max-width: 1320px; margin: 14px auto 20px; padding: 0px 28px; box-sizing: border-box; font-family: "Bricolage Grotesque", sans-serif; opacity: 0; transform: translateY(8px); animation: 0.5s ease 0s 1 normal forwards running djdHubIn; }
@keyframes djdHubIn { 100% { opacity: 1; transform: none; } }
body.category-reads .djd-hub-top { display: grid; grid-template-columns: minmax(280px, 0.85fr) minmax(420px, 1.4fr); gap: 28px; align-items: start; }
body.category-reads .djd-hub-intro { text-align: left; padding-top: 4px; }
body.category-reads .djd-hub-eyebrow { font-size: 12px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--djd-teal); font-weight: 700; margin: 0px 0px 10px; }
body.category-reads .djd-hub-title { font-size: clamp(26px, 3vw, 38px); font-weight: 800; color: var(--djd-ink); margin: 0px 0px 12px; line-height: 1.14; }
body.category-reads .djd-hub-sub { font-size: 14.5px; color: var(--djd-muted); max-width: 460px; margin: 0px 0px 18px; line-height: 1.55; }
body.category-reads .djd-hub-stats { display: flex; gap: 20px; margin: 0px; flex-wrap: wrap; }
body.category-reads .djd-hub-stat { font-size: 12.5px; color: var(--djd-muted); }
body.category-reads .djd-hub-stat b { color: var(--djd-gold-2); font-weight: 800; }
body.category-reads .djd-hub-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
body.category-reads .djd-hub-tab { position: relative; display: flex; align-items: stretch; min-height: 150px; border-radius: 10px; overflow: hidden; text-decoration: none !important; background: linear-gradient(135deg, var(--tab-c,var(--djd-gold)) 0%, color-mix(in srgb, var(--tab-c,var(--djd-gold)) 42%, #0b0a18) 100%); background-image: linear-gradient(135deg, var(--tab-c,var(--djd-gold)) 0%, color-mix(in srgb, var(--tab-c,var(--djd-gold)) 42%, #0b0a18) 100%), repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0px, rgba(255,255,255,.05) 2px, transparent 2px, transparent 10px); box-shadow: 0 8px 20px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.1); opacity: 0; transform: translateY(12px); animation: 0.45s ease 0s 1 normal forwards running djdTicketIn; }
body.category-reads .djd-hub-tab:nth-child(1) { animation-delay: .04s; } body.category-reads .djd-hub-tab:nth-child(2) { animation-delay: .09s; } body.category-reads .djd-hub-tab:nth-child(3) { animation-delay: .14s; } body.category-reads .djd-hub-tab:nth-child(4) { animation-delay: .19s; } body.category-reads .djd-hub-tab:nth-child(5) { animation-delay: .24s; } body.category-reads .djd-hub-tab:nth-child(6) { animation-delay: .29s; } body.category-reads .djd-hub-tab:nth-child(7) { animation-delay: .34s; } body.category-reads .djd-hub-tab:nth-child(8) { animation-delay: .39s; }
@keyframes djdTicketIn { 100% { opacity: 1; transform: none; } }
body.category-reads .djd-hub-tab::after { content: ""; position: absolute; top: 0; left: -60%; width: 35%; height: 100%; background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.32) 50%, transparent 100%); transform: skewX(-18deg); transition: left .55s ease; pointer-events: none; }
body.category-reads .djd-hub-tab:hover::after { left: 130%; }
body.category-reads .djd-hub-tab-rivet { position: absolute; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: rgba(0,0,0,.35); box-shadow: inset 0 1px 1px rgba(255,255,255,.2); }
body.category-reads .djd-hub-tab-rivet-l { left: 8px; }
body.category-reads .djd-hub-tab-rivet-r { right: 74px; }
body.category-reads .djd-hub-tab-main { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; padding: 16px 12px 12px 16px; min-width: 0; position: relative; }
body.category-reads .djd-hub-tab-tag { align-self: flex-start; font-size: 8.5px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; color: rgba(255,255,255,.92); border: 1px dashed rgba(255,255,255,.55); border-radius: 999px; padding: 2px 7px; margin-bottom: 8px; }
body.category-reads .djd-hub-tab-icon { width: 20px; height: 20px; color: #fff; margin-bottom: 6px; filter: drop-shadow(0 2px 4px rgba(0,0,0,.4)); }
body.category-reads .djd-hub-tab-icon svg { width: 100%; height: 100%; display: block; }
body.category-reads .djd-hub-tab-label { font-size: 14.5px; font-weight: 800; color: #fff; line-height: 1.18; text-shadow: 0 2px 6px rgba(0,0,0,.5); margin-bottom: 4px; }
body.category-reads .djd-hub-tab-desc { font-size: 10.5px; color: rgba(255,255,255,.85); line-height: 1.38; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 8px; }
body.category-reads .djd-hub-tab-barcode { display: block; width: 56px; height: 14px; background-image: repeating-linear-gradient(90deg, rgba(255,255,255,.85) 0px, rgba(255,255,255,.85) 1px, transparent 1px, transparent 2px, rgba(255,255,255,.85) 2px, rgba(255,255,255,.85) 4px, transparent 4px, transparent 5px, rgba(255,255,255,.85) 5px, rgba(255,255,255,.85) 6px, transparent 6px, transparent 8px); opacity: .55; margin-top: auto; }
body.category-reads .djd-hub-tab-stub { flex: 0 0 66px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; position: relative; border-left: 2px dashed rgba(255,255,255,.5); padding: 8px 4px; }
body.category-reads .djd-hub-tab-stub::before, body.category-reads .djd-hub-tab-stub::after { content: ""; position: absolute; left: -8px; width: 16px; height: 16px; border-radius: 50%; background: var(--djd-bg); }
body.category-reads .djd-hub-tab-stub::before { top: -8px; }
body.category-reads .djd-hub-tab-stub::after { bottom: -8px; }
body.category-reads .djd-hub-tab-admit { font-size: 10.5px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,.5); line-height: 1.35; text-align: center; }
body.category-reads .djd-hub-tab-serial { font-family: monospace; font-size: 7.5px; letter-spacing: 0.04em; color: rgba(255,255,255,.6); margin-top: 4px; }
body.category-reads .djd-hub-tab:hover { transform: translateY(-5px) rotate(-0.6deg) !important; box-shadow: 0 16px 30px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.16); }
body.category-reads .djd-hub-tab.is-current { outline: 3px solid var(--djd-ink); outline-offset: 2px; }
body.category-reads article.hentry { --card-accent: var(--djd-gold); }
body.category-reads article.hentry.category-profiles { --card-accent: var(--djd-coral); }
body.category-reads article.hentry.category-mixes { --card-accent: var(--djd-teal); }
body.category-reads article.hentry.category-genres-history { --card-accent: var(--djd-gold-2); }
body.category-reads article.hentry.category-industry-business { --card-accent: var(--djd-teal-2); }
body.category-reads article.hentry.category-machines-technology { --card-accent: var(--djd-coral-2); }
body.category-reads article.hentry.category-culture-scenes { --card-accent: var(--djd-gold); }
body.category-reads article.hentry.category-seoul-scene { --card-accent: var(--djd-teal); }
body.category-reads article.hentry { flex-direction: column; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; width: auto !important; display: flex !important; background: var(--djd-panel) !important; border-left: 4px solid var(--card-accent) !important; border-radius: 12px !important; margin: 0px !important; }
body.category-reads article.hentry:hover { transform: translateY(-4px); box-shadow: 0 10px 28px -8px color-mix(in srgb, var(--card-accent) 45%, transparent); }
body.category-reads article.hentry .post-thumbnail { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; margin: 0px !important; }
body.category-reads article.hentry .post-thumbnail img { width: 100% !important; max-width: 100% !important; height: 150px !important; object-fit: cover !important; }
body.category-reads article.hentry .entry-container { flex: 1 1 0%; display: flex; flex-direction: column; padding: 14px 16px 18px !important; }
body.category-reads article.hentry .cat-links { opacity: 0.85; text-transform: uppercase; letter-spacing: 0.04em; font-size: 10px !important; color: var(--djd-muted) !important; }
body.category-reads article.hentry .cat-links a { color: inherit !important; }
body.category-reads article.hentry .entry-title { line-height: 1.32; font-size: 16.5px !important; margin: 6px 0px 8px !important; }
body.category-reads article.hentry .entry-title a { color: var(--djd-ink) !important; }
body.category-reads article.hentry .entry-container p { font-size: 13.5px; line-height: 1.55; margin: 0px 0px 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: rgba(245, 240, 232, 0.82) !important; }
body.category-reads article.hentry .entry-meta, body.category-reads article.hentry .byline, body.category-reads article.hentry .byline a { color: rgba(245, 240, 232, 0.62) !important; font-size: 11.5px !important; }
body.category-reads article.hentry .entry-meta { margin-top: auto; padding-top: 8px; }
body.category-reads article.hentry .dj-tier-badge { margin-bottom: 8px !important; }
body.category-reads article.hentry:first-of-type { grid-column: 1 / -1 !important; flex-direction: row !important; border-left: 5px solid var(--card-accent) !important; position: relative; }
body.category-reads article.hentry:first-of-type::after { content: "Latest"; position: absolute; margin: 14px; padding: 4px 10px; border-radius: 999px; background: var(--djd-coral); color: rgb(26, 8, 16); font-size: 10.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
body.category-reads article.hentry:first-of-type .post-thumbnail { width: 44% !important; max-width: 44% !important; flex: 0 0 44% !important; }
body.category-reads article.hentry:first-of-type .post-thumbnail img { height: 100% !important; min-height: 260px !important; }
body.category-reads article.hentry:first-of-type .entry-container { width: 56%; flex: 1 1 0%; justify-content: center; padding: 26px 30px !important; }
body.category-reads article.hentry:first-of-type .entry-title { line-height: 1.18; font-size: clamp(21px, 2.4vw, 30px) !important; margin: 8px 0px 12px !important; }
body.category-reads article.hentry:first-of-type .entry-container p { font-size: 15px; -webkit-line-clamp: 3; color: rgba(245, 240, 232, 0.85) !important; }
body.category-reads .navigation.pagination { margin: 10px 0 6px; padding-top: 20px; border-top: 1px dashed var(--djd-line); }
body.category-reads .navigation.pagination .nav-links { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
body.category-reads .navigation.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 34px; height: 34px; padding: 0 14px; border-radius: 999px; background: var(--djd-panel); border: 1px dashed var(--djd-line); color: var(--djd-muted); font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 13px; text-decoration: none !important; transition: transform .18s, border-color .18s, color .18s, background .18s; }
body.category-reads .navigation.pagination .page-numbers:hover { border-color: var(--djd-gold); color: var(--djd-ink); transform: translateY(-2px); }
body.category-reads .navigation.pagination .page-numbers.current { background: var(--djd-gold); border-color: var(--djd-gold); color: #1a0810; box-shadow: 0 4px 14px rgba(200,169,81,.35); }
body.category-reads .navigation.pagination .page-numbers.dots { background: transparent; border: none; box-shadow: none; }
body.category-reads .navigation.pagination svg.svg-icon { width: 14px; height: 14px; fill: currentColor; }
@media (max-width: 1080px) {
  body.category-reads .djd-hub-top { grid-template-columns: 1fr; gap: 20px; }
  body.category-reads .djd-hub-tabs { grid-template-columns: repeat(4, 1fr); }
  body.category-reads .djd-hub-sub { max-width: 620px; }
}
@media (max-width: 900px) {
  body.category-reads #primary, body.category-reads .content-area { width: 100% !important; max-width: 100% !important; }
  body.category-reads .djd-hub-tabs { grid-template-columns: repeat(2, 1fr); }
  body.category-reads article.hentry:first-of-type { grid-column: 1 / -1 !important; flex-direction: column !important; }
  body.category-reads article.hentry:first-of-type .post-thumbnail, body.category-reads article.hentry:first-of-type .entry-container { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; }
}
@media (max-width: 640px) {
  body.category-reads .site-content { margin-top: 14px !important; }
  body.category-reads .djd-hub-hero { margin: 10px auto 16px; padding: 0px 18px; }
  body.category-reads .site-main { padding: 0px 18px; gap: 14px; }
  body.category-reads .djd-hub-tabs { grid-template-columns: 1fr; gap: 10px; }
  body.category-reads .djd-hub-tab { min-height: 128px; }
  body.category-reads .djd-hub-title { font-size: clamp(24px, 7vw, 30px); }
  body.category-reads .navigation.pagination .page-numbers { min-width: 30px; height: 30px; padding: 0 10px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body.category-reads .djd-hub-hero { animation: none; opacity: 1; transform: none; }
  body.category-reads .djd-hub-tab { animation: none; opacity: 1; transform: none; }
  body.category-reads article.hentry { transition: none; }
  body.category-reads article.hentry:hover { transform: none; }
  body.category-reads .djd-hub-tab:hover { transform: none !important; }
  body.category-reads .djd-hub-tab::after { transition: none; }
}

/* ========================================
   DJD — The Dig Section Enhanced Cards
   ======================================== */

.dj-dig-cards {
  gap: 20px !important;
  margin-top: 28px !important;
}

.dj-dig-cards .wp-block-column {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 14px !important;
  padding: 28px 24px 24px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, border-color 0.25s ease, background 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
}

.dj-dig-cards .wp-block-column::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: var(--dig-accent, #e8734a) !important;
}

.dj-dig-cards .wp-block-column::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse at top center, var(--dig-glow, rgba(232,115,74,0.08)) 0%, transparent 65%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
  pointer-events: none !important;
}

.dj-dig-cards .wp-block-column:hover::after { opacity: 1 !important; }

.dj-dig-cards .wp-block-column:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,255,255,0.22) !important;
}

.dj-dig-cards .wp-block-column:nth-child(1) { --dig-accent: #e8734a; --dig-glow: rgba(232,115,74,0.1); }
.dj-dig-cards .wp-block-column:nth-child(2) { --dig-accent: #4dd9c0; --dig-glow: rgba(77,217,192,0.1); }
.dj-dig-cards .wp-block-column:nth-child(3) { --dig-accent: #a78bfa; --dig-glow: rgba(167,139,250,0.1); }
.dj-dig-cards .wp-block-column:nth-child(4) { --dig-accent: #fbbf24; --dig-glow: rgba(251,191,36,0.1); }

.dj-dig-icon {
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  margin-bottom: 16px !important;
  flex-shrink: 0 !important;
  transition: border-color 0.2s, background 0.2s !important;
}

.dj-dig-cards .wp-block-column:hover .dj-dig-icon {
  background: var(--dig-glow, rgba(232,115,74,0.12)) !important;
  border-color: var(--dig-accent, #e8734a) !important;
}

.dj-dig-cards h3.wp-block-heading {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
  color: rgba(245,240,232,0.95) !important;
  line-height: 1.2 !important;
}

.dj-dig-cards h3.wp-block-heading a {
  color: inherit !important;
  text-decoration: none !important;
}

.dj-dig-cards .wp-block-column > p.wp-block-paragraph {
  font-size: 13px !important;
  color: rgba(245,240,232,0.5) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  flex: 1 !important;
}

.dj-dig-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--dig-accent, #e8734a) !important;
  text-decoration: none !important;
  margin-top: 20px !important;
}

.dj-dig-cta-arrow {
  display: inline-block !important;
  transition: transform 0.2s !important;
}

.dj-dig-cards .wp-block-column:hover .dj-dig-cta-arrow {
  transform: translateX(4px) !important;
}

/* Fix header logo SVG text: replace Georgia serif with site font Bricolage Grotesque */
p.site-title svg text,
.site-title svg text {
  font-family: "Bricolage Grotesque", sans-serif !important;
}

/* THE: keep small caps feel with tight letter-spacing */
p.site-title svg text:nth-of-type(1),
.site-title svg text:nth-of-type(1) {
  font-weight: 600 !important;
  letter-spacing: 4px !important;
}

/* DJ: keep bold weight */
p.site-title svg text:nth-of-type(2),
.site-title svg text:nth-of-type(2) {
  font-weight: 800 !important;
}

/* DIARIES: medium weight instead of light 300 (Bricolage reads thin at 300) */
p.site-title svg text:nth-of-type(3),
.site-title svg text:nth-of-type(3) {
  font-weight: 400 !important;
  letter-spacing: 3px !important;
}
/* THE DJ DIARIES - Dark Theme Restoration */
:root {
  --newspack-theme-color-bg-body: #0f0e1a;
  --newspack-theme-color-bg-dark: #1c1b2e;
  --newspack-theme-color-bg-light: #17162b;
  --newspack-theme-color-border: #2a2940;
  --newspack-theme-color-text-light: #888;
}
body, .site {
  background-color: #0f0e1a !important;
  color: #f5f0e8;
}
.site-header {
  background-color: #0f0e1a !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.site-header .site-logo img, .site-header .custom-logo {
  max-height: 44px !important;
}
.main-navigation a, nav.main-navigation .nav-menu > li > a {
  color: #f5f0e8 !important;
}
.main-navigation a:hover { color: #ffc93c !important; }
.wp-block-post, article.type-post, li.wp-block-post {
  background-color: #0f0e1a !important;
  color: #f5f0e8;
}
h1, h2, h3, h4, h5, h6 { color: #f5f0e8 !important; }
p, li, td, blockquote { color: #f5f0e8 !important; }
a { color: #ffc93c; }
a:hover { color: #e8c06a; }
.entry-content a { color: #ffc93c; text-decoration: underline; }
.site-footer, footer { background-color: #1c1b2e !important; color: #f5f0e8; }
footer a { color: #f5f0e8 !important; }
.entry-content p, .entry-content li, .entry-content blockquote, .entry-content td {
  font-size: 17px !important;
  line-height: 1.75 !important;
}
.single .entry-content {
  max-width: 740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.widget-title, .sidebar h2, aside h2, .widget h2 {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #888 !important;
}
/* ── MOBILE: QUIZ SIDEBAR & CARDS ── */
.dj-quiz-sidebar { position:static!important; width:100%!important; max-width:100%!important; }
.dj-quiz-sidebar__header { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.dj-quiz-sidebar__icon img { width:32px!important; height:32px!important; }
.dj-quiz-sidebar__header h3 { margin:0!important; font-size:16px!important; }
.dj-quiz-sidebar__header p { margin:0!important; font-size:13px!important; color:rgba(245,240,232,.5); }
.dj-quiz-card { display:flex!important; align-items:center!important; gap:12px!important; padding:10px 0!important; border-bottom:1px solid rgba(245,240,232,.07)!important; text-decoration:none!important; width:100%; }
.dj-quiz-card:last-child { border-bottom:none!important; }
.dj-quiz-card__emoji { display:flex!important; align-items:center!important; flex-shrink:0!important; width:28px; }
.dj-quiz-card__emoji img,.dj-quiz-card__emoji .emoji { width:22px!important; height:22px!important; display:block!important; }
.dj-quiz-card div { flex:1; }
.dj-quiz-card strong { display:block!important; font-size:14px!important; color:#f5f0e8!important; font-weight:600!important; line-height:1.3; }
.dj-quiz-card span { display:block!important; font-size:11px!important; color:rgba(245,240,232,.45)!important; margin-top:2px; letter-spacing:.02em; }

/* ── MOBILE: TICKER ── */
.dj-ticker { overflow:hidden!important; white-space:nowrap; }
.dj-ticker__label { font-size:9px!important; font-weight:700!important; letter-spacing:.08em!important; text-transform:uppercase!important; color:#ffc93c!important; margin-right:5px!important; vertical-align:middle; }
.dj-ticker__item { display:inline-flex!important; align-items:center!important; gap:5px!important; font-size:13px!important; }
.dj-ticker__sep { margin:0 10px!important; color:rgba(200,169,81,.4)!important; }
@media(max-width:480px){ .dj-ticker__label { display:none!important; } }

/* ── NEW: SERIES LABELS ── */
.djd-series-label { display:block; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#ffc93c; margin-bottom:5px; }

/* ── NEW: SECTION META (date + count) ── */
.djd-section-meta { font-size:12px; font-weight:400; color:rgba(245,240,232,.35); margin-left:6px; letter-spacing:0; text-transform:none; }

/* ── NEW: BLOCK HEADING ── */
.djd-block-heading { font-size:10px!important; font-weight:700!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:rgba(245,240,232,.4)!important; margin-bottom:1rem!important; }

/* ── NEW: TIER BADGES ── */
.djd-tier-badge { display:inline-block; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:2px 9px; border-radius:3px; margin-bottom:10px; }
.djd-tier-badge.tier-quick { background:rgba(200,169,81,.1); color:#ffc93c; border:1px solid rgba(200,169,81,.22); }
.djd-tier-badge.tier-feature { background:rgba(245,240,232,.07); color:#f5f0e8; border:1px solid rgba(245,240,232,.14); }
.djd-tier-badge.tier-deep { background:rgba(58,140,138,.1); color:#5ab5b3; border:1px solid rgba(58,140,138,.22); }

/* ── NEW: ENTRY TILES ── */
#djd-entry-points { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; padding:0 0 2rem; }
@media(min-width:600px){ #djd-entry-points { grid-template-columns:repeat(4,1fr); } }
.djd-entry-tile { background:rgba(245,240,232,.04); border:1px solid rgba(245,240,232,.08); border-radius:6px; padding:14px 12px; text-decoration:none; display:block; }
.djd-entry-tile:hover { background:rgba(200,169,81,.08); border-color:rgba(200,169,81,.22); }
.djd-entry-tile-icon { font-size:18px; margin-bottom:7px; display:block; }
.djd-entry-tile-label { font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#ffc93c; margin-bottom:3px; display:block; }
.djd-entry-tile-desc { font-size:11px; color:rgba(245,240,232,.4); line-height:1.4; display:block; }

/* ── NEW: MOST READ ── */
#djd-most-read { padding:1.5rem 0; border-top:1px solid rgba(245,240,232,.07); margin-bottom:2rem; }
.djd-most-read-list { list-style:none; padding:0; margin:0; }
@media(min-width:600px){ .djd-most-read-list { display:grid; grid-template-columns:1fr 1fr; gap:0; } }
.djd-most-read-item { display:flex; align-items:baseline; gap:14px; padding:9px 8px; border-bottom:1px solid rgba(245,240,232,.05); }
.djd-most-read-item:hover { background:rgba(245,240,232,.02); }
.djd-rank { font-size:22px; font-weight:700; color:rgba(200,169,81,.22); min-width:30px; flex-shrink:0; line-height:1; }
.djd-most-read-item a { font-size:14px; font-weight:500; color:#f5f0e8; text-decoration:none; line-height:1.4; }
.djd-most-read-item a:hover { color:#ffc93c; }

/* ── NEW: EVENTS ── */
#djd-events-block { padding:1.5rem 0; border-top:1px solid rgba(245,240,232,.07); margin-bottom:2rem; }
.djd-events-grid { display:grid; grid-template-columns:1fr; gap:10px; }
@media(min-width:500px){ .djd-events-grid { grid-template-columns:repeat(2,1fr); } }
.djd-event-card { background:rgba(245,240,232,.03); border:1px solid rgba(245,240,232,.07); border-left:2px solid #c8a951; border-radius:0 4px 4px 0; padding:12px 14px; text-decoration:none; display:block; }
.djd-event-card:hover { background:rgba(200,169,81,.06); }
.djd-event-date { font-size:10px; color:#ffc93c; font-weight:700; letter-spacing:.07em; text-transform:uppercase; margin-bottom:4px; display:block; }
.djd-event-title { font-size:14px; font-weight:600; color:#f5f0e8; margin-bottom:3px; display:block; line-height:1.3; }
.djd-event-venue { font-size:11px; color:rgba(245,240,232,.38); display:block; }

/* ── NEW: GEO BANNER ── */
#djd-geo-banner { background:rgba(200,169,81,.05); border:1px solid rgba(200,169,81,.18); border-radius:5px; padding:12px 16px; margin-bottom:1.5rem; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.djd-geo-text { font-size:13px; color:#f5f0e8; }
.djd-geo-text strong { color:#ffc93c; }
.djd-geo-cta { background:#c8a951; color:#0f0e1a; padding:7px 14px; border-radius:3px; text-decoration:none; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }

/* ── NEW: NEWSLETTER INTERRUPT ── */
#djd-newsletter-interrupt { background:rgba(200,169,81,.06); border-left:2px solid #c8a951; padding:16px 18px; margin:2rem 0; }
#djd-newsletter-interrupt p { font-size:14px; color:#f5f0e8; margin-bottom:10px!important; line-height:1.6; }
#djd-newsletter-interrupt a.djd-nl-cta { display:inline-block; background:#c8a951; color:#0f0e1a; padding:8px 18px; border-radius:3px; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; text-decoration:none; }

/* ── NEW: WHAT TO READ NEXT ── */
#djd-read-next { border-top:1px solid rgba(200,169,81,.18); padding:2rem 0 1rem; margin-top:2.5rem; }
#djd-read-next h3 { font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#ffc93c; margin-bottom:1.2rem; }
.djd-read-next-grid { display:grid; grid-template-columns:1fr; gap:18px; }
@media(min-width:500px){ .djd-read-next-grid { grid-template-columns:repeat(3,1fr); } }
.djd-read-next-card a { font-size:15px; font-weight:600; color:#f5f0e8; text-decoration:none; line-height:1.4; display:block; }
.djd-read-next-card a:hover { color:#ffc93c; }

/* ── HEADER SEARCH ── */
.site-header .header-search { display:block!important; }
.site-header .header-search .search-form { display:flex; align-items:center; }

/* -- REVEAL VISIBILITY FAILSAFE --
   Scroll-reveal observer can miss elements, leaving .djd-r stuck at opacity:0
   and hiding headings/cards. Force reveal elements visible as a safety net. */
.djd-r { opacity: 1 !important; transform: none !important; }


/* -- ARCHIVE / CATEGORY HEADER: blend into dark bg, subtitle beside title, de-dupe -- */
body .page-header.page-header{ background:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; padding:2.25rem 0 1rem !important; }
.page-header > span{ display:flex; align-items:baseline; flex-wrap:wrap; column-gap:1.75rem; row-gap:.35rem; }
.page-header .page-title{ margin:0; }
.page-header .taxonomy-description{ flex:1 1 300px; max-width:580px; }
.page-header .taxonomy-description p{ margin:0; }
@media (max-width:782px){ .page-header > span{ display:block; } .page-header .taxonomy-description{ margin-top:.6rem; } }
/* remove duplicated description under the ticker, keep the article count */
.djd-cat-hero .djd-cat-desc{ display:none !important; }


/* -- HEADER ENTRANCE ANIMATION (attention-grab on load; off for reduced-motion) -- */
@media (prefers-reduced-motion: no-preference){
  @keyframes djdHeadIn{ from{ opacity:0; transform:translateY(20px); } to{ opacity:1; transform:translateY(0); } }
  @keyframes djdDashIn{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
  .dj-homepage-hero h1, .page-header .page-title, h1.entry-title{ animation: djdHeadIn .75s cubic-bezier(.22,1,.36,1) both; }
  .page-header .page-title::before{ transform-origin:left center; animation: djdDashIn .55s cubic-bezier(.22,1,.36,1) .2s both; }
  .page-header .taxonomy-description{ animation: djdHeadIn .75s cubic-bezier(.22,1,.36,1) .12s both; }
}


/* -- COMPACT: smaller header search + tighter spacing -- */
.search-form .search-field, .search-form input[type="search"]{ width:240px !important; max-width:100% !important; height:38px !important; font-size:14px !important; padding:6px 42px 6px 12px !important; }
.search-form .search-submit, .search-form button[type="submit"]{ width:38px !important; height:38px !important; min-height:0 !important; padding:0 !important; }
.search-form .search-submit svg, .search-form button[type="submit"] svg{ width:18px !important; height:18px !important; }
body .page-header.page-header{ padding-top:1.25rem !important; }


/* -- COMPACT: tighten homepage sections + hero title -- */
.home h1.djd-site-tagline{ font-size:44px !important; line-height:1.08 !important; margin:8px 0 14px !important; }
.home .dj-newsletter{ padding-top:30px !important; padding-bottom:30px !important; }


/* -- AUDIT POLISH (reduced-motion, mobile tap targets, newsletter input, archive spacing) -- */
@media (prefers-reduced-motion: reduce){ .dj-ticker__track{ animation:none !important; } }
@media (max-width:782px){ .main-navigation li > a, .menu li > a, .site-header nav li > a{ padding-top:12px !important; padding-bottom:12px !important; } }
.djd-nl-input{ background:#15131f !important; color:#f5f0e8 !important; border:1px solid #2a2940 !important; }
.djd-nl-input::placeholder{ color:#8a94a6 !important; }
body .page-header.page-header{ padding-top:1rem !important; }


/* -- MOBILE HOMEPAGE: lighter, more visual, more tappable (desktop unchanged) -- */
@media (max-width:782px){
  .home .djd-site-tagline{ font-size:27px !important; line-height:1.12 !important; margin-bottom:.5em !important; }
  .dj-ep-grid{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; border:0 !important; }
  .dj-ep-card{ border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; padding:12px 14px !important; }
  .dj-ep-card > span:last-of-type{ display:none !important; }
}


/* -- MOBILE FIXES: remove duplicated featured card + shrink headline -- */
@media (max-width:782px){
  .djd-mhero{ display:none !important; }
  .home h1.djd-site-tagline{ font-size:28px !important; line-height:1.12 !important; }
}


/* -- MOBILE: quiz items as cards (match top tiles) + readable muted text -- */
@media (max-width:782px){
  .dj-quiz-card > div{ display:flex !important; flex-direction:column !important; gap:2px !important; min-width:0 !important; }
  .dj-quiz-card > div > strong{ color:#f5f0e8 !important; font-size:15px !important; text-decoration:none !important; }
  .dj-quiz-card .dj-quiz-card__emoji{ flex:0 0 auto !important; }
}
/* readability: lift washed-out 45% muted text to ~72% (descriptions + quiz meta) */
.dj-ep-card > span:not(.dj-ep-icon){ display:inline-block !important; color:rgba(245,240,232,.72) !important; }
.dj-quiz-card > div > span{ color:rgba(245,240,232,.72) !important; text-decoration:none !important; }


/* -- MOBILE: real quiz strip items as cards -- */
@media (max-width:782px){
}


/* -- mobile quiz cards v2 (stronger, wider breakpoint) -- */
@media (max-width:1023px){
}


/* -- mobile cards: smaller + punchier text/icons -- */
@media (max-width:1023px){
}
@media (max-width:782px){
  .dj-ep-card{ padding:9px 11px !important; }
  .dj-ep-card strong{ color:#ffffff !important; font-size:13px !important; }
  .dj-ep-card > span:not(.dj-ep-icon){ color:rgba(245,240,232,.8) !important; font-size:11px !important; }
}


/* -- card tap/press effect (mobile cards feel interactive) -- */
@media (max-width:1023px){
}
@media (max-width:782px){
  .dj-ep-card{ transition:border-color .15s ease, background-color .15s ease, transform .12s ease !important; }
  .dj-ep-card:hover{ border-color:rgba(77,217,192,.55) !important; }
  .dj-ep-card:active{ border-color:#4dd9c0 !important; transform:scale(.985) !important; }
}


/* -- where to start tiles smaller -- */
@media (max-width:782px){
  .dj-ep-label{ font-size:10.5px !important; letter-spacing:.12em !important; margin-bottom:8px !important; }
  .dj-ep-grid{ gap:8px !important; }
  .dj-ep-card{ padding:8px 10px !important; }
  .dj-ep-card strong{ font-size:12.5px !important; line-height:1.15 !important; }
  .dj-ep-card > span:not(.dj-ep-icon){ font-size:10.5px !important; line-height:1.25 !important; }
}
/* -- mobile card entrance animation (staggered, reduced-motion safe) -- */
@media (max-width:1023px) and (prefers-reduced-motion: no-preference){
  @keyframes djdCardIn{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
  .dj-ep-card{ animation:djdCardIn .5s cubic-bezier(.22,1,.36,1) both; }
  .dj-ep-card:nth-child(2){ animation-delay:.07s; }
  .dj-ep-card:nth-child(3){ animation-delay:.14s; }
  .dj-ep-card:nth-child(4){ animation-delay:.21s; }
}


/* -- Deep Dive band: compact side-by-side cards -- */
.dj-learn-band{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:12px !important; }
.dj-learn-band__item{ display:flex !important; align-items:center !important; gap:11px !important; background:#15131f !important; border:1px solid rgba(255,255,255,.13) !important; border-radius:12px !important; padding:12px 14px !important; text-decoration:none !important; transition:border-color .15s ease, transform .12s ease !important; }
.dj-learn-band__item:hover{ border-color:rgba(77,217,192,.55) !important; }
.dj-learn-band__item:active{ transform:scale(.99) !important; }
.dj-learn-band__icon{ flex:0 0 auto !important; width:32px !important; height:32px !important; background:rgba(77,217,192,.14) !important; border-radius:9px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.dj-learn-band__icon img, .dj-learn-band__icon svg{ width:18px !important; height:18px !important; }
.dj-learn-band__text{ display:flex !important; flex-direction:column !important; gap:1px !important; min-width:0 !important; }
.dj-learn-band__text strong{ color:#ffffff !important; font-size:14px !important; text-decoration:none !important; }
.dj-learn-band__text span{ color:rgba(245,240,232,.72) !important; font-size:11.5px !important; text-decoration:none !important; }
@media (max-width:782px){
  .dj-learn-band{ grid-template-columns:1fr 1fr !important; gap:8px !important; }
  .dj-learn-band__item{ padding:9px 11px !important; }
  .dj-learn-band__text strong{ font-size:13px !important; }
  .dj-learn-band__text span{ font-size:10.5px !important; }
}

/* DJD: quizzes page (1502) — use full content width on desktop + centered 2-up card grid; stacked on mobile */
@media(min-width:900px){
  body.page-id-1502 .main-content{ width:100% !important; max-width:none !important; }
  body.page-id-1502 .djd-quizzes-hub{ margin-left:0 !important; margin-right:0 !important; max-width:none !important; }
  body.page-id-1502 div[style*="minmax(380px"]{
    grid-template-columns:1fr 1fr !important;
    gap:24px !important;
    width:min(1140px,94vw) !important;
    max-width:none !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
  }
}

/* DJD: page consistency — center the content column on all no-sidebar pages (desktop), matching single posts */
@media(min-width:900px){
  .no-sidebar .main-content{ margin-left:auto !important; margin-right:auto !important; }
}