.telemetry{background:#102f31;color:#fff}.telemetry-head{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end;margin-bottom:2.5rem}.telemetry-head h2{margin-bottom:0}.telemetry-info{justify-self:end;max-width:560px}.telemetry-info>p:first-child{color:#d1e2e2}.lanzarote-clock{margin:1.4rem 0 .25rem;font-size:1rem}.lanzarote-clock strong{font-family:"Manrope",sans-serif;font-size:1.35rem}.telemetry-status{margin:0;color:#b9d5d6}.telemetry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.17)}.telemetry-card{border:0;color:#fff;text-align:left;font:inherit;background:#102f31;padding:2rem;min-height:185px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:background .2s,transform .2s}.telemetry-card:hover,.telemetry-card:focus-visible{background:#174b51;outline:2px solid #e7aa60;outline-offset:-2px}.telemetry-card span{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#b9d5d6}.telemetry-card strong{font-family:"Manrope",sans-serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1.1;letter-spacing:-.04em}.telemetry-card small{color:#b9d5d6}.telemetry-card.unavailable strong{font-size:1rem;letter-spacing:0;color:#a9bbbb;font-family:"DM Sans",sans-serif}.telemetry-card.rain-yes{background:#174b51}.telemetry-dialog{width:min(1100px,94vw);max-height:92vh;border:0;border-radius:1.5rem;padding:2rem;background:#f6f4ee;color:#132a2b;box-shadow:0 32px 100px rgba(0,0,0,.4)}.telemetry-dialog::backdrop{background:rgba(4,20,21,.78)}.telemetry-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:2rem}.telemetry-dialog-head h3{font-size:clamp(2rem,4vw,3.4rem);margin:.3rem 0 1rem}.telemetry-dialog-close,.telemetry-range button{border:1px solid rgba(19,42,43,.2);background:#fff;color:#132a2b;border-radius:50%;width:2.7rem;height:2.7rem;font-size:1.25rem;cursor:pointer}.telemetry-periods{display:flex;gap:.35rem;background:#e4ebea;padding:.35rem;border-radius:999px;width:max-content}.telemetry-periods button{border:0;background:transparent;padding:.65rem 1.35rem;border-radius:999px;font:inherit;cursor:pointer}.telemetry-periods button.active{background:#132a2b;color:#fff}.telemetry-range{display:grid;grid-template-columns:2.7rem 1fr 2.7rem;gap:1rem;align-items:center;margin:1.4rem 0}.telemetry-range strong{text-align:center;font-size:1.1rem}.telemetry-range button:disabled{opacity:.28;cursor:not-allowed}.telemetry-chart-wrap{position:relative;min-height:380px;background:#fff;border:1px solid rgba(19,42,43,.13);border-radius:1rem;padding:.5rem}.telemetry-chart{width:100%;height:auto;display:block}.telemetry-chart .grid{stroke:#d9e2e1;stroke-width:1}.telemetry-chart .axis-label{fill:#667778;font-size:13px}.telemetry-chart .line{fill:none;stroke:#0d5158;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.telemetry-chart .area{fill:rgba(13,81,88,.1)}.telemetry-chart .dot{fill:#e7aa60;stroke:#fff;stroke-width:2}.telemetry-chart-message{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#667778}.telemetry-chart-note{margin:1rem 0 0;color:#56696a;font-size:.9rem}@media(max-width:900px){.telemetry-head{grid-template-columns:1fr}.telemetry-info{justify-self:start}.telemetry-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.telemetry-grid{grid-template-columns:1fr}.telemetry-card{min-height:145px}.telemetry-dialog{padding:1.1rem}.telemetry-periods{width:100%}.telemetry-periods button{flex:1}.telemetry-chart-wrap{min-height:280px;overflow-x:auto}.telemetry-chart{min-width:680px}}

/* Compact live readings: eight cards across on laptops, one row per card on phones. */
.telemetry.section{padding-block:clamp(1.5rem,3vw,2.5rem)}
.telemetry-head{grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:end;margin-bottom:1rem}
.telemetry-head h2{font-size:clamp(1.5rem,2.45vw,2.25rem);line-height:1.16;max-width:32ch}
.telemetry-info{max-width:none}
.telemetry-info .lanzarote-clock{margin:0 0 .15rem;font-size:.85rem}
.telemetry-info .lanzarote-clock strong{font-size:1rem}
.telemetry-info .telemetry-status{font-size:.75rem}
.telemetry-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.telemetry-head .eyebrow{scroll-margin-top:100px}
.telemetry-card.live-tour-focus{position:relative;z-index:2;box-shadow:0 0 0 3px rgba(255,196,77,.92),0 0 25px 9px rgba(255,196,77,.68)}
.telemetry-card small::after{content:"";display:inline-block;width:.53rem;height:.53rem;margin-left:.55rem;border-right:3px solid #ffc44d;border-bottom:3px solid #ffc44d;transform:rotate(45deg);vertical-align:.18rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}
.telemetry-card{min-width:0;min-height:8.5rem;padding:.75rem .65rem;gap:.3rem}
.telemetry-card span{font-size:clamp(.55rem,.72vw,.68rem);letter-spacing:.045em;overflow-wrap:anywhere}
.telemetry-card strong{font-size:clamp(.95rem,1.4vw,1.45rem);overflow-wrap:anywhere}
.telemetry-card small{font-size:.67rem;line-height:1.15}
.telemetry-card.unavailable strong{font-size:.75rem}
.telemetry-card.forecast-card strong{font-size:.82rem;line-height:1.15}
.telemetry-card.forecast-card svg{height:2rem}
@media(max-width:900px){
  .telemetry-head{grid-template-columns:1fr}
  .telemetry-info{justify-self:start}
  .telemetry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:560px){
  .telemetry.section{padding-block:1rem}
  .telemetry-head{gap:.3rem;margin-bottom:.6rem}
  .telemetry-head h2{font-size:clamp(1.15rem,4.2vw,1.4rem);max-width:none}
  .telemetry .eyebrow{margin-bottom:.2rem}
  .telemetry-info .lanzarote-clock{font-size:.72rem}
  .telemetry-info .lanzarote-clock strong{font-size:.83rem}
  .telemetry-info .telemetry-status{font-size:.66rem}
  .telemetry-grid{grid-template-columns:1fr}
  .telemetry-card{display:grid;grid-template-columns:minmax(0,1fr) auto 1.2rem;align-items:center;column-gap:.45rem;min-height:3.45rem;padding:.4rem .65rem}
  .telemetry-card span{font-size:.6rem;line-height:1.15;letter-spacing:.035em}
  .telemetry-card strong{font-size:clamp(1rem,4vw,1.25rem);white-space:nowrap}
  .telemetry-card small{font-size:0;text-align:right}
  .telemetry-card small::after{margin-left:0;margin-right:.2rem;vertical-align:middle}
  .telemetry-card.unavailable strong{font-size:.65rem;white-space:normal;max-width:7rem}
  .telemetry-card.forecast-card strong{font-size:.7rem;max-width:8.5rem;white-space:normal;text-align:right}
  .telemetry-card.forecast-card svg{display:none}
}