/* additions for the generated pages; same tokens and type as site.css */
.alertbar{background:#b3261e;color:#fff;font-weight:600;font-size:1rem}.alertbar .wrap{padding:.6rem 0}.alertbar a{color:#fff;text-decoration:none}
.top nav a[aria-current=page]{color:#fff;border-bottom:3px solid var(--gold)}
.pagehead{padding:3rem 0 4rem}.pagehead h1{color:var(--deep);max-width:none}
.lede.dark{color:var(--muted);max-width:60ch}
.h2s{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-top:2.5rem;color:var(--deep)}
.h3{font-size:1.25rem;font-weight:800;font-stretch:110%;margin:0 0 .6rem;color:var(--deep)}
.now-band{padding:2.5rem 0 3.5rem}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1rem}
.card{background:#fff;border-top:4px solid var(--gold);border-radius:4px;padding:1.1rem 1.2rem;color:var(--ink)}
.card p{font-size:1rem;margin:.5rem 0 0}.card h3{color:var(--deep)}.card h4{margin:.6rem 0 .2rem;font-size:1rem}
.onnow,.games,.wx,.mini,.sched{list-style:none;margin:0;padding:0}
.onnow li,.games li,.wx li,.mini li,.sched li{padding:.35rem 0;border-bottom:1px solid #dfe8ea;font-size:1rem}
.onnow li.now{font-weight:700}.when{display:inline-block;min-width:5.5em;color:var(--teal);font-weight:700;font-variant-numeric:tabular-nums}
.sched .when{min-width:11em}
.muted{color:var(--muted)}.small{font-size:.9rem}.src{font-size:.8rem;color:var(--muted)}
.alert{background:#fff;border-left:6px solid #b3261e;padding:.8rem 1rem;margin:.6rem 0;border-radius:4px}.alert.notice{border-left-color:var(--gold)}
.alert p{margin:.3rem 0 0;font-size:1rem}
.radar{border-radius:4px;max-width:600px;width:100%;height:auto}
.tbl{border-collapse:collapse;margin:.5rem 0 1rem;font-size:1rem}.tbl th,.tbl td{padding:.35rem .8rem;border-bottom:1px solid #dfe8ea;text-align:left}
.narrowtext{max-width:760px}
.foot__links a{color:#fff;text-decoration:none}
.tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0}
.tabs button,.views button{font:inherit;font-size:1rem;border:2px solid var(--deep);background:#fff;color:var(--deep);border-radius:4px;padding:.4rem .9rem;cursor:pointer;white-space:nowrap}
.tabs button.on,.views button.on{background:var(--deep);color:#fff}
.views{display:flex;gap:.5rem;margin:.5rem 0 1rem}
.prog{background:#fff;border-left:5px solid var(--teal);border-radius:4px;padding:.7rem .9rem;margin:.5rem 0}
.prog.yta{border-left-color:var(--mist)}.prog.now{border-left-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}
.prog .t{font-weight:700}.prog .time{color:var(--muted);font-size:.95rem}.prog .d{font-size:.95rem;color:var(--muted);margin-top:.2rem}
.tag{display:inline-block;font-size:.72rem;font-weight:700;border-radius:3px;padding:1px 6px;margin-left:6px;background:#dfe8ea;color:var(--deep)}
.tag.new{background:var(--gold)}.tag.live{background:#b3261e;color:#fff}
.grid{display:grid;grid-template-columns:72px 1fr}.grid .h{font-size:.85rem;color:var(--muted);padding:.3rem .5rem 0 0;text-align:right;border-bottom:1px solid #dfe8ea}
.grid .cell{border-bottom:1px solid #dfe8ea;padding:3px}.grid .blk{background:#fff;border-left:4px solid var(--teal);border-radius:3px;padding:.25rem .6rem;margin:1px 0;font-size:.95rem}
.grid .blk.yta{border-left-color:var(--mist)}
@media (max-width:560px){.when{min-width:4.8em}.sched .when{display:block}}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.3rem 0}
.tablewrap .tbl{min-width:520px}
.card h3{margin:.2rem 0 .4rem}.card .when{margin:0;color:var(--teal);font-weight:700;font-size:1rem}
.steps{padding-left:1.3rem}.steps li{margin:.4rem 0}
@media (max-width:560px){.top nav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;max-width:100%;padding-bottom:.3rem;-webkit-overflow-scrolling:touch}}
/* community calendar */
.calbar{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:flex-end;margin:1rem 0}.calbar label{display:flex;flex-direction:column;font-size:.85rem;font-weight:700;color:var(--deep)}
.calbar select,.calbar input{font:inherit;font-size:1rem;padding:.4rem .5rem;border:2px solid #c9d6d9;border-radius:4px;background:#fff;min-width:9rem}
.seg{display:flex}.seg button{font:inherit;font-size:1rem;border:2px solid var(--deep);background:#fff;color:var(--deep);padding:.4rem .8rem;cursor:pointer}
.seg button+button{border-left:0}.seg button[aria-pressed=true]{background:var(--deep);color:#fff}
.mgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:#dfe8ea;border:1px solid #dfe8ea}.mh{background:#eef3f3;font-weight:700;font-size:.85rem;padding:.3rem}
.mc{background:#fff;min-height:6.5rem;padding:.25rem;font-size:.85rem;overflow:hidden}.mc.empty{background:#f5f8f8}.mc.today{outline:3px solid var(--gold);outline-offset:-3px}
.mday,.more{font:inherit;font-size:.85rem;background:none;border:0;color:var(--teal);font-weight:700;cursor:pointer;padding:0}
.mev{display:block;border-left:3px solid var(--teal);padding:0 .3rem;margin:.15rem 0;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mev.t-public_meeting{border-color:#5b6b8c}.mev.t-fire_ems{border-color:#b3261e}.mev.t-church{border-color:#8a6d3b}.mev.t-school{border-color:#2f7d32}.mev.t-sports{border-color:var(--gold)}
.dayh{margin:1.4rem 0 .3rem;color:var(--deep)}.tag{font-size:.8rem;background:#eef3f3;padding:0 .4rem;border-radius:3px;margin-left:.3rem}
.calactions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.map{width:100%;height:320px;border:0;border-radius:4px}.flyer{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}
pre.code{background:#fff;border:1px solid #dfe8ea;padding:.7rem;overflow-x:auto;font-size:.85rem;white-space:pre-wrap}
@media (max-width:640px){.mgrid{font-size:.75rem}.mc{min-height:4.5rem}.mev{display:none}.mc .mday{display:block}.mc:has(.mev) .mday::after{content:" \2022";color:var(--gold)}}
/* home: coming up in the community */
.comm-home{padding:2rem 0 2.5rem;border-top:1px solid #dfe8ea}.comm-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem}
.comm-head select{font:inherit;font-size:1rem;padding:.3rem .5rem;border:2px solid #c9d6d9;border-radius:4px;background:#fff}
.comm-list{list-style:none;margin:.5rem 0;padding:0}.comm-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.5rem 0;border-bottom:1px solid #dfe8ea;font-size:1rem}
.comm-list a{color:var(--ink);text-decoration:none;font-weight:600}.comm-list a:hover{text-decoration:underline}.comm-list .when{min-width:0;margin-right:.3rem}
.cico{font-size:1.4rem;width:56px;text-align:center}.cthumb{width:56px;height:56px;object-fit:cover;border-radius:4px}
.cplay{border:0;background:var(--gold);color:var(--deep);border-radius:50%;width:2rem;height:2rem;cursor:pointer;font-size:.9rem}
.cspot{width:100%;max-width:480px;border-radius:4px;margin-top:.4rem}.comm-cta{margin:1rem 0}
.calactions{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem;max-width:46rem}
.calactions .btn{display:flex;align-items:center;justify-content:center;text-align:center;margin:0}
.calcall{margin:.6rem 0 .3rem}.calempty{background:#fff;border:2px dashed #c9d6d9;border-radius:6px;padding:1.2rem 1.4rem;font-size:1.05rem;line-height:1.5;max-width:46rem}
@media (max-width:640px){.calactions{grid-template-columns:1fr}}
/* home: Watch WICW.TV live preview */
.watch-home{padding:2rem 0}.wl{position:relative;aspect-ratio:16/9;max-width:46rem;background:#0b2a33;border-radius:6px;overflow:hidden}
.wl-video,.wl-video video{position:absolute;inset:0;width:100%;height:100%}.wl-video video{object-fit:contain;background:#000}
.wl-badge{position:absolute;top:.6rem;left:.6rem;background:#c62828;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.06em;padding:.15rem .5rem;border-radius:3px}
.wl-sound{position:absolute;bottom:.7rem;left:.7rem;font:inherit;font-weight:700;font-size:1rem;background:rgba(255,255,255,.92);color:var(--deep);border:0;border-radius:4px;padding:.5rem .9rem;cursor:pointer}
.wl.wl-dim .wl-video{filter:brightness(.25)}.wl-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;color:#fff;background:rgba(11,42,51,.75)}
.wl-card b{display:block;font-size:1.25rem;margin-bottom:.6rem}.wl-btns{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.6rem 0}.wl-signup{color:#fff;font-weight:700}
.wl-titles{max-width:46rem;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}
.wl-card[hidden],.wl-sound[hidden]{display:none}
.wl-card a.wl-signup{color:#fff}
@media (max-width:640px){.wl:has(> .wl-card:not([hidden])){aspect-ratio:auto}.wl:has(> .wl-card:not([hidden])) .wl-card{position:relative;inset:auto;min-height:56vw;padding:2.4rem 1rem 1.4rem}.wl-card p{margin:.3rem 0}}
.cancelled{background:#fdecea;border-left:6px solid #b3261e;padding:.6rem 1rem;color:#5c1410}
/* radar */
#radar-map{height:560px;border-radius:6px;background:#0b1d24}.radar-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:.5rem 0}
.radar-bar input[type=range]{flex:1;min-width:140px}.radar-time{font-weight:800;min-width:9rem}.radar-still{width:100%;height:auto;border-radius:6px}
.leaflet-tooltip.rtown{background:transparent;border:0;box-shadow:none;color:#fff;font-weight:700;text-shadow:0 0 3px #000,0 0 3px #000;padding:0}
.leaflet-tooltip.rtown:before{display:none}.leaflet-container{font:inherit}
.radar-home{padding:1.5rem 0}.radar-tile{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:1.2rem;align-items:center}
.radar-tile img{width:100%;height:auto;border-radius:6px;display:block}
@media (max-width:640px){#radar-map{height:420px}.radar-tile{grid-template-columns:1fr}}
.rdot{background:#fff;border:2px solid #000;border-radius:50%;box-sizing:border-box}
.replay{margin:0 0 1.5rem;max-width:46rem}.replay video{width:100%;aspect-ratio:16/9;background:#000;border-radius:6px}.replay figcaption{margin-top:.4rem}
.schools{line-height:2}
.wl-od{position:absolute;top:.6rem;left:.6rem;background:rgba(11,42,51,.85);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.04em;padding:.15rem .5rem;border-radius:3px}
.wl-skip{position:absolute;bottom:.7rem;right:.7rem;font:inherit;font-weight:700;font-size:1rem;background:rgba(255,255,255,.92);color:var(--deep);border:0;border-radius:4px;padding:.5rem .9rem;cursor:pointer}
.wl-badge[hidden],.wl-od[hidden],.wl-skip[hidden]{display:none}
.wl-app{max-width:46rem;margin:.8rem 0 0;padding:.9rem 1rem;border:1px solid rgba(11,42,51,.15);border-radius:6px;text-align:center}
.wl-app b{display:block;font-size:1.1rem}.wl-app .wl-btns{margin:.6rem 0 .3rem}.wl-app .wl-signup{color:var(--deep)}.wl-why:empty{display:none}.wl-why{margin:.3rem 0 0}
.snap{list-style:none;margin:.2rem 0 .4rem;padding:0}.snap li{display:grid;grid-template-columns:minmax(0,1fr) auto 2.9rem;gap:.3rem;align-items:baseline;padding:.15rem 0;border-bottom:1px solid rgba(11,42,51,.1);font-size:.9rem}
.snap-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snap b{font-variant-numeric:tabular-nums;white-space:nowrap}.snap b small{font-weight:400;font-size:.72rem;color:#666;margin-left:1px}
.snap-c{font-size:.78rem;text-align:right;font-variant-numeric:tabular-nums;color:#666;white-space:nowrap}.snap-c.up{color:#1b7f3b}.snap-c.down{color:#b3261e}
.snapshot .src{font-size:.75rem;line-height:1.35}
.watch-home + .radar-home{padding-top:0}
/* /watch/ setup steps (Dave, 9 Oct) */
.watch-steps{list-style:none;counter-reset:st;padding:0;margin:1.4rem 0 0;display:grid;gap:1rem}
.watch-steps li{counter-increment:st;position:relative;padding:1rem 1.1rem 1rem 3.6rem;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff}
.watch-steps li::before{content:counter(st);position:absolute;left:1rem;top:1rem;width:1.9rem;height:1.9rem;border-radius:50%;background:#D9A13A;color:#133542;font-weight:700;display:grid;place-items:center}
.watch-steps h3{margin:0 0 .4rem}
.watch-steps p{margin:.3rem 0}
.play-badge img{display:block;width:200px;max-width:100%;height:auto;margin-top:.3rem}
/* Free WICW.TV only (17 Oct): the fourth "How to watch" way and the /watch/ choice */
.ways--4{grid-template-columns:repeat(2,1fr)}
.way__btn{margin-top:.8rem!important}
.choose{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.6rem 0}
.choose__opt{border:1px solid rgba(0,0,0,.12);border-top:4px solid #133542;border-radius:10px;background:#fff;padding:1.1rem 1.2rem;min-width:0}
.choose__opt--free{border-top-color:#D9A13A}
.choose__k{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5b6b73}
.choose__opt .h3{margin:.2rem 0 .5rem}
.choose__opt p{margin:.4rem 0}
@media (max-width:820px){.ways--4,.choose{grid-template-columns:1fr}}
.agenda{list-style:none;padding:0;margin:1rem 0;max-width:70ch}.agenda li{display:flex;gap:.6rem;padding:.35rem 0;border-bottom:1px solid #e6e1d3}
.agenda .anum{flex:0 0 2.2rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.agenda .atxt{min-width:0}.agenda .alv1{padding-left:2rem}.agenda .alv2{padding-left:4rem}
.agenda .ahead .atxt{font-weight:700}.agenda .asec{display:block;font-weight:800;color:var(--deep);padding-top:1.2rem;border-bottom:2px solid var(--gold)}
.agenda .atype{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--deep);border:1px solid var(--deep);border-radius:3px;padding:0 .35rem;margin-left:.3rem;vertical-align:.1em}
.freeqr{display:flex;gap:.8rem;align-items:center;margin:1rem 0 0}.freeqr__img svg{width:132px;height:132px;display:block;max-width:100%}.freeqr figcaption{min-width:0;overflow-wrap:anywhere}
/* Sun & almanac on /weather/ (one text colour; bold for emphasis) */
.alm{color:var(--ink)}.alm h4{margin:.8rem 0 .2rem;font-size:1rem;color:var(--ink)}
.alm-town{background:#fff;border-radius:4px;margin:.6rem 0}.alm-town summary{cursor:pointer;padding:.7rem 1rem;font-size:1.05rem}
.alm-sum{font-weight:400}.alm-body{padding:0 1rem 1rem;display:grid;gap:0 2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.alm-body p{margin:.5rem 0}.alm .tbl{width:100%;margin:.2rem 0 .6rem}.alm .tbl th,.alm .tbl td{padding:.25rem .5rem}.alm .tbl .n{text-align:right;font-variant-numeric:tabular-nums}
.alm .tablewrap .tbl{min-width:0}.alm .alm-mark td{font-weight:700;border-bottom:2px solid var(--ink)}
