/* Townline Nine Pulse — editorial visual refresh */
:root{--tl-ink:#172633;--tl-gold:#e8b45b;--tl-coral:#d85e4e;--tl-forest:#20624f;--tl-plum:#663d79}
body{color:var(--tl-ink)}
.tlx-nav{background:#162c35!important;color:#fff!important;box-shadow:0 5px 22px #10222a25}
.tlx-nav a{color:#f9f6ed!important}.tlx-nav .join{background:var(--tl-gold)!important;color:#182a33!important;border-radius:6px}
.hero{min-height:min(76vh,710px);background-color:#163d4b}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10252bd9 0%,#10252b66 55%,transparent 100%);z-index:1}
.hero-copy{position:relative;z-index:2}.hero h1{letter-spacing:-.055em;text-wrap:balance}.hero-lead{max-width:58ch}
.section{padding-block:clamp(34px,5vw,78px)}.section-head h2{letter-spacing:-.035em;line-height:1.12}
.leadstory,.story{overflow:hidden;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px #14293618}
.leadstory:hover,.story:hover{transform:translateY(-3px);box-shadow:0 18px 40px #1429362b}
.catrail{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}
.catrail a{border-radius:10px;border-top:5px solid var(--tl-forest);background:#f7f3e9;color:var(--tl-ink);padding:20px 16px;min-height:96px;box-shadow:0 3px 12px #192e3a12}
.catrail a:nth-child(4n+2){border-top-color:var(--tl-coral);background:#fff1e9}.catrail a:nth-child(4n+3){border-top-color:var(--tl-plum);background:#f5edf7}.catrail a:nth-child(4n){border-top-color:#bb8737;background:#fff5dd}
.signalbar{background:#f6f0e6}.signal{border-left:3px solid var(--tl-gold)}
.townline-headline-strip{background:#203c43;color:#fff}.townline-headline-strip a{color:#ffffff}
@media(max-width:700px){.tlx-nav nav{display:flex;overflow-x:auto;scrollbar-width:thin;gap:12px;padding-block:9px}.tlx-nav nav a{white-space:nowrap}.hero{min-height:590px}.hero:before{background:linear-gradient(0deg,#10252be8 0%,#10252b99 60%,#10252b55 100%)}.section{padding-block:34px}.catrail{grid-template-columns:repeat(2,minmax(0,1fr))}.catrail a{min-width:0;min-height:85px;padding:14px 12px}.leadstory,.story{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.leadstory,.story{transition:none}}

/* UX fixes 2026-10-13: constrain Play Townline image, soften top blue icons, enhance RADAR section */
.tlh-feature-ph{position:relative;display:block;height:140px;overflow:hidden;border-radius:12px;background:#e8f0f2}
.tlh-feature-ph img{width:100%;height:100%;object-fit:cover;display:block}
.tlh-feature-ph .tlh-ico{position:absolute;bottom:8px;right:8px;background:rgba(255,255,255,.92);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.tlh-feature-ph .tlh-ico svg{width:20px;height:20px}

/* Soften monochromatic blue icon circles in radar/hero area */
.radar-icons a, .quick a, [class*="icon-circle"], .tl-radar-icon{background:linear-gradient(135deg,#0d7277,#20624f)!important}
.radar-icons a:nth-child(2n), .quick a:nth-child(2n){background:linear-gradient(135deg,#e8504f,#d85e4e)!important}
.radar-icons a:nth-child(3n), .quick a:nth-child(3n){background:linear-gradient(135deg,#e8ba58,#bb8737)!important}
.radar-icons a:nth-child(4n), .quick a:nth-child(4n){background:linear-gradient(135deg,#663d79,#4a2c5a)!important}

/* Enhance plain TOWNLINE RADAR footer area */
.footer, .tl-master-footer, [class*="radar"]{background:linear-gradient(180deg,#0a2434 0%,#162c35 100%)!important}
.footer .footer-grid a{display:inline-flex;align-items:center;gap:6px;padding:6px 0;transition:color .2s}
.footer .footer-grid a:before{content:"→";opacity:.6;font-size:12px}
.footer .footer-grid h4{color:var(--tl-gold)!important}