/* More compact spacing across the Chesil Radio pages */
body{padding-bottom:36px}
.topline,.blog-topline{padding-top:7px;padding-bottom:7px}
.header{height:76px}
.blog-header{height:72px}
.hero{min-height:550px;padding-top:58px;padding-bottom:48px}
.section{padding-top:76px;padding-bottom:76px}
.section-header{margin-bottom:32px;gap:22px}
.blog-page{padding:12px}
.blog-hero{padding:62px 7% 54px}
.blog-content{padding:52px 7% 64px}
.blog-grid{gap:18px}
.blog-toolbar{margin-bottom:20px;gap:18px}
.blog-article-main{padding-top:30px}
.blog-article-inner{padding:30px}
.blog-related{margin-top:36px}
.blog-footer{padding-top:28px;padding-bottom:28px}
.top{padding-top:12px;padding-bottom:12px}
.hero:has(.eyebrow){padding-top:48px;padding-bottom:40px}
.news{padding-top:28px;padding-bottom:40px}
.controls{margin-bottom:18px}
.stories{gap:14px}
.story{min-height:190px;padding:20px}
body:has(.radio-player){padding:10px}
body:has(.radio-player) main{padding:12px 0}
body:has(.radio-player) .player-instruction{margin-top:10px;margin-bottom:6px;padding:10px}
.footer,.site-footer{padding-top:28px;padding-bottom:28px}
@media(max-width:760px){
 .hero{min-height:0;padding:48px 6% 40px}
 .section{padding-top:54px;padding-bottom:54px}
 .blog-page{padding:8px}
 .blog-hero{padding:48px 6% 42px}
 .blog-content{padding:38px 6% 48px}
 .blog-article-inner{padding:22px}
 .news{padding:22px 16px 32px}
 .stories{gap:12px}
}

/* Use the station logo in each site footer */
.footer-logo{display:block;width:190px;height:auto;max-height:76px;object-fit:contain;object-position:left center}
.footer-brand .footer-logo{margin-bottom:12px}
.blog-footer-brand{display:inline-flex;align-items:center}
.blog-footer-brand .footer-logo{width:168px;max-height:68px}
.regional-footer-logo{display:inline-flex;vertical-align:middle;margin-right:12px}
.regional-footer-logo img{width:148px;height:auto;max-height:58px;object-fit:contain}
@media(max-width:640px){.footer-logo{width:160px}.blog-footer-brand .footer-logo{width:145px}.regional-footer-logo img{width:126px}}


.legal-main{min-height:70vh;background:#f6faf7;padding:0 6% 72px}.legal-title{padding:70px 0 38px}.legal-title h1{font:900 clamp(40px,6vw,68px)/1.04 Outfit;letter-spacing:-2px;color:#142c23;margin:16px 0}.legal-title p{max-width:760px;color:#61776b;line-height:1.7}.legal-content{max-width:940px;background:#fff;border:1px solid #deebe3;border-radius:12px;padding:clamp(24px,5vw,54px);box-shadow:0 12px 36px #142b2410}.legal-content section+section{margin-top:34px;padding-top:28px;border-top:1px solid #e4eee8}.legal-content h2{font:800 23px/1.2 Outfit;color:#1b4939;margin:0 0 12px}.legal-content p{font:400 15px/1.8 "DM Sans",Arial,sans-serif;color:#354c40;margin:0 0 14px}.legal-content a{color:#187c64;text-decoration:underline;text-underline-offset:3px}.legal-page-nav{max-width:940px;margin:34px auto 0}.legal-page-nav>span{display:block;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#23866e;margin-bottom:12px}.legal-links{display:flex;flex-wrap:wrap;gap:9px 18px}.legal-links a{font-size:11px;font-weight:800;color:#a8d9bf;text-decoration:none}.legal-links a:hover{text-decoration:underline}.legal-footer-links{padding-top:20px;margin-top:20px;border-top:1px solid #ffffff24}.legal-page .blog-footer{padding-bottom:35px}@media(max-width:640px){.legal-main{padding:0 5% 52px}.legal-title{padding:50px 0 28px}.legal-title h1{letter-spacing:-1.2px}.legal-content{padding:24px 20px}.legal-content h2{font-size:20px}.legal-content p{font-size:14px}.legal-links{gap:10px 14px}.legal-links a{font-size:10px}}

