:root{--bg:#080c09;--panel:#0c1c0e;--rule:#1a3a20;--gold:#c9a84c;--gold2:#e8c96a;
  --text:#c9bfa4;--head:#e8dcc0;--dim:#8c9a88;--green:#9fe0ad}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:'IM Fell English',Georgia,serif;font-size:17px;line-height:1.7}
.wrap{max-width:760px;margin:0 auto;padding:0 24px 80px}
header{border-bottom:1px solid var(--rule);padding:48px 0 20px;margin-bottom:36px}
.logo{font-family:'Cinzel Decorative',Georgia,serif;font-size:1.4rem;color:var(--gold2);
  text-decoration:none;letter-spacing:.04em}
h1{font-family:'Cinzel',Georgia,serif;font-size:2rem;color:var(--head);margin:.6rem 0 .3rem;font-weight:600}
.updated{font-family:'Cinzel',Georgia,serif;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim)}
h2{font-family:'Cinzel',Georgia,serif;font-size:1.15rem;color:var(--gold2);
  margin:2.2rem 0 .6rem;font-weight:600;border-bottom:1px solid var(--rule);padding-bottom:.35rem}
h3{font-family:'Cinzel',Georgia,serif;font-size:.95rem;color:var(--head);margin:1.4rem 0 .4rem;font-weight:600}
p,li{max-width:66ch}
ul{padding-left:1.2rem}
li{margin-bottom:.45rem}
a{color:var(--gold)}
code{background:#0c1c0e;border:1px solid var(--rule);padding:.5px 5px;font-size:.85em;
  font-family:ui-monospace,Menlo,monospace;color:var(--green)}
.todo{background:rgba(220,174,96,.09);border:1px solid #8a5a0e;border-left:3px solid #dcae60;
  padding:.7rem .9rem;margin:1rem 0;color:#dcae60;font-size:.9rem}
.todo b{color:#e8c96a}
table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.92rem}
th,td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-family:'Cinzel',Georgia,serif;font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--dim);font-weight:600}
footer{border-top:1px solid var(--rule);margin-top:48px;padding-top:20px;
  font-size:.85rem;color:var(--dim)}
footer a{margin-right:1.2rem}

/* Climate page: the live ticker at the top */
.ticker{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 10px}
.ticker-card{border:1px solid var(--rule);background:linear-gradient(180deg,#0f2412,#0a160c);border-radius:6px;padding:18px 18px 14px;text-align:center}
.ticker-lbl{font-family:'Cinzel',Georgia,serif;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.ticker-unit{font-family:'Cinzel',Georgia,serif;font-size:.7rem;letter-spacing:.14em;color:var(--dim);margin-top:10px}
.ticker-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--dim);flex-wrap:wrap}
.ticker-live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(159,224,173,.6);animation:tickerPulse 2s ease-out infinite}
@keyframes tickerPulse{0%{box-shadow:0 0 0 0 rgba(159,224,173,.55)}100%{box-shadow:0 0 0 9px rgba(159,224,173,0)}}
/* the odometer: each digit is a wheel of 0 to 9 */
.odo{display:inline-flex;align-items:stretch;gap:3px;font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:2.1rem;line-height:1;min-height:1.5em}
.odo-col{position:relative;display:inline-block;width:.78em;height:1.4em;overflow:hidden;border-radius:4px;
  background:linear-gradient(180deg,#050806 0%,#121f14 50%,#050806 100%);border:1px solid #1f3a24;
  box-shadow:inset 0 6px 8px rgba(0,0,0,.55),inset 0 -6px 8px rgba(0,0,0,.55)}
.odo-col::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.45)}
.odo-strip{display:flex;flex-direction:column;transition:transform 1.6s cubic-bezier(.2,.75,.2,1)}
.odo-strip span{height:1.4em;display:flex;align-items:center;justify-content:center;color:var(--gold2)}
.odo-col.lead .odo-strip span{color:#3a4a37}
.odo-sep{display:flex;align-items:flex-end;color:var(--gold2);padding:0 1px .18em;font-size:.9em}
@media(max-width:600px){.ticker{grid-template-columns:1fr}.odo{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.odo-strip{transition:none}.ticker-live{animation:none}}