/* HitMag retains its templates, article markup, menus, search, player and pagination. */
body {--kh-ink:#071e38;--kh-blue:#0066ad;--kh-sky:#30c1ff;--kh-rule:#d2e1ec;background:#eaf1f7;color:var(--kh-ink)}
#page.hitmag-wrapper {max-width:1600px;margin:0 auto;box-shadow:none}
#page .hm-container {max-width:1280px}
#masthead {margin-bottom:0}
#masthead .hm-top-bar,#masthead .hm-nav-container,#site-navigation,#masthead .hm-topnavbutton,#colophon {background:#071c34;color:white}
#masthead .hm-top-bar a,#masthead .hm-date,#site-navigation .menu>li>a {color:white}
#masthead .top-navigation .sub-menu a {color:var(--kh-ink);background:white}
#masthead .header-main-area {background-color:#06172c;background-image:linear-gradient(90deg,transparent 8%,rgba(3,20,40,.12) 32%,#06172c 68%),url(oud.webp);background-position:left center;background-repeat:no-repeat;background-size:100% 100%,68% auto;color:white}
#masthead .header-main-area>.hm-container {display:flex;flex-flow:column;align-items:flex-start;justify-content:center;min-height:210px;padding-block:30px;direction:rtl}
.home #masthead .header-main-area>.hm-container {min-height:clamp(260px,29vw,415px)}
#masthead .site-branding {float:none;margin:0;text-align:start}
#masthead .hm-site-title {margin:0;overflow:visible}
#masthead .site-title {display:block;font:900 clamp(2rem,5.8vw,5.3rem)/1.1 Arial,sans-serif;letter-spacing:normal;word-spacing:normal}
#masthead .site-title a {color:white}
#masthead .site-description {display:block;color:#d6ecff;max-width:40ch;font:500 clamp(.92rem,1.5vw,1.16rem)/1.6 Arial,sans-serif;margin:10px 0}
#masthead .hm-header-image {display:none}
.kh-listen,.kh-platforms a {display:inline-flex;align-items:center;gap:.65em;background:#60d1ff;color:#041a31!important;border-radius:2em;padding:.65em 1.45em;margin-top:8px;font-weight:bold;text-decoration:none}
.kh-listen:hover,.kh-platforms a:hover {background:white}
#masthead .hm-nav-container {border-bottom:3px solid var(--kh-sky)}
#site-navigation .menu>li.current-menu-item>a,#site-navigation .menu>li>a:hover {background:#104169}
#page a:focus-visible {outline:3px solid #008acd;outline-offset:3px}
#content {padding-block:30px 44px}
.home.blog #content #primary,.home.blog #content #secondary {width:100%;float:none;max-width:none}
.kh-intro {text-align:center;padding:0 12px 24px;border-bottom:1px solid var(--kh-rule);margin-bottom:24px}
.kh-intro h2,.kh-section,.kh-platforms h2 {color:var(--kh-ink);font:900 clamp(1.7rem,3.5vw,3rem)/1.2 Arial,sans-serif;letter-spacing:-.04em;margin:0 0 8px}
.kh-intro p {max-width:65ch;margin:0 auto;font-size:1.06rem;line-height:1.75}
.home.blog .posts-wrap {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0}
.home.blog .posts-wrap::before,.home.blog .posts-wrap::after {display:none}
.kh-section {grid-column:1/-1;display:flex;align-items:center;gap:18px;font-size:clamp(1.5rem,3vw,2.35rem);margin:8px 0 0}
.kh-section::after {content:"";height:2px;flex:1;background:#92d6f6}
.home.blog #main .posts-wrap>.hitmag-post {display:flex;flex-direction:column;float:none;clear:none;width:auto;min-width:0;margin:0;padding:0;background:white;border:1px solid var(--kh-rule);border-radius:9px;overflow:hidden;box-shadow:0 5px 16px #09294b0c}
.home.blog #main .archive-content {padding:18px;float:none;width:auto}
.home.blog #main .archive-thumb {height:145px;margin:0;background:#e8f1f7;text-align:center}
.home.blog #main .archive-thumb img {height:100%;width:100%;object-fit:contain}
.home.blog .hitmag-post:not(.has-post-thumbnail)::before {content:"";display:block;height:145px;background:#0a2946 var(--kh-cover,url(oud.webp)) center/cover no-repeat}
.home .category-226 {--kh-cover:url(gal.webp)}
.home .category-346 {--kh-cover:url(vinyl.webp)}
.home #post-534 {--kh-cover:url(center.webp)}
.home #post-532 {--kh-cover:url(briza.webp)}
.home #post-1512 {--kh-cover:url(tape.webp)}
.home #post-1524 {--kh-cover:url(strings.webp)}
.home #post-1480 {--kh-cover:url(vinyl.webp)}
#page .cat-links a,#page .th-readmore,#page .pagination .current {background:#085389;color:white;border-color:#085389}
#page .entry-title a {color:var(--kh-ink)}
#page .entry-title a:hover {color:var(--kh-blue)}
#page .entry-summary {line-height:1.75}
.home.blog #secondary {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:22px;margin-top:28px;align-items:start}
.home.blog #secondary .widget {border:1px solid var(--kh-rule);border-radius:8px;padding:16px;margin:0;min-width:0}
#page .widget-title {border-color:#159cda}
#page .pagination {margin-block:28px}
.kh-platforms {text-align:center;padding:40px 20px;background:#071e38;color:white}
.kh-platforms h2 {color:white}
.kh-platforms a {margin-inline:5px}
#colophon .site-info {background:#041428;color:white}
@media(max-width:850px) {
.home.blog .posts-wrap {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px) {
.home.blog .posts-wrap,.home.blog #secondary {grid-template-columns:minmax(0,1fr)}
#masthead .header-main-area {background-size:100% 100%,auto 100%;background-position:left center;background-image:linear-gradient(90deg,rgba(3,20,40,.05),rgba(3,20,40,.78) 45%,#06172c 95%),url(oud.webp)}
#masthead .header-main-area>.hm-container {width:100%;align-items:flex-start}
#masthead .site-description {max-width:25ch}
.home.blog #masthead .header-main-area>.hm-container {min-height:250px}
#page .hm-container {padding-inline:16px}
.home.blog #main .archive-thumb,.home.blog .hitmag-post:not(.has-post-thumbnail)::before {height:155px}
}
/* The current header image setting visually clips the core site title and tagline. */
#masthead .site-title a,#masthead .site-description {position:static;clip:auto;clip-path:none}
@media(max-width:580px) {
#colophon .footer-widget-area {margin-inline:0}
}
/* The record-sleeve edition. */
@font-face{font-family:KhHeebo;src:url(heebo.ttf) format("truetype");font-weight:100 900;font-display:swap}
body{--kh-display:KhHeebo,Arial,sans-serif}
#masthead{display:flex;flex-direction:column}
#masthead .hm-nav-container{order:-1;background:#03152e;border-bottom:1px solid #264261}
.kh-one-menu #masthead :is(.hm-top-bar,.hm-topnavbutton,.responsive-topnav){display:none}
#site-navigation{background:transparent}
#site-navigation #primary-menu>li>a{font:650 15px/1.3 var(--kh-display);padding-block:19px}
#site-navigation #primary-menu>.kh-brand>a{font-size:23px;font-weight:900;letter-spacing:normal;word-spacing:normal;line-height:1;padding-block:16px;color:white}
.kh-brand span{color:#00b5ff;direction:ltr;display:inline-block;font-size:.8em;letter-spacing:-.12em;margin-inline:5px}
.home #masthead .header-main-area{background-color:#031224;background-size:100% 100%,70% auto;background-image:linear-gradient(90deg,transparent 16%,rgba(3,18,36,.04) 40%,#031224 74%),url(oud.webp)}
.home #masthead .header-main-area>.hm-container{min-height:310px;padding-block:18px}
.home #masthead .header-main-area:has(.kh-hero-type) .site-branding{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.kh-hero-type{display:grid;justify-items:start;color:#fff;font:900 clamp(70px,7.9vw,119px)/.94 var(--kh-display);letter-spacing:normal;word-spacing:normal}
.kh-hero-type strong{color:#08aff8;font-weight:900}
.kh-hero-caption{font:650 clamp(17px,1.7vw,24px)/1.35 var(--kh-display);margin:11px 0 6px;color:#fff}
.kh-listen,.kh-platforms a{font:750 16px/1.2 var(--kh-display);padding:12px 25px;background:#00aeef;color:#00172e!important}
#content{padding-block-start:16px}
.kh-intro{margin-bottom:8px;border-bottom:0;padding:0 0 16px}
.kh-intro h2,.kh-section,.kh-platforms h2{font-family:var(--kh-display);font-weight:900;letter-spacing:-.04em}
.kh-intro h2{display:flex;align-items:center;justify-content:center;gap:22px;font-size:clamp(29px,3.6vw,49px);line-height:1.15}
.kh-intro h2::before,.kh-intro h2::after{content:"";width:min(15%,145px);height:3px;background:#00aafa}
.kh-intro p{font:500 clamp(16px,1.45vw,20px)/1.45 var(--kh-display);max-width:75ch}
.kh-section{font-size:clamp(27px,3.2vw,43px);margin:0;line-height:1.12}
.kh-section::after{background:#00aafa;height:3px}
.home.blog .posts-wrap{gap:15px 19px}
.home.blog #main .posts-wrap>.hitmag-post{border-radius:8px;background:#fcfdff;border:1px solid #c8d9e9;box-shadow:0 3px 7px #0e354b16}
.home.blog #main article:is(#post-536,#post-534,#post-532,#post-1512,#post-1480):not(.has-post-thumbnail)::before,.home.blog #main #post-1524 .archive-thumb{height:auto;aspect-ratio:1.58;background:var(--kh-cover) center/100% 100% no-repeat}
.home.blog #main :is(#post-1480,#post-1512):not(.has-post-thumbnail)::before,.home.blog #main #post-1524 .archive-thumb{aspect-ratio:1.72}
.home.blog #main #post-1524 .archive-thumb{position:relative}
.home.blog #main #post-1524 .archive-thumb img{position:absolute;bottom:8px;left:8px;width:32px;height:32px;object-fit:cover;border-radius:50%;border:2px solid white}
.home.blog #main .archive-content{padding:12px 17px 15px}
.home.blog #main .entry-header{margin:0}
.home.blog #main .entry-title{font:800 18px/1.25 var(--kh-display);margin:4px 0}
.home.blog #main .cat-links{display:inline-block}
.home.blog #main .cat-links a{background:transparent;color:#246187;font:600 12px/1.2 var(--kh-display);padding:0}
.home.blog #main .entry-meta{font-size:11px;margin:2px 0;color:#4d6377}
.home.blog #main .entry-summary p{font:400 15px/1.45 var(--kh-display);margin:7px 0}
#page .th-readmore{background:none;border:0;color:#075a90;padding:0;font:750 15px/1.25 var(--kh-display)}
.kh-platforms{min-height:190px;text-align:start;padding:32px max(5%,28px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#04172d url(devices.webp) no-repeat 7% center;background-size:auto 100%;color:#fff}
.kh-platforms h2{color:white;max-width:10ch;line-height:1;font-size:clamp(36px,4vw,60px)}
.kh-platforms a{background:#0d2c48;color:white!important;border:1px solid #90c9ec}
.kh-platforms a:hover{background:#174c79}
@media(max-width:767px){
.home #masthead .header-main-area{background-image:linear-gradient(90deg,transparent,rgba(3,18,36,.15) 33%,#031224 79%),url(oud.webp);background-size:100% 100%,auto 100%;background-position:left center}
.home #masthead .header-main-area>.hm-container{min-height:254px;padding-inline:20px}
.kh-hero-type{font-size:clamp(68px,14vw,90px)}
.kh-hero-caption{font-size:16px}
.kh-platforms{background-size:auto 70%;background-position:-75px center}
.kh-platforms h2{font-size:33px;max-width:8ch}
.kh-platforms div{max-width:58%}
}
.kh-play-icon{width:0;height:0;border-block:6px solid transparent;border-left:10px solid currentColor}
.home.blog #main article:has(>.kh-cover)::before{display:none}
.kh-cover{display:block;aspect-ratio:1.58;background:#102f52 var(--kh-cover) center/100% 100% no-repeat}
.home.blog #main .category-346>.kh-cover{aspect-ratio:1.72}
.home #main .kh-platforms{border-radius:8px;margin-top:24px}
/* Broadcast header and archive shelves */
.home #masthead .header-main-area{position:relative;isolation:isolate;overflow:hidden;background-size:100% 100%,82% auto}
.home #masthead .header-main-area:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 88% 27%,#07538170,transparent 40%),linear-gradient(0deg,#001126b0,transparent 32%);pointer-events:none}
.home #masthead .header-main-area>.hm-container{min-height:clamp(340px,34vw,490px);padding-block:30px}
.kh-hero-type{font-size:clamp(88px,10vw,145px);text-shadow:0 3px 25px #00102550}
.kh-hero-type strong{color:#51d6ff;background:linear-gradient(165deg,#bcf4ff,#12b8fa 60%,#4389ee);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.kh-listen{gap:12px;margin-top:12px;background:#c6f0ff;box-shadow:0 0 0 4px #ffffff16;padding:13px 24px}
.kh-shortcuts{display:flex;justify-content:center;gap:8px;margin:0 auto 19px}
.kh-shortcuts a{display:inline-flex;align-items:center;gap:15px;font:700 14px var(--kh-display);padding:7px 17px;border:1px solid #b6ccd9;border-radius:30px;color:#0f3b5f;background:#fff}
.kh-shortcuts a:hover{color:white;background:#093658}.kh-shortcuts a span{color:#0080b7}
#content{background:linear-gradient(180deg,#eaf5fc 0,white 270px);padding-top:20px}
.kh-intro{max-width:900px;margin:auto auto 26px}
.kh-section{gap:16px}
.kh-section:before{content:"";width:7px;height:.88em;border-radius:2px;background:linear-gradient(#69dcff,#007bbb)}
.home.blog #main .posts-wrap>.hitmag-post{border-radius:12px;border-color:#bdd0dd;box-shadow:0 6px 16px #04234010}
.home.blog #main .archive-content{padding:14px 17px 16px;flex:1;display:flex;flex-direction:column}
.home.blog #main .entry-summary{flex:1;display:flex;flex-direction:column;align-items:flex-start}
.home.blog #main .entry-summary .th-readmore{margin-top:auto;padding-top:5px}
.home.blog #main .entry-title{font-size:20px}
.home.blog #main .posts-wrap>article.hitmag-post.category-346{background:linear-gradient(140deg,#0c2c49,#041b33);color:#f6fbff;border-color:#173f5c}
.home.blog #main .category-346 :is(.entry-title a,.entry-meta,.entry-meta a){color:#edf8ff}
.home.blog #main .category-346 :is(.cat-links a,.th-readmore){color:#87dbff}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.home.blog .hitmag-post{transition:transform .2s,box-shadow .2s}
.home.blog #main .hitmag-post:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0b46602a}
}
@media(max-width:580px){
.home #masthead .header-main-area{background-size:100% 100%,max(520px,145vw) auto;background-position:center,left -12vw center}
.home #masthead .header-main-area>.hm-container{min-height:300px;padding-inline:20px}
.kh-hero-type{font-size:clamp(64px,18.5vw,80px)}.kh-hero-caption{font-size:clamp(15px,4vw,17px)}
.kh-shortcuts{margin-bottom:14px}.kh-shortcuts a{font-size:13px}
.kh-intro{margin-bottom:20px}
.home.blog #main .posts-wrap>.category-346{display:grid;grid-template-columns:36% minmax(0,1fr);align-items:stretch}
.home.blog #main .posts-wrap>.category-346>.kh-cover,.home.blog #main .posts-wrap>.category-346>a:has(.archive-thumb){min-height:100%;aspect-ratio:auto;background-size:cover}
.home.blog #main #post-1524 .archive-thumb{height:100%;aspect-ratio:auto;background-size:cover}
.home.blog #main .category-346 .archive-content{padding:12px}
.home.blog #main .category-346 .entry-title{font-size:17px}
}
/* A lead story and two side stories when the original station trio is present. */
@media(min-width:960px){
.home.blog .posts-wrap:has(.kh-section + #post-536 + #post-534 + #post-532){
 grid-template-columns:repeat(12,minmax(0,1fr));
}
.home.blog .posts-wrap:has(.kh-section + #post-536 + #post-534 + #post-532)>article{grid-column:span 4}
.home.blog #main .posts-wrap:has(.kh-section + #post-536 + #post-534 + #post-532)>#post-536{
 grid-column:span 6;grid-row:span 2;
}
.home.blog #main .posts-wrap:has(.kh-section + #post-536 + #post-534 + #post-532)>:is(#post-534,#post-532){
 grid-column:span 6;display:grid;grid-template-columns:46% minmax(0,1fr);
}
.home.blog #main .posts-wrap:has(.kh-section + #post-536 + #post-534 + #post-532)>:is(#post-532,#post-534)>.kh-cover{aspect-ratio:auto;background-size:100% 100%}
}

.kh-live-player [hidden]{display:none!important}
.kh-live-player button.kh-listen{border:0;cursor:pointer}
.kh-live-player button.kh-listen:hover,.kh-live-player button.kh-listen:focus-visible{background:white}
.kh-live-player .kh-listen[data-active] .kh-play-icon{width:11px;height:11px;border:0;background:currentColor;border-radius:2px}
.kh-player-status{display:block;color:white;font:500 14px/1.5 var(--kh-display)}
.kh-player-status:not(:empty){margin-top:6px}

/* Interior layouts use the theme's existing headings, widgets and main loop. */
.kh-inner #masthead .header-main-area>.hm-container{min-height:106px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:22px;padding-block:15px}
.kh-inner #masthead .header-main-area{background:#061c35 linear-gradient(108deg,#052642,#05182f 75%)}
.kh-inner #masthead .site-title{font:900 clamp(24px,3.2vw,42px)/1.1 var(--kh-display);letter-spacing:normal;word-spacing:normal}
.kh-inner #masthead .site-description{font:500 14px/1.4 var(--kh-display);margin:4px 0 0;color:#d6efff}
.kh-inner #masthead .kh-listen{white-space:nowrap;margin:0}
.kh-inner .hm-header-breadcrumb{background:#eff7fd;border-bottom:1px solid #cbdfed;color:#234761}
.kh-inner .hm-header-breadcrumb a{color:#155a81}
.kh-inner #content{padding:26px 0 48px;background:linear-gradient(180deg,#eaf4fa,#fafcfe 480px)}
.kh-inner #content #primary,.kh-inner #content #secondary{min-width:0}
.kh-inner #main,.kh-inner #secondary{font-family:var(--kh-display)}
.kh-inner #main :is(.hitmag-single,.hitmag-page,.not-found),.kh-inner #secondary .widget,.kh-inner #main :is(.hm-related-posts,.hm-authorbox,.post-navigation,.comments-area){
border:1px solid #cbdfe9;border-radius:14px;background:white;box-shadow:0 5px 20px #123d5910;margin-bottom:22px}
.kh-inner #main :is(.hitmag-single,.hitmag-page,.not-found){padding:0;overflow-wrap:anywhere}
.kh-inner #main :is(.hitmag-single,.hitmag-page)>.entry-header,.kh-inner #main .page-header{
--kh-art:url(oud.webp);color:#fff;margin:0;padding:clamp(27px,4vw,55px) clamp(20px,3.4vw,43px);border:0;border-radius:13px 13px 0 0;
background-color:#051b36;background-image:linear-gradient(90deg,#04172b45,#061d36ed 46%,#071d36 78%),var(--kh-art);
background-position:left center;background-repeat:no-repeat;background-size:100% 100%,58% auto}
.kh-inner #main .hitmag-single.category-226>.entry-header,.kh-inner.category-226 #main .page-header{--kh-art:url(receiver.webp)}
.kh-inner #main .hitmag-single.category-346>.entry-header,.kh-inner.category-346 #main .page-header{--kh-art:url(grooves.webp)}
.kh-inner #main :is(.hitmag-single,.hitmag-page)>.entry-header .entry-title,.kh-inner #main .page-title{
font:900 clamp(28px,3.6vw,49px)/1.13 var(--kh-display);letter-spacing:-.045em;color:#fff;margin:0;max-width:24ch;border:0}
.kh-inner #main .page-title span{color:#88dfff}
.kh-inner #main .entry-header .cat-links a{border:0;background:none;color:#9ae2ff;padding:0;font:700 14px/1.4 var(--kh-display)}
.kh-inner #main :is(.hitmag-single,.hitmag-page) .entry-meta,.kh-inner #main :is(.hitmag-single,.hitmag-page) .entry-meta a{color:#c0dbee;font-size:13px}
.kh-inner #main .entry-content{padding:clamp(20px,3vw,42px);margin:0 auto;font:400 clamp(17px,1.45vw,19px)/1.85 var(--kh-display);color:#152d40}
.kh-inner #main .entry-content p{margin:0 0 1em}
.kh-inner #main .entry-content :is(h1,h2,h3,h4){color:#0b3556;font-family:var(--kh-display);line-height:1.25;letter-spacing:-.025em;margin:1.15em 0 .55em}
.kh-inner #main .entry-content a{color:#056391;text-underline-offset:.18em}
.kh-inner #main .entry-content blockquote{margin:20px 0;padding:13px 19px;border:0;border-inline-start:4px solid #28b5ed;background:#f0f8fc}
.kh-inner #main .entry-content :is(img,iframe,video,figure),.kh-inner #main .entry-content table{max-width:100%}
.kh-inner #main .entry-content table{display:block;overflow-x:auto}
.kh-inner #main .entry-content .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,112px),1fr));gap:14px}
.kh-inner #main .entry-content .gallery .gallery-item{width:auto;max-width:100%;margin:0;text-align:center}
.kh-inner #main .gallery img{border-radius:7px;box-shadow:0 3px 10px #16334a23}
.kh-inner #main .entry-footer:not(:empty){padding-inline:22px}
.kh-inner #main :is(.hm-related-posts,.hm-authorbox,.post-navigation,.comments-area),.kh-inner #secondary .widget{padding:19px}
.kh-inner #secondary .widget-title,.kh-inner #main .related-posts-title{color:#143a59;font-family:var(--kh-display);border-color:#00a9ec}
.kh-inner #main .page-header{margin-bottom:16px;border-radius:13px}
.kh-inner #main .archive-description{color:#e1f4ff;margin-top:8px}
.kh-inner #main .posts-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:0}
.kh-inner #main .posts-wrap::before,.kh-inner #main .posts-wrap::after{display:none}
.kh-inner #main .posts-wrap>article.hitmag-post{float:none;width:auto;margin:0;padding:0;min-width:0;border-radius:12px;border:1px solid #c6dae6;background:white;box-shadow:0 4px 14px #153b5310;overflow:hidden}
.kh-inner #main .posts-wrap .archive-content{padding:17px;width:auto;float:none}
.kh-inner #main .posts-wrap .archive-thumb{margin:0;background:#071e38;text-align:center}
.kh-inner #main .archive-thumb img{height:155px;width:100%;object-fit:contain}
.kh-inner #main .posts-wrap .hitmag-post:not(.has-post-thumbnail)::before{content:"";display:block;height:86px;background:#0a2643 url(oud.webp) center/cover}
.kh-inner #main .posts-wrap .category-226:not(.has-post-thumbnail)::before{background-image:url(receiver.webp)}
.kh-inner #main .posts-wrap .category-346:not(.has-post-thumbnail)::before{background-image:url(grooves.webp)}
.kh-inner #main .posts-wrap .cat-links a{color:#13648b}
.kh-inner #main .posts-wrap .entry-title{font:800 23px/1.23 var(--kh-display);margin:4px 0 8px}
.kh-inner #main .posts-wrap .entry-summary{font:400 16px/1.6 var(--kh-display)}
.kh-inner #main .not-found .page-content{padding:20px}
@media(max-width:700px){
.kh-inner #masthead .header-main-area>.hm-container{min-height:92px;gap:9px}
.kh-inner #masthead .site-description{font-size:11px;max-width:24ch}
.kh-inner #masthead .kh-listen{font-size:13px;padding:11px 13px}
.kh-inner #content{padding-top:16px}
.kh-inner #main .posts-wrap{grid-template-columns:minmax(0,1fr)}
.kh-inner #main :is(.hitmag-single,.hitmag-page)>.entry-header,.kh-inner #main .page-header{background-size:100% 100%,85% auto}
.kh-inner #main .entry-content{padding:18px}
}
/* Approved cassette and vinyl artwork, with real text and navigation. */
.kh-cassette-banner,.kh-vinyl-brand{direction:rtl;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;isolation:isolate;overflow:hidden;background:#031225;color:white;font-family:var(--kh-display);text-align:right}
.kh-cassette-banner{max-width:1232px;width:calc(100% - 32px);margin:12px auto 22px;border-radius:9px;min-height:clamp(195px,27vw,354px);padding:20px 5%}
.kh-cassette-banner::before,.kh-vinyl-brand::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:67%;background:linear-gradient(90deg,transparent 80%,#031225),url(cassette-banner.webp) center/cover}
.kh-cassette-copy{max-width:43%}
.kh-cassette-brand{font:700 clamp(15px,2vw,24px)/1.3 var(--kh-display);color:#c8edff}
.kh-cassette-copy h2{margin:8px 0 15px;color:white;font:900 clamp(30px,5.2vw,76px)/.99 var(--kh-display);letter-spacing:-.045em}
.kh-cassette-copy h2 strong{display:block;color:#7edfff;font-weight:900}
#page .kh-cassette-copy a{display:inline-flex;align-items:center;gap:12px;border-radius:30px;background:#86e6ff;color:#051b31;text-decoration:none;font:800 clamp(14px,1.7vw,21px)/1.2 var(--kh-display);padding:10px 20px}
#colophon{background:#04172f;color:#f3f8fc;padding-top:0}
#colophon>.hm-container{max-width:1400px;padding:0}
.kh-vinyl-brand{min-height:clamp(220px,30vw,405px);padding:24px 12%;background:#031225}
.kh-vinyl-brand::before{width:62%;background-image:linear-gradient(90deg,transparent 82%,#031225),url(vinyl-footer.webp)}
#colophon .kh-vinyl-brand a{font:900 clamp(49px,7vw,100px)/.99 var(--kh-display);letter-spacing:normal;word-spacing:normal;color:white;text-decoration:none}
.kh-vinyl-brand a span{display:block}
.kh-vinyl-brand>span{font:600 clamp(16px,2vw,29px)/1.4 var(--kh-display);letter-spacing:.08em;color:#bac9de;margin-top:10px}
.kh-footer-links{direction:rtl;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:26px 6%;gap:3%}
.kh-footer-links>div+div{border-inline-start:1px solid #275271;padding-inline-start:12%}
.kh-footer-links h2{color:white;font:900 clamp(20px,2.1vw,32px)/1.15 var(--kh-display);margin:0 0 12px}
.kh-footer-links h2::after{content:"";display:block;width:45px;height:3px;background:#24c4f0;margin-top:8px}
#colophon .kh-footer-links ul{list-style:none;margin:0;padding:0}
#colophon .kh-footer-links li{border:0;margin:0;padding:0}
#colophon .kh-footer-links a,#colophon .kh-footline a{color:#f2f7ff;text-decoration:none;display:inline-block;font:550 clamp(15px,1.45vw,20px)/1.4 var(--kh-display);padding:5px 0}
#colophon .kh-footer-links a:hover,#colophon .kh-footline a:hover{text-decoration:underline;color:#82dcff}
.kh-extra-footer{margin:0 6%;font:500 14px/1.4 var(--kh-display)}
.kh-extra-footer summary{cursor:pointer;color:#c4dcea;padding:9px 0}
.kh-footline{margin:0 6%;padding:14px 0;display:flex;align-items:center;justify-content:space-between;border-top:2px solid #39bdec;color:white}
@media(max-width:600px){
.kh-cassette-banner{width:calc(100% - 20px);margin-bottom:12px;padding:16px 4%;min-height:158px}
.kh-cassette-copy{max-width:48%}.kh-cassette-brand{font-size:12px}
.kh-cassette-copy h2{font-size:clamp(23px,6.6vw,40px);margin:5px 0 12px}
#page .kh-cassette-copy a{font-size:13px;padding:9px 12px;gap:5px}
.kh-cassette-banner::before{width:56%;background-position:35% center}
.kh-vinyl-brand{min-height:170px;padding:14px 6%}.kh-vinyl-brand::before{width:62%;background-position:26% center}
#colophon .kh-vinyl-brand a{font-size:44px}.kh-vinyl-brand>span{font-size:13px}
.kh-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 6%}
.kh-footer-links>div+div{padding-inline-start:0;border:none}
.kh-footer-links h2{font-size:20px}.kh-footline{font-size:14px}
}

body.kh-inner:not(:has(#secondary)) #content #primary{width:100%;float:none;max-width:960px;margin-inline:auto}
#page .kh-aff{width:calc(100% - 32px);max-width:1232px;box-sizing:border-box;margin:12px auto 18px;border-radius:10px;overflow:hidden;display:flex;align-items:stretch;background:#eaf7fc;border:1px solid #bad8e5;color:#0a2543;font-family:var(--kh-display);direction:rtl}
.kh-aff-copy{flex:1;padding:clamp(18px,3vw,37px);align-self:center}
.kh-aff h2{margin:0;color:#0a2543;font:900 clamp(24px,3.2vw,46px)/1.12 var(--kh-display);letter-spacing:-.035em}
.kh-aff h2 small{display:block;font:650 clamp(14px,1.45vw,20px)/1.4 var(--kh-display);color:#285a74;letter-spacing:0;margin-bottom:4px}
#page .kh-aff a{display:inline-block;margin-top:11px;color:#075782;font:700 15px/1.4 var(--kh-display);text-decoration:underline;text-underline-offset:4px}
.kh-aff-photo{width:36%;background:#062640 url(affiliation-mic.webp) center/cover no-repeat}
@media(max-width:600px){#page .kh-aff{width:calc(100% - 20px);margin:8px auto 12px}.kh-aff-photo{width:29%;background-position:35% center}.kh-aff-copy{padding:19px 12px}.kh-aff h2{font-size:clamp(22px,6vw,34px)}.kh-aff h2 small{font-size:13px}.kh-aff a{font-size:13px}}

.kh-no-widgets #secondary{display:none}
body.kh-inner.kh-no-widgets #content #primary{width:100%;float:none;max-width:960px;margin-inline:auto}
#colophon .site-info-designer:empty{display:none}

.kh-hero-type .kh-radio-word{font-size:.28em;letter-spacing:0;line-height:1.1;margin-bottom:.14em;color:white}
.kh-footline{flex-wrap:wrap;gap:1rem}
.kh-live-player .kh-popup-link{display:block;width:fit-content;max-width:100%;margin:.45rem auto 0;padding:.25rem .65rem;color:#fff!important;background:#08243d;border-radius:1rem;font:600 14px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}.kh-live-player .kh-popup-link:focus-visible{outline:2px solid #8ee3ff;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){.kh-live-player .kh-listen:not([data-active]){animation:kh-halo 2s ease-in-out infinite}}
@keyframes kh-halo{0%,100%{box-shadow:0 0 0 2px #51d6ff33}50%{box-shadow:0 0 0 6px #51d6ff70,0 0 22px #51d6ff60}}
body.kh-popup-body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top right,#124d70,#061729 80%);color:white;text-align:center;font:18px/1.5 Arial,sans-serif}
.kh-window{padding:1rem}.kh-window p{color:#87dcff;font-weight:700}.kh-window h1{color:white;font:700 1.8rem/1.2 Arial,sans-serif}.kh-window .kh-player-status{display:block;color:white;margin-top:1em}
