:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f7fbff;background:#081e31}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 70% 10%,#1d5273 0,transparent 53%),#081e31}header{border-bottom:1px solid #ffffff26;background:#081e31a8}nav{max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:20px}.brand{font-weight:850;letter-spacing:.09em}.brand b{color:#ffb35b}.links{display:flex;gap:25px}.links a{color:#d5e7f3;text-decoration:none;font-weight:650}.links a:hover{color:white}main{max-width:1080px;margin:auto;padding:65px 24px 90px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.tag{color:#ffc078;letter-spacing:.2em;font-size:.8rem;font-weight:800;text-transform:uppercase}h1{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.06em;line-height:1.08;margin:16px 0}h1 span{color:#ffb35b}p{color:#bfd3e1;font-size:1.08rem;line-height:1.65}.logo{background:white;border-radius:26px;padding:18px;box-shadow:0 20px 70px #0005}.logo img{display:block;width:100%}button{font:inherit;cursor:pointer}.play{border:0;background:#ffae51;color:#0b2638;font-weight:850;border-radius:50px;padding:17px 29px;margin-top:20px;font-size:1.08rem}.play:hover{background:#ffca86}.listen{margin-top:65px;padding:30px;border:1px solid #ffffff30;border-radius:24px;background:#102f47}.listen h2{margin:0;font-size:1.7rem}.status{font-size:.95rem;margin:10px 0 18px;color:#c1d4e3}.controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.secondary{border:1px solid #ffffff55;color:white;background:transparent;border-radius:30px;padding:12px 19px}.source{display:inline-block;color:#ffc078;margin-top:18px;font-size:.9rem}footer{border-top:1px solid #ffffff22;text-align:center;color:#9bb7c9;padding:25px}audio{display:none}@media(max-width:740px){main{padding-top:40px}.hero{grid-template-columns:1fr;gap:30px}.logo{max-width:470px}.listen{margin-top:35px;padding:24px}.links{gap:18px}}

.music-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.music-card{background:#081f33;border:1px solid #ffffff24;border-radius:18px;padding:20px;min-width:0}.music-card h3{margin:0 0 15px;color:#ffbd73;font-size:1rem}.track{display:flex;align-items:center;gap:13px;min-width:0}.track img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:#183f5a}.track-info{min-width:0}.track-info strong{display:block;overflow-wrap:anywhere}.track-info small{color:#acc7d8}.history{list-style:none;padding:0;margin:0}.history li{padding:10px 0;border-bottom:1px solid #ffffff19;display:flex;gap:12px;align-items:baseline}.history li:last-child{border:0}.history time{color:#93b7cd;font-size:.8rem;min-width:43px}.history span{overflow-wrap:anywhere}.music-note{font-size:.85rem;color:#9bb7c9;margin-top:14px}@media(max-width:650px){.music-grid{grid-template-columns:1fr}}
/* Footerlink onderaan, zonder opvallende gele call-to-action */
footer .source{color:#a9c5d6;margin:0;text-decoration:underline;text-underline-offset:3px}
footer .source:hover{color:#fff}

/* Logo: altijd originele 3:2 verhouding behouden */
.hero .logo { width:100%; min-width:0; height:auto; align-self:center; }
.hero .logo img { display:block; width:100%; height:auto !important; max-width:100%; aspect-ratio:3 / 2; object-fit:contain; }

/* Waddenomroep nieuws */
.news-section{margin-top:65px;scroll-margin-top:30px}.news-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.news-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:12px 0}.news-heading p{margin:0 0 18px}.news-more{color:#ffbd73;text-decoration:none;font-weight:700;padding-bottom:20px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.news-card{background:#102f47;border:1px solid #ffffff2a;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}.news-card time{font-size:.8rem;color:#a9c5d6}.news-card h3{font-size:1.1rem;line-height:1.4;margin:0}.news-card a{color:#fff;text-decoration:none}.news-card a:hover{color:#ffbd73}.news-card .news-read{margin-top:auto;color:#ffbd73;font-weight:700}.news-card p{font-size:.92rem;margin:0}.news-error{background:#102f47;border-radius:16px;padding:24px}.news-error a{color:#ffbd73}@media(max-width:800px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.news-grid{grid-template-columns:1fr}.news-section{margin-top:40px}}