/* Shared cabinet and piano-key navigation, across the receiver and inner pages. */
.site-header{width:min(1480px,100%);max-width:1480px;margin-inline:auto;padding:22px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #b6c7b21c}
.site-brand{display:flex;align-items:center;gap:12px;color:#eee3cb;text-decoration:none;flex-shrink:0;font-size:23px;font-weight:700;line-height:1.5}
.site-brand-mark{font-size:42px;font-weight:400;color:#cda873;text-shadow:0 2px 10px #bb7a2833}
.site-brand small{display:block;font-size:10px;letter-spacing:.03em;color:#a9b6aa;font-weight:400;margin-top:2px}
.radio-nav{display:flex;gap:5px;padding:10px 13px 13px;border:1px solid #775037;border-radius:12px;background:repeating-linear-gradient(3deg,transparent 0 3px,#12090045 4px,transparent 6px),linear-gradient(110deg,#63432e,#322219 45%,#66432b);box-shadow:inset 0 1px 1px #d4a57866,inset 0 -3px 3px #140d09,0 5px 12px #0005;flex-wrap:nowrap}
.radio-nav a{position:relative;min-width:95px;display:flex;align-items:center;flex-direction:column;gap:4px;padding:10px 12px 8px;background:linear-gradient(#efe1c3,#c7b38a);border:1px solid #f2e6cc;border-bottom:4px solid #958160;border-radius:4px 4px 7px 7px;color:#3b3328;text-decoration:none;line-height:1.5;box-shadow:inset 0 1px 1px #fff9,0 3px 3px #0009;transition:transform .16s,box-shadow .16s,background .16s;font-size:12px;font-weight:600;white-space:nowrap}
.radio-nav a small{color:inherit;font-family:Georgia,serif;font-size:8px;letter-spacing:.12em;font-weight:400;opacity:.75}
.radio-nav a i{width:6px;height:6px;background:#716651;border-radius:50%;box-shadow:inset 0 1px 2px #0007}
.radio-nav a:hover{background:linear-gradient(#fff0d2,#dbc49a);transform:translateY(1px)}
.radio-nav a[aria-current="page"]{transform:translateY(3px);border-bottom-width:2px;box-shadow:inset 0 2px 4px #3b241b44,0 1px 2px #0008;background:linear-gradient(#d2ba91,#e2cba3)}
.radio-nav a[aria-current="page"] i{background:#ffb84e;box-shadow:0 0 7px 2px #e3984066,inset 0 1px 1px #ffe2a7}
.site-chat-link{font-size:11px;color:#b2c4b6;text-decoration:none;white-space:nowrap}.site-chat-link span{color:#d7b37b;margin-inline-start:8px}
.site-header a:focus-visible,.listen-key:focus-visible{outline:2px solid #f6c67e;outline-offset:5px}
body:has(.archive-hero){background:radial-gradient(ellipse at 85% 5%,#39453844,transparent 55%),#101b1b}
.archive-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding:35px 0 48px;border-bottom:1px solid #bda27d30}
.section-kicker{font-size:11px;color:#c0aa86;letter-spacing:.04em;margin:0 0 10px}
.archive-hero h1{font-size:clamp(29px,3.4vw,46px);line-height:1.6;margin:0 0 16px;font-weight:400;letter-spacing:-1px}
.archive-hero h1 em{font-style:normal;color:#e1bd84}
.archive-intro{font-size:13px;line-height:2.2;color:#b5bfb4;max-width:550px}
.archive-count{font-size:11px;color:#c0aa86;margin:24px 0 0}.archive-count span{margin-inline:12px;color:#667064}
.archive-machine{position:relative;padding:25px 30px;border-radius:16px;border:1px solid #8d6749;background:repeating-linear-gradient(2deg,transparent 0 3px,#180d0740 4px,transparent 7px),linear-gradient(120deg,#705136,#39271d 65%,#5c3c28);box-shadow:inset 0 2px 2px #e8bd7c44,inset 0 -4px 5px #1c100c,0 24px 40px #0005;transform:rotate(-3deg)}
.archive-machine::before,.archive-machine::after{content:'+';position:absolute;top:7px;color:#ad8b5b;font-size:12px;line-height:1}.archive-machine::before{right:10px}.archive-machine::after{left:10px}
.tape-label{display:flex;align-items:center;justify-content:space-between;direction:ltr;font:10px Georgia,serif;letter-spacing:.16em;color:#dbc19a}.tape-label span{font:11px "Vazirmatn",Tahoma,sans-serif;letter-spacing:0}
.tape-reels{margin:22px 0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border:1px solid #1b1510;border-radius:70px;background:linear-gradient(#141e1c,#26312a);box-shadow:inset 0 3px 6px #0008}
.tape-reels i,.archive-reel{display:block;aspect-ratio:1;border:7px solid #c0aa80;border-radius:50%;background:radial-gradient(circle,#201b14 0 9%,#dac59b 10% 19%,transparent 20%),repeating-conic-gradient(#c0aa80 0deg 24deg,#272b24 25deg 95deg,#c0aa80 96deg 120deg);box-shadow:0 0 0 2px #716044,0 5px 8px #0007,inset 0 0 0 2px #e8d0a144}
.tape-reels i{width:88px}.tape-reels b{height:1px;background:#8b754e;flex:1;margin:0 10px}.tape-rule{height:10px;background:repeating-linear-gradient(90deg,#b89b65 0 1px,transparent 1px 7px);opacity:.5;margin-bottom:12px}.tape-foot{display:block;text-align:center;font-size:9px;color:#d0b38a}
.archive-toolbar{padding:28px 0}.archive-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.archive-filters a{border:1px solid #536052;border-radius:6px;padding:7px 15px;text-decoration:none;font-size:12px;color:#bdc7ba;transition:background .15s}
.archive-filters a:hover{background:#283a31}.archive-filters a[aria-current]{background:#d5bc90;color:#2e3025;border-color:#e6d3ab;box-shadow:inset 0 1px 0 #ffefd0}
.episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.episode-card{display:grid;grid-template-columns:110px minmax(0,1fr);overflow:hidden;border:1px solid #4d5140;border-radius:12px;background:linear-gradient(125deg,#24332b,#1a2823);box-shadow:0 7px 18px #0002;align-items:stretch}
.episode-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px 12px;background:repeating-linear-gradient(0deg,#120e091a 0 1px,transparent 1px 4px),linear-gradient(120deg,#58422d,#31281d);border-inline-end:1px solid #716044;min-height:225px;color:#c7ab7d}
.episode-art>span{font:8px Georgia,serif;letter-spacing:.12em}.episode-art small{font-size:8px;text-align:center}.archive-reel{width:67px;border-width:5px}
.episode-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px}.episode-meta{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;width:100%;font-size:10px;color:#a7b2a3;margin-bottom:15px;font-variant-numeric:tabular-nums}.episode-program{font-size:11px;color:#dfbe86;text-decoration:none}.episode-body h2{font-size:18px;font-weight:500;line-height:1.9;margin:8px 0 18px}.episode-body h2 a{color:#efe7d7;text-decoration:none}.episode-body h2 a:hover{color:#f0cc96}
.episode-notes{width:100%;margin:0 0 20px}.episode-notes summary{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#afbcad;list-style:none;padding-bottom:8px;border-bottom:1px solid #c9b89220}.episode-notes summary::-webkit-details-marker{display:none}.episode-notes[open] summary span{transform:rotate(45deg)}.episode-notes .markdown{font-size:12px;margin-top:15px;max-height:340px;overflow:auto;padding-inline-end:8px}.episode-notes .markdown h1{font-size:18px}
.listen-key{display:inline-flex;gap:14px;align-items:center;justify-content:center;margin-top:auto;padding:9px 16px;min-height:44px;border:1px solid #dfc695;border-bottom:3px solid #7f6848;border-radius:6px;background:linear-gradient(#e4d0a7,#bda176);box-shadow:inset 0 1px 0 #fff0cb88,0 3px 5px #0004;color:#302c22;text-decoration:none;font:500 12px/1.8 "Vazirmatn",Tahoma,sans-serif;cursor:pointer}.listen-key:hover{background:linear-gradient(#f6e1b9,#d1b383)}.listen-key:active{transform:translateY(1px)}.listen-icon{font-size:10px;border-inline-end:1px solid #8d775b;padding-inline-end:12px}
.episode-featured{grid-column:1/-1;grid-template-columns:200px minmax(0,1fr);border-color:#8a754e}.episode-featured .episode-art{min-height:240px}.episode-featured .archive-reel{width:115px;border-width:9px}.episode-featured .episode-body{padding:28px 32px}.episode-featured h2{font-size:24px}.episode-featured .episode-notes{max-width:680px}
.archive-empty{grid-column:1/-1;text-align:center;padding:60px 24px;border:1px dashed #73644d;border-radius:12px;color:#abb8aa}.archive-empty>span{font-size:48px;color:#c5a879}.archive-empty h2{color:#e2c99e}.archive-empty .listen-key{margin-top:16px}.archive-pagination{padding:28px;font-size:12px}
.schedule-date-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:26px 0;padding:20px 24px;border:1px solid #6e5a40;border-radius:12px;background:linear-gradient(115deg,#372f2355,#1e2b24)}.schedule-date-form label{font-size:12px;color:#d2c3a6;flex:0 1 300px}.schedule-date-form input{height:46px;margin-top:8px;border-color:#807451;background:#12211d;text-align:center;font-size:16px;letter-spacing:.07em}.schedule-date-form .listen-key{height:46px;margin:0}
jdp-container{--jdp-color-0:#202d25;--jdp-color-1:#344233;--jdp-color-2:#4d5944;--jdp-color-3:#88967b;--jdp-color-4:#b2bea1;--jdp-color-5:#ede2c9;--jdp-primary:#d6b075;--jdp-red:#f1a387;border:1px solid #9c8054;border-radius:10px;font-family:"Vazirmatn",Tahoma,sans-serif;box-shadow:0 15px 45px #0008}
jdp-container select{width:auto;padding:3px;border:0}jdp-container button{font-family:inherit}jdp-container .jdp-day{font-variant-numeric:tabular-nums}
@media(min-width:1000px){body:has(.archive-hero) #main{max-width:1240px;padding-inline:40px}}
@media(max-width:1050px){.site-header{gap:16px;flex-wrap:wrap}.site-chat-link{display:none}.archive-hero{gap:35px}.tape-reels{padding:15px}.tape-reels i{width:70px}.episode-card{grid-template-columns:85px minmax(0,1fr)}.episode-featured{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:680px){.site-header{padding:18px 20px;flex-direction:column;align-items:stretch;gap:18px}.site-brand{font-size:22px}.site-brand small{font-size:10px}.radio-nav{width:100%;gap:5px;padding:8px 9px 11px}.radio-nav a{min-width:0;flex:1;padding:9px 5px 7px;font-size:10px}.radio-nav a small{font-size:6px;letter-spacing:.05em}.archive-hero{grid-template-columns:1fr;gap:28px;padding:20px 0 32px}.archive-hero h1{font-size:34px}.archive-machine{max-width:380px;width:100%;justify-self:center;transform:rotate(-2deg);padding:20px 25px}.tape-reels{margin:16px 0}.tape-reels i{width:70px}.archive-intro{font-size:12px}.episode-grid{grid-template-columns:1fr;gap:16px}.episode-card,.episode-featured{grid-template-columns:75px minmax(0,1fr)}.episode-art,.episode-featured .episode-art{min-height:220px;padding:20px 8px}.archive-reel,.episode-featured .archive-reel{width:52px;border-width:4px}.episode-art>span{font-size:6px}.episode-art small{font-size:7px}.episode-body,.episode-featured .episode-body{padding:20px 16px}.episode-body h2,.episode-featured h2{font-size:17px}.episode-meta{font-size:9px}.archive-filters a{font-size:11px;padding:6px 10px}.schedule-date-form{padding:16px;gap:12px}.schedule-date-form label{flex:1 1 100%}.schedule-date-form .listen-key{width:100%}}
@media(prefers-reduced-motion:reduce){.radio-nav a{transition:none}jdp-container{animation:none!important}}
/* Keep the calendar stationary as soon as it opens, including touch selection. */
jdp-container{animation:none!important}
