/* Station tables: clear section hierarchy, restrained colour, both themes. */
.xionia-home {
  --station-surface: #ffffff;
  --station-stripe: #f1f6fa;
  --station-label: #e8f0f6;
  --station-ink: #16354a;
  --station-muted: #486273;
  --station-border: #c4d4df;
  --station-accent: #075d76;
  --station-heading: #173e5b;
}
.xionia-home.xionia-dark {
  --station-surface: #132b3e;
  --station-stripe: #183347;
  --station-label: #1c3b50;
  --station-ink: #edf6fc;
  --station-muted: #c0d4e2;
  --station-border: #3a5b72;
  --station-accent: #8be0ed;
  --station-heading: #214e6b;
}
.xionia-home .xionia-table-scroll {
  border: 1px solid var(--station-border);
  border-radius: 14px;
  background: var(--station-surface);
}
.xionia-home #station-observations {
  margin: 0;
  border: 0;
  border-collapse: collapse;
  color: var(--station-ink);
  background: var(--station-surface);
  font-size: 15px;
}
.xionia-home #station-observations td,
.xionia-home #station-observations th {
  padding: 13px 15px;
  border-color: var(--station-border);
  line-height: 1.45;
}
.xionia-home #station-observations th[scope="row"] {
  min-width: 190px;
  max-width: 260px;
  text-align: left;
  background: var(--station-label);
  font-weight: 550;
}
.xionia-home #station-observations .station-reading:nth-child(even) > td:not(.station-graphs) {
  background: var(--station-stripe);
}
.xionia-home #station-observations .station-reading > td:not(.station-graphs) {
  min-width: 180px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.xionia-home #station-observations .station-current > td:not(.station-graphs) {
  color: var(--station-accent);
  font-size: 19px;
  font-weight: 700;
}
.xionia-home #station-observations .station-period > th,
.xionia-home #station-observations .station-period > td:not(.station-graphs) {
  padding: 15px;
  background: var(--station-heading);
  color: #fff;
  font-weight: 700;
  text-align: left;
}
.xionia-home #station-observations .station-graphs {
  background: var(--station-surface);
  padding: 20px;
}
.xionia-home .station-graph-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 18px 20px;
  margin-bottom: 24px;
}
.xionia-home .station-graph-group:last-child { margin-bottom: 0; }
.xionia-home .station-graph-group + br { display: none; }
.xionia-home .station-graph img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.xionia-home .station-graph {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  vertical-align: top;
}
.xionia-home .station-graph figcaption {
  max-width: 230px;
  margin: 10px auto 0;
  color: var(--station-muted);
  font-size: 12px;
  line-height: 1.35;
}
.xionia-home .home-rain-chart {
  display: block;
  margin: 24px auto;
}
.xionia-home .home-climate-frame { margin: 24px auto; }
.xionia-home .home-station-equipment,
.xionia-home .home-camera-panel,
.xionia-home .dropdown {
  background: var(--station-surface);
  color: var(--station-ink);
  border-color: var(--station-border);
}
.xionia-home .home-camera-panel {
  padding: 16px;
  border: 1px solid var(--station-border);
  border-radius: 14px;
}
.xionia-home .home-camera-panel .home-live-camera {
  margin-top: 12px;
  border-radius: 9px;
}
.xionia-home #station-live-status {
  display: inline-block;
  margin: 4px auto 14px;
  padding: 7px 13px;
  border: 1px solid var(--station-border);
  border-radius: 20px;
  color: var(--station-accent);
  background: var(--station-surface);
}
.xionia-home #station-live-status[data-stale="true"] {
  color: #703c06;
  background: #fff1d6;
  border-color: #d2a354;
}
.xionia-home.xionia-dark #station-live-status[data-stale="true"] {
  color: #ffe2a6;
  background: #44371e;
}
.xionia-home .home-intro #station-about p {
  max-width: 850px;
  margin-inline: auto;
  color: var(--station-muted);
}
@media (max-width: 800px) {
  .xionia-home .home-camera-panel { padding: 12px; }
}

.xionia-home #station-observations caption {
  padding: 14px 16px;
  text-align: left;
  color: var(--station-muted);
  background: var(--station-surface);
  font-size: 14px;
  font-weight: 600;
}
.xionia-home .home-camera-panel .home-camera-heading {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.5;
}
.xionia-home .skip-link {
  position: absolute;
  left: 16px;
  top: -100px;
  z-index: 1000;
  padding: 10px 14px;
  border-radius: 8px;
  color: #fff;
  background: #173e5b;
}
.xionia-home .skip-link:focus { top: 10px; }
.xionia-home .station-records {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 24px auto;
  text-align: left;
}
.xionia-home .station-record {
  padding: 18px 20px;
  border: 1px solid var(--station-border);
  border-top: 4px solid var(--station-accent);
  border-radius: 12px;
  color: var(--station-ink);
  background: var(--station-surface);
}
.xionia-home .station-record h3 { margin: 0 0 10px; font-size: 17px; }
.xionia-home .station-record ul { margin: 0; padding-left: 18px; }
.xionia-home .station-record li { margin: 8px 0; line-height: 1.5; }
.xionia-home .station-archive-links { border-collapse: collapse; background: var(--station-surface); }
.xionia-home .station-archive-links td { border-color: var(--station-border); padding: 14px; }
.xionia-home .station-archive-links tr:nth-child(even) { background: var(--station-stripe); }
.xionia-home .station-archive-links a { font-weight: 600; }
.xionia-home .xionia-year-links {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(80px,1fr));
  gap: 8px;
  margin: 20px auto;
}
.xionia-home .xionia-year-links a {
  padding: 10px;
  border: 1px solid var(--station-border);
  border-radius: 8px;
  background: var(--station-surface);
  font-weight: 600;
}
.xionia-home .archive-breadcrumbs { text-align: left; font-size: 14px; margin: 14px 0; }
@media (max-width: 640px) {
  .xionia-home .station-records { grid-template-columns: minmax(0,1fr); }
  .xionia-home .station-record { padding: 16px; }
}

/* Keep the original WeatherLink overview together and fit its full width. */
.xionia-home .station-zoom {max-width:100%;margin:20px auto;color:var(--station-ink);}
.xionia-home .station-zoom-controls {display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px;background:var(--station-surface);border:1px solid var(--station-border);border-radius:12px 12px 0 0;text-align:left;font:14px/1.4 system-ui,sans-serif;}
.xionia-home .station-zoom-label {flex:1 1 230px;font-weight:650;}
.xionia-home .station-zoom-controls button {min-width:44px;min-height:44px;padding:8px 12px;background:var(--station-label);color:var(--station-ink);border:1px solid var(--station-border);border-radius:8px;font:600 14px system-ui;cursor:pointer;}
.xionia-home .station-zoom-controls button:disabled {opacity:.5;cursor:default;}
.xionia-home .station-zoom-controls a {font-size:13px;padding:8px;}
.xionia-home .station-zoom-value {min-width:44px;}
.xionia-home .station-zoom-viewport {overflow:auto;max-width:100%;background:var(--station-surface);border-radius:0 0 12px 12px;}
.xionia-home .station-zoom-space {position:relative;margin-inline:auto;overflow:hidden;}
.xionia-home .station-zoom-stage {position:absolute;inset:0 auto auto 0;transform-origin:top left;}
.xionia-home .station-zoom-stage>.xionia-table-scroll {overflow:visible;border-radius:0;max-width:none;margin:0;}
.xionia-home .station-zoom #station-observations {width:1180px;table-layout:fixed;font:500 17px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.xionia-home .station-zoom #station-observations th[scope="row"] {width:195px;min-width:0;max-width:none;}
.xionia-home .station-zoom #station-observations td,.xionia-home .station-zoom #station-observations th {padding:9px 12px;min-width:0;line-height:1.45;vertical-align:middle;}
.xionia-home .station-zoom #station-observations .station-current>td:not(.station-graphs) {font-size:20px;font-weight:700;}
.xionia-home .station-zoom #station-observations .station-reading>td:not(.station-graphs) {min-width:0;}
.xionia-home .station-zoom #station-observations td[rowspan] {width:770px;min-width:0;padding:16px;vertical-align:top;}
.xionia-home .station-zoom #station-observations p {margin:2px 0;}
.xionia-home .station-zoom .station-graph-group {flex-wrap:nowrap;gap:12px;margin:0 0 22px;}
.xionia-home .station-zoom .station-graph {flex:0 1 auto;min-width:0;}
.xionia-home .station-zoom .station-graph img {display:block;margin:0 auto;}
.xionia-home .station-zoom .station-graph figcaption {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.xionia-home .station-chart-zoom {max-width:100%;}
.xionia-home .station-chart-zoom .home-climate-frame {width:644px;max-width:none;height:332px;margin:0;display:block;}

/* V10: readable WeatherLink values, preserving the full overview and native zoom. */
.xionia-home .station-zoom #station-observations small {font:inherit;}
.xionia-home .station-zoom #station-observations th[scope="row"] {font-weight:600;text-align:left;}
.xionia-home .station-zoom #station-observations th[scope="row"] strong {font-weight:600;}
.xionia-home .station-zoom #station-observations .station-reading>td:not(.station-graphs) {font-size:18px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums;}
.xionia-home .station-zoom #station-observations .station-current>td:not(.station-graphs) {font-size:20px;font-weight:700;}
.xionia-home .station-zoom #station-observations .station-reading>td strong {font-weight:inherit;}
.xionia-home .station-zoom #station-observations .station-reading small>br:last-child {display:none;}
.xionia-home .station-zoom #station-observations .station-period>th {padding:13px 12px;font-size:17px;line-height:1.45;}
.xionia-home .station-zoom #station-observations caption {padding:14px 12px;font-size:16px;font-weight:600;line-height:1.5;}
.xionia-home .station-zoom .station-graph-group:last-child {margin-bottom:0;}
.xionia-home .station-zoom-controls {gap:8px;padding:12px;}
.xionia-home .station-zoom-label {font-size:15px;line-height:1.5;}
.xionia-home .station-zoom-hint {flex:1 0 100%;margin:2px 0 0;font:400 12px/1.5 system-ui,sans-serif;color:var(--station-muted);}

/* Visible keyboard focus for the shared home/archive chart controls. */
.xionia-home .station-zoom-controls button:focus-visible,
.xionia-home .station-zoom-controls a:focus-visible,
.xionia-home .station-zoom-viewport:focus-visible {outline:3px solid var(--station-accent);outline-offset:-3px;}
.xionia-home .station-zoom-value {white-space:nowrap;font-variant-numeric:tabular-nums;}

/* Audit 13: the latest station readings appear immediately below the main title. */
/* Live overview: all figures are WeatherLink fields, with the original units. */
.xionia-home .station-dashboard{display:block;margin:22px 0;padding:20px;border:1px solid var(--station-border);border-radius:22px;background:linear-gradient(135deg,#edf7fb,#f5f8fc);box-shadow:0 8px 28px #173e5b0b;text-align:left;color:var(--station-ink);font:15px/1.5 system-ui,sans-serif;}
.xionia-home.xionia-dark .station-dashboard{background:linear-gradient(135deg,#102c40,#142636);box-shadow:0 8px 28px #0002;}
.xionia-home .sd-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;text-align:left;}
.xionia-home .sd-eyebrow{display:block;font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--station-accent);}
.xionia-home .sd-header h2{margin:3px 0 0;font:750 25px/1.25 system-ui,sans-serif;color:var(--station-ink);text-align:left;}
.xionia-home .sd-observed{display:flex;flex-direction:column;gap:3px;text-align:right;color:var(--station-muted);font-size:12px;}
.xionia-home .sd-observed>b{font-size:15px;color:var(--station-ink);font-variant-numeric:tabular-nums;}
.xionia-home .station-dashboard #station-live-status{display:block;width:auto;margin:0 0 15px;padding:8px 12px;border-radius:9px;font:500 12px/1.5 system-ui,sans-serif;text-align:left;}
.xionia-home .sd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.xionia-home .sd-card{--sd-color:#167894;position:relative;min-width:0;margin:0;padding:18px;border:1px solid var(--station-border);border-radius:15px;background:var(--station-surface);overflow:hidden;text-align:left;}
.xionia-home .sd-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sd-color);}
.xionia-home .sd-card h3{display:flex;align-items:center;gap:8px;margin:0 0 13px;padding:0;border:0;font:650 15px/1.35 system-ui,sans-serif;text-align:left;color:var(--station-ink);}
.xionia-home .sd-card h3 svg{width:23px;height:23px;flex:0 0 23px;color:var(--sd-color);}
.xionia-home .sd-temperature{--sd-color:#bc662a;}
.xionia-home .sd-wind{--sd-color:#0c7e7a;}
.xionia-home .sd-rain{--sd-color:#2876c6;}
.xionia-home .sd-humidity{--sd-color:#337a9d;}
.xionia-home .sd-pressure{--sd-color:#7662a4;}
.xionia-home .sd-comfort{--sd-color:#ad7c13;}
.xionia-home.xionia-dark .sd-temperature{--sd-color:#f1b27b;}
.xionia-home.xionia-dark .sd-wind{--sd-color:#6bcac1;}
.xionia-home.xionia-dark .sd-rain{--sd-color:#83b9f0;}
.xionia-home.xionia-dark .sd-humidity{--sd-color:#88c2df;}
.xionia-home.xionia-dark .sd-pressure{--sd-color:#b8a5e2;}
.xionia-home.xionia-dark .sd-comfort{--sd-color:#e8c270;}
.xionia-home .sd-value{margin:0 0 2px;line-height:1.15;}
.xionia-home .sd-value>b{font:750 clamp(24px,2.7vw,35px)/1.2 system-ui,sans-serif;letter-spacing:-.025em;color:var(--station-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.xionia-home .sd-hero>b{font-size:clamp(40px,4.5vw,58px);color:var(--sd-color);}
.xionia-home .sd-subtitle,.xionia-home .sd-direction,.xionia-home .sd-trend{margin:7px 0 13px;color:var(--station-muted);font:500 12px/1.5 system-ui,sans-serif;text-align:left;}
.xionia-home .sd-direction b{display:inline-block;margin-left:5px;padding:2px 9px;border-radius:6px;background:var(--station-stripe);color:var(--station-ink);}
.xionia-home .sd-card dl{margin:12px 0 0;}
.xionia-home .sd-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--station-label);min-width:0;}
.xionia-home .sd-row:last-child{border-bottom:0;}
.xionia-home .sd-row dt{font-size:12px;line-height:1.45;color:var(--station-muted);}
.xionia-home .sd-row dd{margin:0;text-align:right;font-size:14px;font-variant-numeric:tabular-nums;}
.xionia-home .sd-row dd>b{color:var(--station-ink);font:650 14px/1.45 system-ui,sans-serif;}
.xionia-home .sd-reading-time{font-size:12px;font-weight:450;color:var(--station-muted);white-space:nowrap;}
.xionia-home .sd-high dd>b{color:#9d451e;}
.xionia-home .sd-low dd>b{color:#1b649c;}
.xionia-home.xionia-dark .sd-high dd>b{color:#f6b283;}
.xionia-home.xionia-dark .sd-low dd>b{color:#92cdf6;}
.xionia-home .sd-rain-totals,.xionia-home .sd-sun{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px;border-radius:10px;background:var(--station-stripe);}
.xionia-home .sd-rain-totals .sd-row,.xionia-home .sd-sun .sd-row{display:block;border:0;padding:0;}
.xionia-home .sd-rain-totals dd,.xionia-home .sd-sun dd{text-align:left;margin-top:3px;}
@media(max-width:760px){
 .xionia-home .station-dashboard{padding:12px;border-radius:17px;}
 .xionia-home .sd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .xionia-home .sd-header{align-items:flex-start;gap:12px;}
 .xionia-home .sd-header h2{font-size:21px;}
 .xionia-home .sd-eyebrow{font-size:10px;letter-spacing:.06em;}
 .xionia-home .sd-observed{max-width:48%;font-size:11px;}
 .xionia-home .sd-observed>b{font-size:13px;}
 .xionia-home .sd-card{padding:13px 11px;border-radius:12px;}
 .xionia-home .sd-card h3{font-size:13px;gap:6px;}
 .xionia-home .sd-card h3 svg{width:20px;height:20px;flex-basis:20px;}
 .xionia-home .sd-temperature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-items:center;}
 .xionia-home .sd-temperature h3{grid-column:1;margin:0;}
 .xionia-home .sd-temperature .sd-hero{grid-column:1;grid-row:2/4;}
 .xionia-home .sd-temperature .sd-subtitle{grid-column:2;grid-row:1;margin:0;font-size:11px;}
 .xionia-home .sd-temperature .sd-extremes{grid-column:2;grid-row:2/4;margin:0;}
 .xionia-home .sd-hero>b{font-size:40px;}
 .xionia-home .sd-value>b{font-size:25px;}
 .xionia-home .sd-temperature .sd-hero>b{font-size:40px;}
 .xionia-home .sd-row{gap:2px 6px;}
 .xionia-home .sd-row dd{text-align:left;}
 .xionia-home .sd-row dd>b{font-size:13px;}
 .xionia-home .sd-row dt{font-size:11px;}
 .xionia-home .sd-rain-totals,.xionia-home .sd-sun{padding:8px;gap:8px;}
 .xionia-home .sd-comfort{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
 .xionia-home .sd-comfort h3{grid-column:1/-1;}
 .xionia-home .sd-comfort dl{margin:0;}
}
@media(max-width:350px){.xionia-home .sd-header{flex-direction:column;}.xionia-home .sd-observed{max-width:none;text-align:left;}.xionia-home .sd-temperature{column-gap:8px;}.xionia-home .sd-temperature .sd-hero>b{font-size:34px;}}
.xionia-home .station-dashboard [hidden]{display:none!important;}
.xionia-home .sd-weather{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 12px;border-radius:12px;background:var(--station-surface);border:1px solid var(--station-border);}
.xionia-home [data-weather-symbol] svg{display:block;width:43px;height:43px;}
.xionia-home .sd-weather-copy{display:flex;flex-direction:column;gap:2px;}
.xionia-home .sd-weather-copy strong{font-size:14px;font-weight:650;}
.xionia-home .sd-weather-copy small{font-size:11px;color:var(--station-muted);}
.xionia-home .sd-weather-note{margin:0 0 10px;color:var(--station-muted);font-size:12px;text-align:left;}
.xionia-home .sd-live-rain-rate{display:block;margin:8px -5px;padding:9px 10px;border:1px solid #8cc7e5;border-radius:9px;background:#e7f5ff;}
.xionia-home .sd-live-rain-rate dd{text-align:left;margin-top:3px;}
.xionia-home .sd-live-rain-rate dd>b{font-size:21px;color:#155879;}
.xionia-home .sd-live-rain-rate dt{color:#235b76;font-weight:650;}
.xionia-home.xionia-dark .sd-live-rain-rate{background:#173e55;border-color:#4e90b6;}
.xionia-home.xionia-dark .sd-live-rain-rate dd>b,.xionia-home.xionia-dark .sd-live-rain-rate dt{color:#b8e7ff;}
@media(max-width:760px){.xionia-home .sd-header{flex-wrap:wrap;}.xionia-home .sd-weather{order:3;flex-basis:100%;padding:4px 8px;}.xionia-home [data-weather-symbol] svg{width:34px;height:34px;}.xionia-home .sd-weather-copy{flex-direction:row;align-items:baseline;gap:9px;flex-wrap:wrap;}.xionia-home .sd-weather-copy strong{font-size:13px;}.xionia-home .sd-observed{margin-left:auto;}}
/* Override the legacy header layout and keep the daily overview compact. */
.xionia-home .station-dashboard .sd-header{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;}
@media(min-width:761px){
 .xionia-home .sd-temperature{grid-column:1;grid-row:1;}
 .xionia-home .sd-wind{grid-column:2;grid-row:1;}
 .xionia-home .sd-rain{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;}
 .xionia-home .sd-rain .sd-rain-totals{margin-top:auto;}
 .xionia-home .sd-humidity{grid-column:1;grid-row:2;}
 .xionia-home .sd-pressure{grid-column:2;grid-row:2;}
 .xionia-home .sd-comfort{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;}
 .xionia-home .sd-comfort h3,.xionia-home .sd-comfort dl{margin:0;}
}
@media(max-width:760px){
 .xionia-home .sd-temperature .sd-hero>b{font-size:clamp(26px,8vw,32px);white-space:nowrap;letter-spacing:-.04em;overflow-wrap:normal;}
 .xionia-home .sd-rain-totals{display:block;}
 .xionia-home .sd-rain-totals .sd-row{display:flex;gap:3px 6px;justify-content:space-between;padding:3px 0;}
 .xionia-home .sd-rain-totals dd{margin:0;}
}
@media(max-width:760px){
 .xionia-home .station-dashboard .sd-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px 12px;}
 .xionia-home .sd-header>div:first-child{grid-column:1;grid-row:1;}
 .xionia-home .sd-header .sd-observed{grid-column:2;grid-row:1;max-width:none;margin:0;text-align:right;}
 .xionia-home .sd-header .sd-weather{grid-column:1/-1;grid-row:2;}
}

/* Shared observations remain scoped to the Agios Stefanos panel. */
html body .xionia-station-panel{box-sizing:border-box;width:100%;max-width:1180px;margin:22px auto;padding:0 12px;clear:both;}
html body .xionia-station-panel .station-dashboard{width:auto;max-width:none;margin:0;box-sizing:border-box;}
html body .xionia-station-panel .sd-header{padding:0;border:0;background:transparent;width:100%;max-width:none;box-shadow:none;}
html body .xionia-station-panel .sd-eyebrow{display:block;text-decoration:none;}
html body .xionia-station-panel .sd-card{box-sizing:border-box;min-width:0;}
html body .xionia-station-panel .sd-header h2{max-width:390px;}
@media(max-width:600px){html body .xionia-station-panel{padding:0 4px;}html body .xionia-station-panel .sd-header h2{font-size:19px;}}
@media(max-width:600px){
 html body .xionia-station-panel .sd-header>div:first-child{grid-column:1/-1;grid-row:1;}
 html body .xionia-station-panel .sd-header .sd-observed{grid-column:1/-1;grid-row:2;display:flex;gap:5px 12px;flex-wrap:wrap;text-align:left;}
 html body .xionia-station-panel .sd-header .sd-weather{grid-column:1/-1;grid-row:3;}
}

/* Widget 16: a compact overview, with the complete original readings on demand. */
html .xionia-home .station-dashboard{box-sizing:border-box;margin:14px auto;padding:12px;max-width:1180px;border-radius:15px;font-size:13px;}
html .xionia-home .station-dashboard .sd-header{display:flex;flex-direction:row;align-items:center;gap:8px 18px;flex-wrap:wrap;margin:0 0 8px;padding:0;}
html .xionia-home .station-dashboard .sd-header h2{margin:2px 0 0;max-width:none;font-size:18px;line-height:1.25;}
html .xionia-home .station-dashboard .sd-eyebrow{font-size:9px;letter-spacing:.07em;}
html .xionia-home .station-dashboard .sd-observed{display:flex;flex-direction:column;flex-wrap:nowrap;max-width:none;margin:0 0 0 auto;gap:1px;font-size:10px;line-height:1.35;text-align:right;}
html .xionia-home .station-dashboard .sd-observed>b{font-size:12px;white-space:nowrap;}
html .xionia-home .station-dashboard .sd-weather{order:0;flex:0 1 auto;padding:3px 7px;gap:5px;border-radius:8px;}
html .xionia-home .station-dashboard [data-weather-symbol] svg{width:28px;height:28px;}
html .xionia-home .station-dashboard .sd-weather-copy{display:flex;flex-direction:column;gap:0;line-height:1.3;}
html .xionia-home .station-dashboard .sd-weather-copy strong{font-size:11px;}
html .xionia-home .station-dashboard .sd-weather-copy small{font-size:10px;}
html .xionia-home .station-dashboard #station-live-status{margin:0 0 8px;padding:4px 7px;font-size:10px;line-height:1.4;border-radius:6px;}
html .xionia-home .station-dashboard .sd-weather-note{margin:0 0 7px;font-size:11px;}
html .xionia-home .station-dashboard .sd-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;}
html .xionia-home .station-dashboard .sd-card{grid-column:auto;grid-row:auto;display:block;min-width:0;padding:10px 9px;border-radius:10px;}
html .xionia-home .station-dashboard .sd-card::before{height:2px;}
html .xionia-home .station-dashboard .sd-card h3{margin:0 0 6px;font-size:11px;line-height:1.35;gap:5px;}
html .xionia-home .station-dashboard .sd-card h3 svg{width:17px;height:17px;flex-basis:17px;}
html .xionia-home .station-dashboard .sd-value{margin:0 0 4px;}
html .xionia-home .station-dashboard .sd-value>b{font-size:23px;line-height:1.15;letter-spacing:-.025em;white-space:nowrap;overflow-wrap:normal;}
html .xionia-home .station-dashboard .sd-temperature .sd-hero>b{font-size:27px;}
html .xionia-home .station-dashboard .sd-subtitle,
html .xionia-home .station-dashboard .sd-direction,
html .xionia-home .station-dashboard .sd-trend{margin:4px 0;font-size:11px;line-height:1.3;}
html .xionia-home .station-dashboard .sd-direction b{margin-left:3px;padding:1px 4px;}
html .xionia-home .station-dashboard .sd-card dl{margin:6px 0 0;}
html .xionia-home .station-dashboard .sd-row{gap:1px 4px;padding:3px 0;}
html .xionia-home .station-dashboard .sd-row dt{font-size:10px;line-height:1.35;}
html .xionia-home .station-dashboard .sd-row dd{font-size:11px;line-height:1.35;text-align:right;}
html .xionia-home .station-dashboard .sd-row dd>b{font-size:11px;line-height:1.35;}
html .xionia-home .station-dashboard .sd-reading-time{font-size:10px;}
html .xionia-home .station-dashboard .sd-rain-totals,
html .xionia-home .station-dashboard .sd-sun{display:block;padding:4px 5px;border-radius:6px;}
html .xionia-home .station-dashboard .sd-rain-totals .sd-row,
html .xionia-home .station-dashboard .sd-sun .sd-row{display:flex;align-items:baseline;justify-content:space-between;gap:1px 4px;padding:2px 0;}
html .xionia-home .station-dashboard .sd-rain-totals dd,
html .xionia-home .station-dashboard .sd-sun dd{margin:0;}
html .xionia-home .station-dashboard .sd-live-rain-rate{margin:4px 0;padding:3px 5px;border-radius:6px;}
html .xionia-home .station-dashboard .sd-live-rain-rate dd{margin:0;}
html .xionia-home .station-dashboard .sd-live-rain-rate dd>b{font-size:13px;}
html .xionia-home .station-dashboard .sd-widget-footer{display:flex;justify-content:center;margin-top:7px;}
html .xionia-home .station-dashboard .sd-expand{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;margin:0;padding:6px 12px;border:1px solid var(--station-border);border-radius:999px;background:var(--station-surface);color:var(--station-accent);font:600 12px/1.4 system-ui;cursor:pointer;}
html .xionia-home .station-dashboard .sd-expand:focus-visible{outline:3px solid #c07809;outline-offset:2px;}
html .xionia-home .station-dashboard .sd-expand-arrow{font-size:16px;line-height:1;}
html .xionia-home .station-dashboard.sd-expanded .sd-expand-arrow{transform:rotate(180deg);}
html .xionia-home .station-dashboard.sd-compact .sd-subtitle,
html .xionia-home .station-dashboard.sd-compact .sd-card .sd-reading-time,
html .xionia-home .station-dashboard.sd-compact .sd-weather-note,
html .xionia-home .station-dashboard.sd-compact .sd-wind dl .sd-row:nth-child(2),
html .xionia-home .station-dashboard.sd-compact .sd-rain>dl:not(.sd-rain-totals) .sd-row:not([data-live-rain-rate]),
html .xionia-home .station-dashboard.sd-compact .sd-humidity .sd-row:not(:last-child),
html .xionia-home .station-dashboard.sd-compact .sd-pressure>dl,
html .xionia-home .station-dashboard.sd-compact .sd-comfort>dl:not(.sd-sun){display:none;}
html .xionia-home .station-dashboard.sd-compact .sd-comfort .sd-sun{padding:7px;background:var(--station-stripe);}
html .xionia-home .station-dashboard.sd-compact .sd-comfort .sd-sun .sd-row{padding:5px 0;}
html .xionia-home .station-dashboard.sd-compact .sd-comfort .sd-sun dd>b{font-size:13px;}
@media(max-width:1100px){html .xionia-home .station-dashboard .sd-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:600px){
 html body .xionia-station-panel{margin:12px auto;padding:0 4px;}
 html .xionia-home .station-dashboard{padding:9px;border-radius:12px;}
 html .xionia-home .station-dashboard .sd-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px;}
 html .xionia-home .station-dashboard .sd-header>div:first-child{grid-column:1/-1;grid-row:1;}
 html .xionia-home .station-dashboard .sd-header h2{font-size:16px;}
 html .xionia-home .station-dashboard .sd-header .sd-weather{grid-column:1;grid-row:2;order:0;padding:3px 5px;}
 html .xionia-home .station-dashboard .sd-header .sd-observed{grid-column:2;grid-row:2;margin-left:0;align-self:center;text-align:right;}
 html .xionia-home .station-dashboard .sd-weather-copy small{font-size:9px;}
 html .xionia-home .station-dashboard .sd-weather-copy strong{font-size:10px;}
 html .xionia-home .station-dashboard [data-weather-symbol] svg{width:24px;height:24px;}
 html .xionia-home .station-dashboard .sd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
 html .xionia-home .station-dashboard .sd-card{padding:9px 8px;}
 html .xionia-home .station-dashboard .sd-value>b{font-size:22px;}
 html .xionia-home .station-dashboard .sd-temperature .sd-hero>b{font-size:26px;}
 html .xionia-home .station-dashboard .sd-expand{min-height:44px;font-size:12px;}
}
html .xionia-home .station-dashboard .sd-live-rain-rate{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 5px;}
@media(max-width:360px){html .xionia-home .station-dashboard .sd-pressure .sd-value>b{font-size:19px;}}

/* Widget17: a smaller linked strip, without removing observation fields. */
html .xionia-home .station-dashboard[data-station-widget="17"]{position:relative;isolation:isolate;max-width:1080px;padding:8px;margin:10px auto;border-radius:11px;}
html .xionia-home [data-station-widget="17"] .sd-header{gap:5px 12px;margin-bottom:5px;}
html .xionia-home [data-station-widget="17"] .sd-header h2{font-size:15px;}
html .xionia-home [data-station-widget="17"] .sd-eyebrow{font-size:9px;}
html .xionia-home [data-station-widget="17"] .sd-weather{padding:2px 5px;border:0;background:transparent;}
html .xionia-home [data-station-widget="17"] [data-weather-symbol] svg{width:23px;height:23px;}
html .xionia-home [data-station-widget="17"] #station-live-status{margin-bottom:5px;padding:3px 5px;}
html .xionia-home [data-station-widget="17"] .sd-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;}
html .xionia-home [data-station-widget="17"] .sd-card{padding:7px 6px;border-radius:7px;}
html .xionia-home [data-station-widget="17"] .sd-card h3{margin-bottom:4px;gap:3px;font-size:11px;}
html .xionia-home [data-station-widget="17"] .sd-card h3 svg{width:14px;height:14px;flex-basis:14px;}
html .xionia-home [data-station-widget="17"] .sd-value>b,
html .xionia-home [data-station-widget="17"] .sd-temperature .sd-hero>b{font-size:21px;}
html .xionia-home [data-station-widget="17"] .sd-card dl{margin-top:4px;}
html .xionia-home [data-station-widget="17"] .sd-direction,
html .xionia-home [data-station-widget="17"] .sd-trend{margin:3px 0;}
html .xionia-home [data-station-widget="17"] .sd-row{padding:2px 0;}
html .xionia-home [data-station-widget="17"] .sd-rain-totals,
html .xionia-home [data-station-widget="17"] .sd-sun{padding:2px 4px;}
html .xionia-home [data-station-widget="17"] .sd-live-rain-rate{padding:2px 4px;margin:3px 0;}
html .xionia-home [data-station-widget="17"] .sd-live-rain-rate dd>b{font-size:12px;}
html .xionia-home [data-station-widget="17"].sd-compact .sd-comfort .sd-sun{padding:3px 4px;}
html .xionia-home [data-station-widget="17"].sd-compact .sd-comfort .sd-sun .sd-row{padding:3px 0;}
html .xionia-home [data-station-widget="17"] .sd-widget-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;}
html .xionia-home [data-station-widget="17"] .sd-camera-link{display:inline-flex;align-items:center;min-height:32px;max-width:100%;padding:3px 4px;color:var(--station-accent)!important;font:600 11px/1.4 system-ui;text-decoration:underline;text-underline-offset:3px;}
html .xionia-home [data-station-widget="17"] .sd-camera-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:11px;cursor:pointer;}
html .xionia-home [data-station-widget="17"] .sd-camera-link:hover::after{box-shadow:inset 0 0 0 2px var(--station-accent);}
html .xionia-home [data-station-widget="17"] .sd-camera-link:focus-visible{outline:none;}
html .xionia-home [data-station-widget="17"] .sd-camera-link:focus-visible::after{outline:3px solid #c07809;outline-offset:3px;}
html .xionia-home [data-station-widget="17"] .sd-expand{position:relative;z-index:2;min-height:32px;padding:3px 8px;font-size:11px;border-radius:7px;}
html .xionia-home [data-station-widget="17"].sd-expanded .sd-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
/* Landing target: the actual station temperature and camera share one screen. */
html .xionia-home #live-camera{scroll-margin-top:12px;}
html .xionia-home #live-camera:focus{outline:none;}
html .xionia-home .home-camera-live-head{display:flex;justify-content:space-between;align-items:center;gap:10px 18px;margin-bottom:8px;text-align:left;}
html .xionia-home .home-camera-live-head h2{margin:0 0 5px;font:700 18px/1.3 system-ui;color:var(--station-ink);text-align:left;}
html .xionia-home .home-camera-stamp{margin:0;font:11px/1.4 system-ui;color:var(--station-muted);}
html .xionia-home .home-camera-temperature{flex:0 0 auto;text-align:right;color:var(--station-ink);}
html .xionia-home .home-camera-temperature>span{display:block;font:500 11px/1.3 system-ui;}
html .xionia-home .home-camera-temperature>b{display:block;font:750 30px/1.2 system-ui;color:var(--station-accent);white-space:nowrap;}
html .xionia-home .home-camera-temperature>small{font:11px/1.4 system-ui;}
html .xionia-home .home-camera-status{margin:4px 0 0;font:11px/1.4 system-ui;color:var(--station-muted);}
html .xionia-home .home-camera-status[data-stale="true"]{color:#835107;}
html .xionia-home.xionia-dark .home-camera-status[data-stale="true"]{color:#ffe2a6;}
html .xionia-home #live-camera .home-live-camera{margin:6px auto 10px;width:100%;height:auto;aspect-ratio:16/9;}
html .xionia-home .home-camera-outlook{margin:6px 0 10px;font:12px/1.4 system-ui;color:var(--station-muted);}
@media(max-width:1100px){
 html .xionia-home [data-station-widget="17"] .sd-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:600px){
 html .xionia-home .station-dashboard[data-station-widget="17"]{padding:7px;}
 html .xionia-home [data-station-widget="17"] .sd-header{gap:4px 7px;}
 html .xionia-home [data-station-widget="17"] .sd-header h2{font-size:15px;}
 html .xionia-home [data-station-widget="17"] .sd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;}
 html .xionia-home [data-station-widget="17"] .sd-card{padding:6px 5px;}
 html .xionia-home [data-station-widget="17"] .sd-card h3{font-size:10px;}
 html .xionia-home [data-station-widget="17"] .sd-card h3 svg{display:none;}
 html .xionia-home [data-station-widget="17"] .sd-value>b,
 html .xionia-home [data-station-widget="17"] .sd-temperature .sd-hero>b{font-size:18px;white-space:normal;overflow-wrap:normal;}
 html .xionia-home [data-station-widget="17"] .sd-pressure .sd-value>b{font-size:16px;}
 html .xionia-home [data-station-widget="17"] .sd-direction{font-size:10px;}
 html .xionia-home [data-station-widget="17"] .sd-row{display:block;padding:2px 0;}
 html .xionia-home [data-station-widget="17"] .sd-row dd{text-align:left;}
 html .xionia-home [data-station-widget="17"] .sd-extremes .sd-row{display:flex;gap:1px 2px;}
 html .xionia-home [data-station-widget="17"] .sd-rain-totals .sd-row,
 html .xionia-home [data-station-widget="17"] .sd-sun .sd-row{display:block;}
 html .xionia-home [data-station-widget="17"] .sd-rain-totals dd>b{font-size:10px;}
 html .xionia-home [data-station-widget="17"] .sd-rain-totals{display:flex;flex-wrap:wrap;gap:2px 7px;}
 html .xionia-home [data-station-widget="17"] .sd-widget-footer{gap:5px;}
 html .xionia-home [data-station-widget="17"] .sd-expand,
 html .xionia-home [data-station-widget="17"] .sd-camera-link{min-height:44px;font-size:10px;}
 html .xionia-home [data-station-widget="17"].sd-expanded .sd-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 html .xionia-home .home-camera-live-head{gap:6px;align-items:flex-start;}
 html .xionia-home .home-camera-live-head h2{font-size:14px;}
 html .xionia-home .home-camera-temperature>b{font-size:27px;}
 html .xionia-home .home-camera-temperature>small{display:block;max-width:145px;font-size:10px;}
 html .xionia-home .home-camera-stamp,html .xionia-home .home-camera-status{font-size:10px;}
}
html .xionia-home [data-station-widget="17"] .sd-rain-totals .sd-row,
html .xionia-home [data-station-widget="17"] .sd-sun .sd-row{padding:1px 0;}
@media(max-width:600px){
 html .xionia-home [data-station-widget="17"] .sd-row,
 html .xionia-home [data-station-widget="17"] .sd-rain-totals .sd-row,
 html .xionia-home [data-station-widget="17"] .sd-sun .sd-row{display:flex;align-items:baseline;justify-content:space-between;gap:1px 2px;flex-wrap:wrap;}
 html .xionia-home [data-station-widget="17"] .sd-row dd>b{font-size:10px;}
 html .xionia-home [data-station-widget="17"] .sd-live-rain-rate dd>b{font-size:11px;}
 html .xionia-home [data-station-widget="17"] .sd-rain-totals{display:block;}
 html .xionia-home [data-station-widget="17"].sd-compact .sd-comfort .sd-sun dd>b{font-size:11px;}
 html .xionia-home [data-station-widget="17"].sd-compact .sd-comfort .sd-sun .sd-row{padding:3px 0;}
}
html .xionia-home [data-station-widget="17"] .sd-link-stack{display:flex;flex-direction:column;align-items:flex-start;gap:0;}
html .xionia-home [data-station-widget="17"] .sd-link-stack .sd-camera-link{min-height:20px;padding:0 3px;}
html .xionia-home [data-station-widget="17"] .sd-powered{position:relative;z-index:2;display:inline-flex;align-items:center;gap:3px;min-height:22px;padding:0 3px;color:var(--station-muted)!important;font:10px/1.3 system-ui;text-decoration:none;}
html .xionia-home [data-station-widget="17"] .sd-powered strong{font:600 10px/1.3 system-ui;text-decoration:underline;text-underline-offset:2px;}
html .xionia-home [data-station-widget="17"] .sd-powered:focus-visible{outline:3px solid #c07809;outline-offset:2px;}
html .xionia-home .home-live-grid{grid-template-columns:minmax(230px,.65fr) minmax(0,2fr);}
html .xionia-home .home-camera-scene{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:10px;align-items:start;}
html .xionia-home .home-camera-video,html .xionia-home .home-camera-readings{min-width:0;}
html .xionia-home #live-camera .home-live-camera{margin:0;width:100%;}
html .xionia-home :is(#station-camera-widget,.sd-mini){width:100%;max-width:none;margin:0;padding:5px;border-radius:8px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-header{display:block;margin:0 0 3px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-weather{padding:1px 2px;gap:4px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-weather-copy{flex-direction:row;gap:4px;flex-wrap:wrap;align-items:baseline;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-weather-copy strong,
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-weather-copy small{font-size:9px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) [data-weather-symbol] svg{width:19px;height:19px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-card{padding:4px;border-radius:5px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-card h3{margin:0 0 3px;font-size:10px;line-height:1.25;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-card h3 svg{display:none;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-value>b,
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-temperature .sd-hero>b{font-size:16px;white-space:normal;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-pressure .sd-value>b{font-size:14px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-row{display:flex;align-items:baseline;justify-content:space-between;gap:1px 2px;padding:1px 0;flex-wrap:wrap;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-row dt{font-size:9px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-row dd>b{font-size:10px;}
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-compact .sd-wind dl .sd-row:nth-child(2),
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-compact .sd-rain>dl:not(.sd-rain-totals) .sd-row:not([data-live-rain-rate]),
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-compact .sd-humidity .sd-row:not(:last-child){display:none;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-direction,
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-trend{margin:2px 0;font-size:10px;line-height:1.3;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-card dl{margin-top:3px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-rain-totals,
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-sun{padding:2px 3px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-rain-totals .sd-row,
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-sun .sd-row{display:flex;padding:1px 0;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-sun dd>b{font-size:10px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-live-rain-rate{padding:2px 3px;margin:2px 0;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-live-rain-rate dd>b{font-size:11px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-widget-footer{margin-top:3px;gap:2px;flex-wrap:wrap;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-expand{padding:3px 5px;font-size:10px;min-height:30px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-powered,
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-powered strong{font-size:9px;}
@media(max-width:1100px){
 html .xionia-home .home-live-grid{grid-template-columns:minmax(0,1fr);}
 html .xionia-home .home-camera-panel{grid-row:1;}
 html .xionia-home .home-camera-sidebar{grid-row:2;}
}
@media(max-width:650px){
 html .xionia-home .home-camera-scene{grid-template-columns:minmax(0,1fr);gap:6px;}
 html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
 html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-value>b,
 html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-temperature .sd-hero>b{font-size:15px;}
 html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-pressure .sd-value>b{font-size:13px;}
 html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-expand{min-height:44px;}
 html .xionia-home :is(#station-camera-widget,.sd-mini).sd-expanded .sd-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-height:500px) and (min-width:651px){
 html .xionia-home .home-camera-scene{grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:8px;}
 html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Layout18: full-width camera, readings underneath, then viewing information. */
html .xionia-home .home-camera-scene{display:block;}
html .xionia-home #live-camera .home-live-camera{display:block;width:100%;max-width:none;margin:0;border-radius:10px 10px 0 0;background:#0a1723;}
html .xionia-home .home-camera-readings{width:100%;margin:0;}
html .xionia-home :is(#station-camera-widget,.sd-mini){border-top:0;border-radius:0 0 10px 10px;padding:8px;box-shadow:none;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-card{padding:6px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-card h3{font-size:11px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-row dt{font-size:10px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-value>b,html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-temperature .sd-hero>b{font-size:18px;}
html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-expand{min-height:44px;}
html .xionia-home .home-camera-description{display:block;margin:12px 0 0;font-size:13px;line-height:1.65;color:var(--station-muted);}
@media(max-width:800px){html .xionia-home :is(#station-camera-widget,.sd-mini) .sd-grid,html .xionia-home :is(#station-camera-widget,.sd-mini).sd-expanded .sd-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
/* The webcams page shares the same camera-and-readings strip as the home page. */
html body .xionia-webcam-panel{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto 24px;min-width:0;}
html .xionia-webcam-panel :is(#station-camera-widget,.sd-mini) .sd-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 10px;padding:0;border:0;background:transparent;box-shadow:none;}
html .xionia-webcam-panel :is(#station-camera-widget,.sd-mini) .home-camera-stamp{font-size:10px;text-align:left;}
html .xionia-webcam-panel .home-camera-description{text-align:center;}

/* TIMELAPSES22 */
.xionia-home .home-timelapse-link{margin:.35rem 0 0;text-align:center;font-size:.875rem;line-height:1.4}
.xionia-home .home-timelapse-link a{display:inline-block;padding:.25rem .5rem;text-underline-offset:.15em}

/* v27: use the same compact measurements above the page and below the camera. */
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini{width:100%;max-width:800px;margin:10px auto;padding:8px;border:1px solid var(--station-border);border-radius:10px;}
html body .xionia-station-panel{max-width:824px;}
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini .sd-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 10px;}
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini .sd-eyebrow{display:none;}
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini .sd-header h2{margin:0;font-size:12px;line-height:1.3;}
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini .sd-observed{font-size:10px;line-height:1.3;}
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini .sd-observed>b{font-size:10px;}
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini .sd-camera-link{position:static;}
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini .sd-camera-link::after{position:absolute;inset:0;z-index:1;border-radius:10px;}
/* Native link overlay remains keyboard accessible; expand/credit stay above it. */
html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini .sd-expand,html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini .sd-powered{position:relative;z-index:2;}
/* Size both axes together, including short landscape viewports. */
html .xionia-home #live-camera .home-live-camera,
html .xionia-home .home-video{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:16/9;min-height:200px;max-height:none;margin-inline:auto;}
@media(orientation:landscape) and (max-height:600px){
 html .xionia-home #live-camera .home-live-camera,
 html .xionia-home .home-video{width:min(100%,calc((100svh - 24px) * 16 / 9));}
}
html .xionia-home iframe.home-live-camera:fullscreen,
html .xionia-home iframe.home-video:fullscreen{width:100%;height:100%;min-height:0;max-width:none;max-height:none;aspect-ratio:auto;}
html .xionia-home #home-forecast-widget{display:block;width:100%;max-width:800px;margin:8px auto 14px;}

/* v30: desktop widgets align with the surrounding content; compact rows retain their height. */
@media(min-width:801px){
 html body .xionia-station-panel{width:100%;max-width:1180px;padding-inline:0;}
 html .xionia-home :is(#station-camera-widget,.sd-mini).sd-mini{max-width:100%;}
 html .xionia-home #home-forecast-widget{max-width:1180px;}
}

/* v33.9.22-r1: readable station observations with one native scroll viewport. */
html body.xionia-home .station-readings-zoom .station-zoom-space,
html body.xionia-home .station-readings-zoom .station-zoom-stage{max-width:none!important}
html body.xionia-home .station-readings-zoom .station-zoom-viewport{touch-action:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
@media(max-width:700px){
 html body.xionia-home .station-readings-zoom #station-observations col:nth-child(1){width:150px!important}
 html body.xionia-home .station-readings-zoom #station-observations col:nth-child(2){width:140px!important}
 html body.xionia-home .station-readings-zoom #station-observations col:nth-child(3){width:890px!important}
 html body.xionia-home .station-readings-zoom #station-observations th[scope="row"]{width:150px;min-width:0;max-width:none;font-size:15px}
 html body.xionia-home .station-readings-zoom #station-observations :is(th[scope="row"],.station-reading>td:not(.station-graphs)){padding:9px 8px;overflow-wrap:anywhere}
 html body.xionia-home .station-readings-zoom .station-zoom-controls{gap:6px;padding:8px}
}

/* v33.9.23: original station table, readable and scrollable without zoom controls. */
html body.xionia-home .station-native-readings{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:20px auto;overflow-x:auto;overflow-y:visible;border-radius:14px;touch-action:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
html body.xionia-home .station-native-readings #station-observations{display:table;width:1180px;min-width:1180px;max-width:none!important;table-layout:fixed;transform:none;font:500 17px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
html body.xionia-home .station-native-readings #station-observations :is(td,th){min-width:0;max-width:none;padding:9px 12px;line-height:1.45;vertical-align:middle;overflow-wrap:anywhere;}
html body.xionia-home .station-native-readings #station-observations th[scope="row"]{font-weight:600;text-align:left;}
html body.xionia-home .station-native-readings #station-observations :is(small,strong){font:inherit;}
html body.xionia-home .station-native-readings #station-observations .station-reading>td:not(.station-graphs){font-size:18px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums;}
html body.xionia-home .station-native-readings #station-observations .station-current>td:not(.station-graphs){font-size:20px;font-weight:700;}
html body.xionia-home .station-native-readings #station-observations .station-graphs{padding:16px;vertical-align:top;}
html body.xionia-home .station-native-readings #station-observations caption{padding:14px 12px;font-size:16px;font-weight:600;line-height:1.5;}
@media(max-width:700px){
 html body.xionia-home .station-native-readings #station-observations col:nth-child(1){width:145px!important;}
 html body.xionia-home .station-native-readings #station-observations col:nth-child(2){width:135px!important;}
 html body.xionia-home .station-native-readings #station-observations col:nth-child(3){width:900px!important;}
 html body.xionia-home .station-native-readings #station-observations th[scope="row"]{font-size:15px;}
 html body.xionia-home .station-native-readings #station-observations :is(th[scope="row"],.station-reading>td:not(.station-graphs)){padding:9px 8px;}
}

/* v33.9.25: complete overview in the available width; native browser pinch. */
html body.xionia-home .station-fit-readings{padding:0;overflow:hidden;touch-action:auto;}
html body.xionia-home .station-fit-readings .station-fit-space{display:block;position:relative;box-sizing:content-box;min-width:0;max-width:100%;margin:0 auto;overflow:hidden;touch-action:auto;}
html body.xionia-home .station-fit-readings .station-fit-stage{display:block;position:absolute;top:0;left:0;width:1180px;min-width:1180px;max-width:none!important;transform-origin:top left;touch-action:auto;}
html body.xionia-home .station-fit-readings #station-observations{touch-action:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%;}

/* v33.9.26: local pinch zoom creates horizontal scrollable content. */
html body.xionia-home .station-pinch-readings{overflow:auto;overscroll-behavior:auto;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;}
html body.xionia-home .station-pinch-readings .station-fit-space{max-width:none!important;touch-action:pan-x pan-y;}
html body.xionia-home .station-pinch-readings .station-fit-stage,
html body.xionia-home .station-pinch-readings #station-observations{touch-action:pan-x pan-y;}