:root{color-scheme:dark;--bg:#101638;--surface:#141c42;--gold:#e9ba76;--gold-bright:#ffc665;--text:#f3f3f8;--muted:#c4c8db;--line:#35446f;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--text);font-size:1rem;line-height:1.55}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}svg{display:block;width:24px;height:24px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}.shell{width:min(960px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:1rem;top:-100px;background:var(--gold);padding:12px;color:var(--bg)}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid #303d68;background:#101638f5;position:sticky;top:0;z-index:20}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;text-decoration:none;flex-shrink:0}.brand strong{font-size:1.3rem;color:var(--gold);letter-spacing:-.035em}.brand span{font-size:.75rem;line-height:1.5;margin-top:2px}.nav nav{display:flex;align-self:stretch;align-items:center;gap:30px}.nav nav a{font-size:.875rem;display:flex;align-items:center;height:100%;text-decoration:none;position:relative;transition:color .2s}.nav nav a:hover,.nav nav a.active{color:var(--gold)}.nav nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.menu{display:none;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--gold);min-width:44px;min-height:44px;align-items:center;justify-content:center}.menu svg{fill:none;stroke:currentColor;stroke-width:2}.hero{padding-block:58px 45px}.hero-copy{max-width:650px;margin-left:145px}.pill,.tag{display:inline-block;background:var(--gold);color:#25263b;font-size:.75rem;font-weight:700;line-height:1.5;padding:4px 8px;border-radius:5px}.hero h1{font-size:clamp(1.85rem,3.15vw,2.5rem);line-height:1.12;letter-spacing:-.035em;color:var(--gold);margin:14px 0 15px;max-width:620px}.hero p{margin:0;max-width:610px;line-height:1.5;color:#e5e6ef}.hero .hosts{margin-top:2px}.rating{display:flex;gap:10px;align-items:center;margin:17px 0 22px;font-size:.875rem}.rating span:first-child{color:var(--gold-bright);font-size:1.35rem;letter-spacing:1px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--gold);border-radius:6px;font-weight:600;font-size:.875rem;text-decoration:none;line-height:1.5;transition:background .2s,box-shadow .2s}.btn:hover{background:#e9ba7615;box-shadow:0 0 0 2px #e9ba7622}.btn.primary{background:linear-gradient(105deg,#efb958,#ffce79);color:#20223b;border-color:#efbc67}.btn.primary:hover{background:#ffd281}.latest{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px 68px;border:1px solid #516693;border-radius:9px;text-decoration:none;background:linear-gradient(110deg,#1d2b58,#435683);box-shadow:inset 0 1px 12px #ffffff09;margin-bottom:44px;transition:border-color .2s}.latest:hover{border-color:var(--gold)}.latest-copy{display:flex;flex-direction:column}.eyebrow{font-size:.875rem;font-weight:600}.latest-title{font-size:1.65rem;font-weight:700;line-height:1.3;color:var(--gold);letter-spacing:-.025em}.latest-description{font-size:.875rem;margin-top:3px}.latest-icon{width:46px;height:46px;flex-shrink:0;fill:none;stroke:#aebddc;stroke-width:2;opacity:.7}.section{margin-bottom:46px}.section-title{font-size:1.6rem;color:var(--gold);letter-spacing:-.03em;line-height:1.3;margin:0 0 23px;position:relative;display:inline-block}.section-title:not(.plain):after{content:"";height:2px;width:150px;background:var(--gold);position:absolute;left:0;bottom:-8px;border-radius:50%;transform:rotate(-1deg)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.episode{border:1px solid #c6a66d;border-radius:9px;padding:15px;display:flex;flex-direction:column;background:#121a40;scroll-margin-top:7rem}.episode h3{font-size:1.2rem;color:var(--gold);line-height:1.25;letter-spacing:-.025em;margin:10px 0 14px}.episode .tag{font-size:.75rem;align-self:flex-start;padding:3px 7px}.player,.coming-player{min-height:60px;border-radius:6px;display:flex;align-items:center;gap:10px;padding:9px;background:#eee;color:#23243a;text-decoration:none}.player:hover{background:#fff}.play{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#fff;flex-shrink:0}.play svg{fill:currentColor;width:20px;height:20px}.player-copy,.coming-player>span:last-child{display:flex;flex-direction:column;flex:1;min-width:0}.player strong,.coming-player strong{font-size:.75rem;line-height:1.4}.player small,.coming-player small{font-size:.75rem;line-height:1.4;opacity:.75}.spotify-icon circle{fill:currentColor;stroke:none}.spotify-icon path{fill:none;stroke:var(--bg);stroke-width:1.5;stroke-linecap:round}.player>.spotify-icon{width:18px;height:18px;flex-shrink:0}.player>.spotify-icon path{stroke:#eee}.episode p{font-size:.875rem;line-height:1.6;margin:15px 0 18px;color:#e1e4ef}.wide{width:100%;margin-top:auto;font-size:.8rem;padding:9px}.upcoming{background:linear-gradient(140deg,#303752,#47495d);border-color:#8e8b82}.upcoming .tag{background:#ad9875;color:#15192f}.coming-player{background:#b7bccb;color:#41485d}.coming-player .play{background:#ced1da}.availability{display:block;text-align:center;width:100%;background:#bfc2cd;color:#353b50;border-radius:5px;padding:12px 5px;margin-top:auto;line-height:1.4;font-size:.8rem;font-weight:600}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.people-card{border:1px solid var(--line);border-radius:9px;padding:20px}.people-card h3{font-size:1.25rem;line-height:1.3;color:var(--gold);margin:0 0 20px}.people{display:grid;grid-template-columns:1fr 1fr;gap:15px}.person{text-align:center;min-width:0}.portrait{width:108px;height:108px;border-radius:50%;margin:0 auto 12px;background-image:url('assets/portraits.jpg');background-repeat:no-repeat;background-size:704px 1527px;border:1px solid #a1a8b366;box-shadow:0 4px 15px #0002}.sepp{background-position:-92px -942px}.robbie{background-position:-220px -942px}.joran{background-position:-376px -942px}.makelaar{background-position:-504px -942px}.person strong{display:block;font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}.person small{display:block;color:var(--gold);font-size:.75rem;text-transform:uppercase;margin-top:2px;letter-spacing:.05em}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:58px;padding-top:6px}.bottom p{margin:0 0 16px;font-size:1rem;color:#e0e3ee}.bottom>div>strong{font-size:.875rem;display:block;margin-top:20px}.bottom form{display:flex;flex-direction:column}.bottom .section-title{font-size:1.5rem;margin-bottom:18px}.bottom .contact-intro{font-size:.875rem;color:var(--muted);margin-bottom:16px}.bottom label{font-size:.875rem;margin-bottom:5px}.bottom input,.bottom textarea{width:100%;min-height:44px;margin:0 0 13px;border:1px solid #c8a772;border-radius:6px;background:#101638;color:white;padding:10px 12px;line-height:1.5}.bottom textarea{min-height:108px;resize:vertical}.bottom input:hover,.bottom textarea:hover{border-color:var(--gold-bright)}.send{border:1px solid #efbc67;border-radius:6px;min-height:46px;background:linear-gradient(100deg,#efb957,#ffcc73);color:#20223b;font-size:.875rem;font-weight:700;padding:10px 14px}.send:hover{background:#ffd281}.bottom .form-status{font-size:.875rem;color:var(--gold);margin:10px 0 0;min-height:22px}footer{border-top:1px solid var(--line);text-align:center;padding:20px 24px 22px}.social{display:flex;justify-content:center;gap:8px;margin-bottom:5px}.social a{display:grid;place-items:center;width:44px;height:44px;color:var(--gold);border-radius:6px}.social a:hover{background:#e9ba7615}.social a svg:not(.spotify-icon){fill:currentColor}.social a svg:not(.spotify-icon) path{stroke:var(--bg);stroke-width:2.2;fill:none;stroke-linecap:round}footer small{font-size:.75rem;color:#cbd0e1}@media(max-width:900px){.hero-copy{margin-left:80px}.nav nav{gap:22px}.brand span{max-width:220px}.latest{padding-inline:35px}.cards{gap:12px}.episode{padding:12px}.player>.spotify-icon{display:none}.bottom{gap:32px}}@media(max-width:700px){html{scroll-padding-top:6rem}.shell{width:calc(100% - 36px)}.nav{min-height:76px;gap:12px}.brand strong{font-size:1.1rem}.brand span{font-size:.75rem;max-width:245px}.menu{display:flex;flex-shrink:0}.nav nav{display:none}.nav.open nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;padding:12px 18px;background:#101638;border-bottom:1px solid var(--line);gap:0;align-items:stretch;box-shadow:0 15px 20px #0002}.nav nav a{height:auto;min-height:46px;padding:9px 12px}.nav nav a.active:after{display:none}.hero{padding:37px 0 32px}.hero-copy{margin-left:0;max-width:100%}.hero h1{font-size:clamp(1.8rem,6.5vw,2.5rem);max-width:560px}.hero p{font-size:1rem}.actions{gap:10px}.actions .btn{flex:1;padding:10px;font-size:.8rem}.latest{padding:20px;margin-bottom:36px;gap:15px}.latest-title{font-size:1.45rem}.latest-description{font-size:.8rem}.latest-icon{width:32px;height:40px}.section{margin-bottom:36px}.cards{grid-template-columns:1fr;gap:15px}.episode{padding:18px}.episode h3{font-size:1.3rem}.episode p{font-size:1rem}.player strong,.coming-player strong{font-size:.875rem}.player>.spotify-icon{display:block}.wide,.availability{font-size:.875rem}.people-grid,.bottom{grid-template-columns:1fr;gap:18px}.people-card{padding:20px}.people-card h3{margin-bottom:22px}.people{gap:12px}.person strong{font-size:.875rem}.bottom{gap:36px}.bottom .section-title{font-size:1.45rem}.bottom input,.bottom textarea{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(min-width:701px) and (max-width:820px){.nav{flex-wrap:wrap;padding-top:12px;gap:0}.nav nav{min-height:48px}.brand{width:100%;margin-bottom:3px}.nav nav a{min-height:48px}.hero-copy{margin-left:30px}}

.mail-hint{font-size:.75rem;color:var(--muted);text-align:center;margin-top:8px}.contact-intro a{overflow-wrap:anywhere;text-underline-offset:3px}

/* Afleveringen: horizontaal bladeren met touch, toetsenbord of knoppen. */
.episode-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.episode-heading .section-title{margin-bottom:8px}
.episode-total{font-size:.875rem;color:var(--muted);margin:4px 0 0}
.episode-controls{display:flex;align-items:center;gap:8px;padding-top:2px;flex-shrink:0}
.episode-position{font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums;min-width:84px;text-align:right;margin-right:6px}
.carousel-button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:1px solid #9c855f;border-radius:6px;background:#182044;color:var(--gold);transition:background .2s,border-color .2s}
.carousel-button:hover:not(:disabled){background:#293153;border-color:var(--gold-bright)}
.carousel-button:disabled{color:#7b8199;border-color:var(--line);background:transparent;cursor:default;opacity:.65}
.carousel-button svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}
.episode-track{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 34px)/3);gap:17px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#a58d66 #1b254a;margin:0;padding:4px 2px 16px;border-radius:9px;position:relative}
.episode-track::-webkit-scrollbar{height:7px}
.episode-track::-webkit-scrollbar-track{background:#1b254a;border-radius:10px}
.episode-track::-webkit-scrollbar-thumb{background:#a58d66;border-radius:10px}
.episode-item{display:flex;min-width:0;scroll-snap-align:start;scroll-margin-inline:2px}
.episode-item .episode{width:100%;min-width:0;padding:18px}
.episode-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:25px}
.episode-number{font-size:.75rem;letter-spacing:.02em;color:var(--muted);white-space:nowrap}
.episode-track .episode h3{font-size:1.25rem;line-height:1.35;margin:16px 0 8px;overflow-wrap:anywhere}
.episode-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-bottom:2px}
.episode-track .episode p{font-size:.9375rem;line-height:1.65;margin:12px 0 22px}
.episode-track .wide{font-size:.875rem;gap:9px}
.episode-track .wide .spotify-icon{width:20px;height:20px;flex-shrink:0}
.episode-track .wide .spotify-icon path{stroke:#121a40}
.episode-help{color:var(--muted);font-size:.75rem;margin:10px 0 0}
@media(max-width:900px) and (min-width:701px){.episode-track{grid-auto-columns:calc((100% - 17px)/2)}}
@media(max-width:700px){.episode-heading{gap:12px;align-items:center}.episode-controls{gap:6px}.episode-position{min-width:0;font-size:.75rem;margin-right:2px}.carousel-button{min-width:44px;min-height:44px}.episode-track{grid-auto-columns:86%;gap:14px;padding-bottom:16px}.episode-track .episode h3{font-size:1.3rem}.episode-track .episode p{font-size:1rem}.episode-heading .section-title{font-size:1.5rem}.episode-total{font-size:.8rem}}
@media(max-width:360px){.episode-position{display:none}.episode-track{grid-auto-columns:90%}}

.host-link{display:block;color:inherit;text-decoration:none;border-radius:8px;padding:6px;margin:-6px}
.host-link .portrait{transition:border-color .2s,box-shadow .2s}
.host-link:hover .portrait,.host-link:focus-visible .portrait{border-color:var(--gold);box-shadow:0 0 0 3px #e9ba7622}
.host-link:hover strong,.host-link:focus-visible strong{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.host-portrait{display:block;position:relative;overflow:hidden;background-image:none}
.host-portrait img{display:block;position:absolute;max-width:none;height:auto;left:50%;transform:translateX(-50%)}
.host-portrait--sepp img{width:170%;top:-33%}
.host-portrait--robbie img{width:135%;top:3%}

.episode-title-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.episode-title-link:hover{color:var(--gold-bright)}
.detail-shell{padding-top:32px;padding-bottom:44px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.875rem;color:var(--muted);margin:0 0 30px}
.breadcrumbs a,.detail-content a,.detail-aside a{color:var(--gold);text-underline-offset:3px}
.detail-header{max-width:760px;margin-bottom:36px}
.detail-header h1,.error-page h1{color:var(--gold);font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.035em;margin:16px 0}
.detail-lead{font-size:1.125rem;line-height:1.65;color:#e1e4ef;margin:0 0 24px}
.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;margin-bottom:36px}
.detail-content h2,.detail-aside h2{color:var(--gold);font-size:1.35rem;line-height:1.3;margin:0 0 16px}
.detail-content p,.detail-aside p{margin:0 0 18px;line-height:1.75}
.detail-content ul{padding-left:22px;margin:0 0 24px}
.detail-content li{padding-left:4px;margin-bottom:10px}
.detail-aside{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:22px;align-self:start}
.detail-aside p{font-size:.9375rem}
.episode-adjacent{display:flex;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);padding-top:24px}
.episode-adjacent a{flex:1;min-width:180px;display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:16px}
.episode-adjacent a:hover{border-color:var(--gold)}
.episode-adjacent small{color:var(--muted);font-size:.75rem;margin-bottom:4px}
.episode-adjacent strong{color:var(--gold);font-size:1rem;overflow-wrap:anywhere}
.error-page{min-height:60vh;max-width:760px}
.error-page p{margin-bottom:24px}
@media(max-width:700px){.detail-shell{padding-top:24px}.breadcrumbs{font-size:.8rem;margin-bottom:24px}.detail-header{margin-bottom:30px}.detail-layout{grid-template-columns:1fr;gap:24px}.detail-lead{font-size:1rem}.detail-aside{padding:20px}}