/* Météo Parlée — "bulletin radio" sheet. Hand-written for this app only. */
:root{--nuit:#111726;--ardoise:#1F293D;--carte:#29334D;--ambre:#F29E2E;--ambre-doux:#FFD18C;--pluie:#73B8FA;--ciel:#EBF0FA;--brume:rgba(235,240,250,.72)}
*{box-sizing:border-box}
html{background:var(--nuit)}
body{margin:0;color:var(--ciel);font:16px/1.66 -apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;
 background:
  repeating-linear-gradient(104deg,transparent 0 46px,rgba(115,184,250,.045) 46px 47px),
  linear-gradient(180deg,#29354F 0,var(--ardoise) 320px,var(--nuit) 100%);min-height:100vh}
a{color:var(--pluie);text-underline-offset:3px}
a:hover{color:var(--ambre-doux)}
.antenne{max-width:880px;margin:0 auto;padding:26px 22px 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cadran{width:62px;height:62px;flex:none}
.marque{flex:1;min-width:200px}
.marque b{display:block;font:700 1.55rem/1.1 "Iowan Old Style","Palatino Linotype",Georgia,serif;letter-spacing:.01em}
.marque small{display:block;color:var(--ambre-doux);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.onair{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ambre);border:1px solid rgba(242,158,46,.55);border-radius:999px;padding:3px 11px}
.onair::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ambre);box-shadow:0 0 8px var(--ambre)}
.langue{display:flex;gap:4px;font-size:.85rem;background:rgba(17,23,38,.55);border:1px solid rgba(235,240,250,.12);border-radius:10px;padding:3px}
.langue a,.langue span{padding:3px 10px;border-radius:7px;text-decoration:none}
.langue span{background:var(--carte);color:var(--ciel)}
.langue a{color:var(--brume)}
.creneaux{max-width:880px;margin:22px auto 0;padding:0 22px}
.creneaux ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.creneaux a{display:grid;grid-template-rows:auto 46px auto;justify-items:center;gap:6px;text-decoration:none;color:var(--brume);background:rgba(41,51,77,.6);border:1px solid rgba(235,240,250,.08);border-radius:16px;padding:10px 6px 12px;font-size:.88rem}
.creneaux time{font:600 .8rem/1 ui-monospace,"SF Mono",Menlo,monospace;color:var(--ciel)}
.creneaux i{width:14px;align-self:end;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--pluie),rgba(115,184,250,.35))}
.creneaux a[aria-current]{background:var(--carte);border-color:rgba(242,158,46,.6);color:var(--ciel)}
.creneaux a[aria-current] i{background:linear-gradient(180deg,var(--ambre),rgba(242,158,46,.35))}
main{max-width:880px;margin:0 auto;padding:22px}
.bulletin{background:rgba(31,41,61,.78);border:1px solid rgba(235,240,250,.08);border-radius:22px;padding:30px 30px 18px;box-shadow:0 24px 60px -30px rgba(0,0,0,.7)}
h1{font:700 clamp(1.45rem,3.6vw,2.05rem)/1.2 "Iowan Old Style","Palatino Linotype",Georgia,serif;margin:0 0 6px}
.stamp{display:inline-block;margin:0 0 14px;font:500 .8rem/1 ui-monospace,"SF Mono",Menlo,monospace;color:var(--nuit);background:var(--ambre-doux);padding:5px 9px;border-radius:6px}
.lede{font-size:1.05rem;color:var(--ciel);border-left:3px solid var(--ambre);padding-left:14px;margin:6px 0 22px}
section{position:relative;padding:16px 0 6px 0;border-top:1px dashed rgba(115,184,250,.25)}
h2{display:flex;align-items:center;gap:12px;font-size:1.13rem;margin:6px 0 10px}
.slot{flex:none;font:600 .78rem/1 ui-monospace,"SF Mono",Menlo,monospace;color:var(--pluie);border:1px solid rgba(115,184,250,.5);border-radius:999px;padding:5px 9px}
h3{font-size:.98rem;color:var(--ambre-doux);margin:16px 0 6px}
p,li{color:var(--brume)}
strong{color:var(--ciel)}
ul{padding-left:1.2em}
li{margin:4px 0}
li::marker{color:var(--pluie)}
table{width:100%;border-collapse:collapse;font-size:.92rem;margin:6px 0 10px;display:block;overflow-x:auto}
th,td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid rgba(235,240,250,.08)}
th{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ambre-doux)}
td:first-child{color:var(--ciel);white-space:nowrap}
.cards{list-style:none;padding:0;display:grid;gap:12px}
.cards li{background:var(--carte);border-radius:16px;padding:16px 18px;border:1px solid rgba(235,240,250,.08)}
.cards a{font-weight:600;font-size:1.08rem;display:block}
.cards span{font-size:.9rem}
.fin{max-width:880px;margin:0 auto;padding:6px 22px 40px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.8rem;color:rgba(235,240,250,.5);letter-spacing:.08em}
.fin span:first-child::before{content:"— ";color:var(--ambre)}
@media (max-width:560px){.bulletin{padding:22px 18px 10px}.creneaux a{font-size:.78rem}td:first-child{white-space:normal}}