:root{--yellow:#ffed00;--ink:#333;--line:#dedede;--shadow:0 9px 15px #0003}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:18px/1.5 Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit;text-underline-offset:4px}button{color:inherit}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #8b7900;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(960px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;top:-70px;z-index:20;background:var(--yellow);padding:10px}.skip:focus{top:0}.header{position:relative;margin-top:67px;background:var(--yellow);height:44px;border-radius:4px;z-index:5}.brand{position:absolute;left:-25px;top:-26px;width:176px}.brand img{width:100%;height:auto;display:block}nav{display:flex}.header nav{justify-content:flex-end;align-items:center;gap:25px;padding:5px 70px 5px 175px;white-space:nowrap;font-size:21px}.header nav a{text-decoration:none}.header nav a:hover,.nav-radio:hover{text-decoration:underline}.nav-radio{background:none;border:0;padding:0;text-decoration:underline}.radio-menu{position:absolute;top:53px;right:-55px;width:558px;background:linear-gradient(140deg,#eee,#fff);padding:20px 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;border:1px solid #fff;border-radius:10px;box-shadow:var(--shadow)}.station-mini{border:0;background:transparent;min-width:0;height:60px;padding:4px;border-radius:6px}.station-mini img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.station-mini:hover,.station-mini[aria-pressed=true]{background:var(--yellow)}h1,h2,h3{font-weight:400;line-height:1.3}.radio-section{padding-top:269px}.radio-section h1,.services>h2{text-align:center;font-size:30px;margin:0 0 21px}.station-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.station-card{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.station-card img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.station-card:hover{transform:translateY(-3px);border-color:#e0ce00;box-shadow:0 7px 18px #0000000e}.station-card[aria-pressed=true]{border:2px solid #e2cc00;background:#fffde5}.station-action{position:absolute;bottom:0;left:0;width:100%;font-size:13px;background:var(--yellow);padding:3px;transform:translateY(110%);transition:transform .18s}.station-card:hover .station-action,.station-card:focus-visible .station-action,.station-card[aria-pressed=true] .station-action{transform:translateY(0)}.services{padding-top:90px}.services>h2{margin-bottom:50px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);border-radius:10px;min-width:0;padding:28px 23px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:408px;background:#fff;position:relative}.service-art{width:235px;max-width:100%;aspect-ratio:1;border-radius:50%;background:var(--yellow);display:grid;place-items:center}.service-art img{width:90%;height:90%}.service-card h3{font-size:21px;margin:18px -15px 17px;min-height:57px;display:grid;place-content:center}.details-link,.service-details summary{display:inline-block;border:0;background:var(--yellow);border-radius:5px;padding:5px 20px;text-decoration:none;font-size:18px;text-align:center}.service-card>.details-link,.service-details{margin-top:auto;width:100%}.service-details summary{display:block;background:#fff;list-style:none}.service-details summary::-webkit-details-marker{display:none}.service-details>div{position:absolute;left:-85px;top:calc(100% - 10px);width:305px;background:linear-gradient(145deg,#eee,#fff);padding:10px 16px;box-shadow:var(--shadow);z-index:3;border:1px solid #fff;border-radius:4px}.service-details a{display:block;text-decoration:none;font-size:22px}.service-details a:hover{text-decoration:underline}.question-area{position:relative;margin-top:50px;display:flex;justify-content:flex-end;min-height:280px}.question-toggle{align-self:flex-start;border:2px solid var(--yellow);border-radius:16px;background:white;padding:11px 13px;box-shadow:0 4px 7px #0001}.question-toggle span{font-size:25px}.question-panel{position:absolute;right:-145px;top:80px;width:355px;padding:14px;border:1px solid white;background:linear-gradient(145deg,#eee,#fff);border-radius:12px;box-shadow:var(--shadow);z-index:9}.question-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}.question-head p{background:#fff;border:1px solid var(--line);font-size:14px;line-height:1.2;padding:12px;flex:1}.mascot{font-size:65px}.question-close{align-self:flex-start;border:0;background:none;font-size:28px}form label{display:block;font-size:14px;margin-bottom:12px}input,textarea,select{width:100%;border:1px solid #ccc;border-radius:4px;background:#fff;padding:10px;font-size:16px}textarea{min-height:85px;resize:vertical}.honey{position:absolute;left:-10000px}.form-status{font-size:14px}.form-status:empty{display:none}footer{display:flex;gap:25px;flex-wrap:wrap;justify-content:space-between;font-size:14px;color:#777;padding-block:30px 100px}.feathers{position:absolute;inset:0;overflow:hidden;pointer-events:none;height:100%;min-height:1750px;z-index:-1}.feathers i{position:absolute;width:260px;height:260px;background:url('/assets/feather.svg') center/contain no-repeat;opacity:.42;left:calc(50% - 580px);top:255px;transform:rotate(-60deg)}.feathers i:nth-child(2){left:calc(50% + 360px);top:350px;transform:rotate(95deg)}.feathers i:nth-child(3){top:850px;transform:rotate(12deg)}.feathers i:nth-child(4){left:calc(50% + 405px);top:915px;transform:rotate(45deg)}.feathers i:nth-child(5){left:calc(50% - 485px);top:1480px;transform:rotate(-120deg)}.player{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 24px));z-index:15;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--yellow);border-radius:13px;box-shadow:0 4px 30px #0003;padding:12px 18px}.player-logo{width:60px;height:45px;object-fit:contain}.player-info{min-width:130px;flex:1;display:flex;flex-direction:column;font-size:16px}#player-status{font-size:13px;color:#777}.player button{border:0;border-radius:50%;background:var(--yellow);width:40px;height:40px;flex-shrink:0}.player-close{background:#f2f2f2!important}.volume-label{font-size:12px;width:110px}.volume-label input{padding:0;accent-color:#998e00}.player a{font-size:13px}.content-page{padding-top:90px;min-height:600px}.content-page h1{font-size:34px}.back,.muted{font-size:14px;color:#777}.prose{font-size:18px;overflow-wrap:anywhere}.prose img{max-width:100%;height:auto}.prose table{max-width:100%;display:block;overflow:auto}.prose td,.prose th{padding:8px;border:1px solid #ddd}.prose a{overflow-wrap:anywhere}.article-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.article-list article{border-bottom:1px solid #ddd;padding-bottom:15px}.article-list h2{font-size:22px}.article-list p{font-size:16px}.pagination{justify-content:space-between;gap:15px;padding-block:35px}.child-pages{padding:20px 30px;background:#fffde0}.service-topics section{padding-block:15px}.inner .question-area{min-height:160px}
@media(min-width:1500px){.question-panel{right:-145px}}@media(max-width:1250px){.radio-menu{right:0}.question-panel{right:0}.service-details>div{left:0}}@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.header{margin-top:37px;height:auto;min-height:55px}.brand{width:125px;left:-12px;top:-18px}.header nav{gap:12px;padding:8px 10px 8px 125px;flex-wrap:wrap;white-space:normal;font-size:16px}.nav-radio{font-size:16px}.radio-menu{top:calc(100% + 12px);width:min(100%,520px);gap:6px;padding:10px}.station-mini{height:48px}.radio-section{padding-top:215px}.radio-section h1,.services>h2{font-size:24px}.station-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.station-card{padding:10px}.station-grid .station-card:last-child{grid-column:2}.services{padding-top:65px}.services>h2{margin-bottom:25px}.service-grid{grid-template-columns:1fr;max-width:370px;margin:auto;gap:22px}.service-card{min-height:390px}.service-details>div{left:0;width:100%;top:100%}.question-area{min-height:190px}.question-panel{width:min(355px,100%);top:72px}.question-area:has(.question-panel:not([hidden])){min-height:560px}.player{gap:10px;padding:10px}.player-logo{width:40px}.player-info{min-width:0;font-size:14px}.player a,.volume-label{display:none}.article-list{grid-template-columns:1fr}.content-page{padding-top:55px}.content-page h1{font-size:28px}.pagination{font-size:14px}.feathers i{left:-120px}.feathers i:nth-child(even){left:auto;right:-130px}footer{gap:15px;font-size:13px}.station-action{font-size:11px}.station-card:active .station-action{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Hover menus: a small bridge keeps the popup reachable with the pointer. */
.nav-radio{position:relative}
.nav-radio[aria-expanded="true"]::after{content:"";position:absolute;left:0;right:0;top:100%;height:24px}
.radio-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.service-card{transition:background-color .18s,border-color .18s}
.service-details{position:relative}
.service-details summary{background:var(--yellow)}
.service-details>div{top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:305px;max-width:calc(100vw - 48px)}
.service-details>div::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.service-details>div button{display:block;width:100%;border:0;background:none;padding:0;color:inherit;font:inherit;font-size:22px;line-height:1.5;cursor:pointer}
.service-details>div button:hover{text-decoration:underline;text-underline-offset:4px}
.service-card:focus-within{background:var(--yellow);border-color:var(--yellow);z-index:4}
.service-card:focus-within .service-art,.service-card:focus-within summary{background:#fff}
@media(hover:hover){
 .service-card:hover{background:var(--yellow);border-color:var(--yellow);z-index:4}
 .service-card:hover .service-art,.service-card:hover summary{background:#fff}
}
@media(max-width:760px){.service-details>div{width:100%}}
