/*
 * MeteoSensor Local v0.12.082 — ajust tipogràfic híbrid Inter + Playwrite DE Grund.
 * Base exacta: v0.12.081.
 * Objectiu: recuperar llegibilitat, contrast i estabilitat visual sense tocar geometria ni lògica.
 * Geometria crítica de les sis targetes «Ara» preservada: no es canvien coordenades, alçades,
 * màscares, dibuixos ni capes; els ajustos d'aquesta pantalla són exclusivament tipogràfics.
 */

:root{
  /* 10 nivells mestres. Les excepcions d'eixos i valors grans consten explícitament. */
  --typo-brand:27px;
  --typo-station:18.5px;
  --typo-screen:28px;
  --typo-section:21px;
  --typo-item:18px;
  --typo-control:16.5px;
  --typo-body:16px;
  --typo-label:15px;
  --typo-helper:14px;
  --typo-axis:13px;

  --typo-value-main:29px;
  --typo-value-field:17px;
  --typo-value-secondary:15.5px;

  /* Playwrite DE Grund només disposa de 100–400: s'usen pesos reals. */
  --weight-light:250;
  --weight-body:300;
  --weight-label:325;
  --weight-strong:400;

  --typo-leading-tight:1.08;
  --typo-leading-title:1.12;
  --typo-leading-body:1.50;
  --typo-leading-help:1.56;
}

html{font-size:100%!important;}
html,body,button,input,select,textarea,optgroup{
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-synthesis:none;
}
body{font-weight:var(--weight-body);}
strong,b{font-weight:var(--weight-strong);}

/* -------------------------------------------------------------------------
   CAPÇALERA COMUNA
   ------------------------------------------------------------------------- */
.now-topbar .now-brandblock{
  row-gap:4px!important;
}
.topbar .brand,
.now-topbar .brand{
  font-size:var(--typo-brand)!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.05!important;
  letter-spacing:-.15px!important;
}
.now-topbar .station-name{
  font-size:var(--typo-station)!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.10!important;
  color:var(--green)!important;
}

/* -------------------------------------------------------------------------
   TÍTOLS DE PANTALLA I NAVEGACIÓ
   ------------------------------------------------------------------------- */
.v19-screen-heading h1,
.charts-v012005 .v19-screen-heading h1,
.forecast-v012005 .v19-screen-heading h1,
.config-page .page-title,
.help-v012003 .page-title{
  font-size:var(--typo-screen)!important;
  font-weight:var(--weight-strong)!important;
  line-height:var(--typo-leading-title)!important;
  color:var(--text)!important;
}
.v19-screen-heading p,
.charts-v012005 .v19-screen-heading p,
.forecast-v012005 .v19-screen-heading p{
  font-size:19px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.10!important;
  color:var(--green)!important;
}
.bottomnav .navbtn .navlabel{
  font-size:15px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1!important;
  color:var(--green)!important;
}

/* -------------------------------------------------------------------------
   ARA — TIPOGRAFIA SOBRE GEOMETRIA BLOQUEJADA
   ------------------------------------------------------------------------- */
.now-page .metric-name,
.now-page .metric-sub{
  font-size:14.5px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.11!important;
}
.now-page .label{
  font-size:13.5px!important;
  font-weight:var(--weight-label)!important;
  line-height:1.10!important;
}
.now-page .metric-value{
  font-size:var(--typo-value-main)!important;
  font-weight:var(--weight-strong)!important;
  line-height:1!important;
}
.now-page .metric-card[style*="--accent:#b36cf5"] .metric-value{
  font-size:27px!important;
}
.now-page .metric-value .unit{
  font-weight:var(--weight-strong)!important;
}
.now-page .data-value{
  font-size:var(--typo-value-secondary)!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.05!important;
}
.now-page .trend-label,
.now-page .trend-value,
.now-page .trend .verb,
.now-page .trend .delta{
  font-size:15px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.08!important;
}
.now-page .period-label,
.now-page .trend .period{
  font-size:13.5px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.10!important;
}
.now-page .quality-pair strong{
  font-size:16px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.05!important;
}
.now-page .quality-pair span{
  font-size:21px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.04!important;
}
.now-page .noise-title{
  font-size:17px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.12!important;
}
.now-page .noise-future{
  font-size:14.5px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.14!important;
}
.now-page .noise-pending{
  font-size:15px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.14!important;
}
.now-page .connection-state{
  font-size:15px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.12!important;
}
.now-page .connection-label,
.now-page .connection-stamp strong{
  font-size:14px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.12!important;
}
.now-page .connection-hint-line,
.now-page .connection-hint{
  font-size:14px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.18!important;
}

/* -------------------------------------------------------------------------
   SISTEMA MESTRE: CONFIGURACIÓ, PREVISIÓ, GRÀFIQUES
   ------------------------------------------------------------------------- */
:root{
  --ui-section-title-size:var(--typo-section)!important;
  --ui-item-title-size:var(--typo-item)!important;
  --ui-field-size:var(--typo-label)!important;
  --ui-readout-size:16px!important;
  --ui-data-field-size:16px!important;
  --ui-readout-weight:var(--weight-strong)!important;
  --ui-control-size:var(--typo-control)!important;
  --ui-body-size:14.5px!important;
}

/* Un sol verd funcional per a jerarquia, navegació i estats correctes. */
.config-page.ui-system-master .config-section h2,
.config-page.ui-system-master .config-summary,
.config-page.ui-system-master .widget-name,
.forecast-v012005 .v4-section-title h2,
.charts-v012005.ui-system-master>.v4-group-title span,
.charts-v012005.ui-system-master>.ui-source-group span,
.environment-guide-title,
.version-title,
.chip-status.ok{
  color:var(--green)!important;
}

/* Configuració: textos explicatius i metadades deixen de baixar de 14 px. */
.config-page.ui-system-master .field label,
.config-page.ui-system-master .version-row span{
  font-size:var(--typo-label)!important;
  font-weight:var(--weight-label)!important;
  line-height:1.28!important;
}
.config-page.ui-system-master .field-help,
.config-page.ui-system-master .field-note,
.config-page.ui-system-master .saved-copy span,
.config-page.ui-system-master .install-preview span,
.config-page.ui-system-master .release-notes,
.config-page.ui-system-master .config-footer,
.config-page.ui-system-master .widget-future,
.config-page.ui-system-master .chip-status{
  font-size:var(--typo-helper)!important;
  font-weight:var(--weight-body)!important;
  line-height:1.42!important;
}
.config-page.ui-system-master .saved-copy strong,
.config-page.ui-system-master .install-preview strong,
.config-page.ui-system-master .widget-name{
  font-size:var(--typo-item)!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.14!important;
}
.config-page.ui-system-master .field input,
.config-page.ui-system-master .field select,
.config-page.ui-system-master .current-station-section .field input,
.config-page.ui-system-master .current-station-section .field select{
  font-size:16px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.08!important;
}
.config-page.ui-system-master .save-station-top,
.config-page.ui-system-master .share-main,
.config-page.ui-system-master .mini-button,
.config-page.ui-system-master .config-secondary,
.config-page.ui-system-master .input-action button,
.config-page.ui-system-master .saved-actions button,
.config-page.ui-system-master .language-buttons button,
.config-page.ui-system-master .advanced-sensors summary{
  font-size:var(--typo-control)!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.08!important;
}
.config-page.ui-system-master .version-row strong{
  font-size:15px!important;
  font-weight:var(--weight-strong)!important;
}

/* Previsió: etiquetes una mida llegible; valors de camp mantinguts nets. */
.forecast-v012005.ui-system-master .v4-field>label,
.forecast-v012005.ui-system-master .v5-range>label,
.forecast-v012005.ui-system-master .v4-hero-summary label{
  font-size:var(--typo-label)!important;
  font-weight:var(--weight-label)!important;
  line-height:1.20!important;
}
.forecast-v012005.ui-system-master .v4-value-box>.v4-measure,
.forecast-v012005.ui-system-master .v5-range .v4-value-box .v4-measure,
.forecast-v012005.ui-system-master .v67-rain-value>.v4-measure,
.forecast-v012005.ui-system-master .v70-pollen-value>.v4-measure{
  font-size:var(--typo-value-field)!important;
  font-weight:var(--weight-strong)!important;
}
.forecast-v012005 .v4-temp-row>span,
.forecast-v012005 .v4-location small,
.forecast-v012005 .v4-card>footer{
  font-size:var(--typo-helper)!important;
  font-weight:var(--weight-body)!important;
  line-height:1.35!important;
}
.forecast-v012005 .v4-temp-row>span .v4-measure{
  font-size:18px!important;
}

/* Actualització i textos explicatius comuns. */
.v5-forecast-status,
.charts-v012005 .chart-load-status{
  font-size:15px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.20!important;
}

/* Gràfiques: eixos, llegendes i fonts es mantenen com a mínim còmodes. */
.charts-v012005 .v3-period-panel .period{
  font-size:16px!important;
  font-weight:var(--weight-strong)!important;
}
.charts-v012005 .v4-chart-title h2,
.charts-v012005 .chart-title{
  font-size:21px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.12!important;
}
.charts-v012005 .v4-stats span{
  font-size:var(--typo-label)!important;
  font-weight:var(--weight-label)!important;
}
.charts-v012005 .v4-stats .v4-measure{
  font-size:var(--typo-value-field)!important;
  font-weight:var(--weight-strong)!important;
}
.charts-v012005 .v4-chart-svg .v4-ytext,
.charts-v012005 .v4-chart-svg .v4-xtext{
  font-size:var(--typo-axis)!important;
  font-weight:var(--weight-label)!important;
}
.charts-v012005 .v4-chart-svg .v4-axis-unit{
  font-size:13px!important;
  font-weight:var(--weight-label)!important;
}
.charts-v012005 .v4-card>footer,
.charts-v012005 .legend,
.charts-v012005 .source-note{
  font-size:var(--typo-helper)!important;
  font-weight:var(--weight-body)!important;
  line-height:1.35!important;
}

/* -------------------------------------------------------------------------
   PREVISIÓ 15 DIES — RETÍCULA I ALINEACIÓ NUMÈRICA
   ------------------------------------------------------------------------- */
.forecast-v012005.ui-system-master .v4-daily-list>header,
.forecast-v012005.ui-system-master .v4-day-row{
  grid-template-columns:minmax(78px,1fr) 56px 112px 94px!important;
  column-gap:6px!important;
}
.forecast-v012005.ui-system-master .v4-daily-list>header{
  font-size:14px!important;
  font-weight:var(--weight-label)!important;
  line-height:1.18!important;
}
.forecast-v012005.ui-system-master .v4-day-name strong{
  font-size:16px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.15!important;
}
.forecast-v012005.ui-system-master .v4-day-name small,
.forecast-v012005.ui-system-master .v4-day-temps>span>small{
  font-size:13.5px!important;
  font-weight:var(--weight-label)!important;
  line-height:1.10!important;
}
.forecast-v012005.ui-system-master .v4-day-symbol{
  justify-self:center!important;
  text-align:center!important;
}
.forecast-v012005.ui-system-master .v4-day-temps>span{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:baseline!important;
  column-gap:4px!important;
}
.forecast-v012005.ui-system-master .v4-day-temps>span>small{
  justify-self:start!important;
  text-align:left!important;
}
.forecast-v012005.ui-system-master .v4-day-temps .v4-measure{
  justify-self:end!important;
  font-size:15.5px!important;
}
.forecast-v012005.ui-system-master .v4-day-rain>span{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:baseline!important;
  column-gap:4px!important;
  font-size:14px!important;
}
.forecast-v012005.ui-system-master .v4-day-rain>span>b,
.forecast-v012005.ui-system-master .v4-day-rain>span>.v5-weather-glyph{
  justify-self:center!important;
  text-align:center!important;
  font-size:16px!important;
}
.forecast-v012005.ui-system-master .v4-day-rain .v4-measure{
  justify-self:end!important;
  font-size:15.5px!important;
}

/* -------------------------------------------------------------------------
   DIÀLEGS, HISTORIALS I AJUDA CONTEXTUAL
   ------------------------------------------------------------------------- */
.detail-title{
  color:var(--green)!important;
  font-size:22px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.12!important;
}
.detail-meta{
  font-size:15px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.38!important;
}
.detail-current{
  font-size:29px!important;
  font-weight:var(--weight-strong)!important;
}
.history-row{
  line-height:1!important;
}
.history-when{
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  min-width:0!important;
}
.history-ago{
  font-size:14.5px!important;
  font-weight:var(--weight-label)!important;
  line-height:1.14!important;
}
.history-time{
  font-size:17.5px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.05!important;
}
.history-val{
  font-size:20.5px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1!important;
}
.source-note{
  font-size:14px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.42!important;
}
.detail .btn{
  font-size:17px!important;
  font-weight:var(--weight-strong)!important;
}

.forecast-help-body{
  gap:8px!important;
}
.forecast-help-body h3{
  color:var(--green)!important;
  font-size:19px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.18!important;
  margin:10px 0 2px!important;
}
.forecast-help-body p,
.environment-reading p{
  font-size:16px!important;
  font-weight:var(--weight-body)!important;
  line-height:var(--typo-leading-help)!important;
}
.environment-topic-label{
  color:var(--text)!important;
  font-size:16.5px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.25!important;
}
.forecast-help-source{
  font-size:14.5px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.42!important;
}
.forecast-help-source strong{
  font-weight:var(--weight-strong)!important;
}
.environment-guide-title{
  font-size:var(--typo-section)!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.14!important;
}

/* Ajuda principal. */
.help-v012003 .help-search label{
  font-size:17px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.20!important;
}
.help-v012003 .help-search input{
  font-size:16px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.20!important;
}
.help-v012003 .help-search p{
  font-size:14px!important;
  font-weight:var(--weight-label)!important;
}
.help-v012003 .help-section summary{
  font-size:18px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.30!important;
}
.help-v012003 .help-section-body>p,
.help-v012003 .help-section-body li{
  font-size:16px;
  font-weight:var(--weight-body);
  line-height:1.55;
}
.help-v012003 .help-links a{
  font-size:14.5px!important;
  font-weight:var(--weight-label)!important;
  line-height:1.40!important;
}

/* -------------------------------------------------------------------------
   MAPA SENSOR.COMMUNITY
   ------------------------------------------------------------------------- */
.map-panel .modal-head strong{
  font-size:20px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.16!important;
}
.map-panel .modal-head span{
  font-size:14px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.25!important;
}
.map-panel .map-toolbar button{
  font-size:16px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.10!important;
}
.map-panel .map-toolbar span{
  font-size:14px!important;
  font-weight:var(--weight-body)!important;
}
.map-panel .map-selection strong{
  font-size:18px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.15!important;
}
.map-panel .map-selection span{
  font-size:14px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.25!important;
}
.map-panel .map-selection button{
  font-size:16px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.08!important;
  white-space:nowrap!important;
}


/* -------------------------------------------------------------------------
   LÍMITS DE LLEGIBILITAT — UNITATS, ESTATS I EIXOS
   Cap text informatiu rellevant queda residualment a 9–12 px per herències
   antigues. Es mantenen més petites les unitats que el valor, però llegibles.
   ------------------------------------------------------------------------- */
:root[data-theme] .now-page .data-value .data-unit{
  font-size:12.5px!important;
  line-height:1!important;
}

/* Previsió: unitats dels camps i dades horàries. El valor protagonista conserva
   la seva jerarquia; només s'eleven les unitats que havien quedat al 70%. */
:root[data-theme] .forecast-v012005.ui-system-master .v4-value-box .v4-measure-line>small,
:root[data-theme] .forecast-v012005.ui-system-master .v67-rain-value .v4-measure-line>small,
:root[data-theme] .forecast-v012005.ui-system-master .v70-pollen-value .v4-measure-line>small,
:root[data-theme] .forecast-v012005.ui-system-master .v4-day-temps .v4-measure-line>small,
:root[data-theme] .forecast-v012005.ui-system-master .v4-day-rain .v4-measure-line>small{
  font-size:12.5px!important;
  line-height:1!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v4-clock-axis text{
  font-size:12px!important;
  font-weight:var(--weight-label)!important;
}

/* Estat d'actualització de Previsió i Gràfiques: mateix nivell visual. */
:root[data-theme] .forecast-v012005.ui-system-master>.v5-forecast-status .connection-state,
:root[data-theme] .charts-v012005.ui-system-master>.history-status-card .connection-state{
  font-size:15px!important;
  font-weight:var(--weight-strong)!important;
  line-height:1.16!important;
}
:root[data-theme] .forecast-v012005.ui-system-master>.v5-forecast-status .connection-label,
:root[data-theme] .forecast-v012005.ui-system-master>.v5-forecast-status .connection-stamp strong,
:root[data-theme] .forecast-v012005.ui-system-master>.v5-forecast-status .connection-hint-line,
:root[data-theme] .charts-v012005.ui-system-master>.history-status-card .connection-label,
:root[data-theme] .charts-v012005.ui-system-master>.history-status-card .connection-stamp strong,
:root[data-theme] .charts-v012005.ui-system-master>.history-status-card .connection-hint-line{
  font-size:14px!important;
  line-height:1.22!important;
}
:root[data-theme] .forecast-v012005.ui-system-master>.v5-forecast-status .connection-label,
:root[data-theme] .forecast-v012005.ui-system-master>.v5-forecast-status .connection-hint-line,
:root[data-theme] .charts-v012005.ui-system-master>.history-status-card .connection-label,
:root[data-theme] .charts-v012005.ui-system-master>.history-status-card .connection-hint-line{
  font-weight:var(--weight-label)!important;
}
:root[data-theme] .forecast-v012005.ui-system-master>.v5-forecast-status .connection-stamp strong,
:root[data-theme] .charts-v012005.ui-system-master>.history-status-card .connection-stamp strong{
  font-weight:var(--weight-strong)!important;
}

/* Gràfiques: unitats dels selectors i dels resum numèric, eixos i procedència. */
:root[data-theme] .charts-v012005.ui-system-master .v3-period-panel .v54-period-value>small,
:root[data-theme] .charts-v012005.ui-system-master .v4-stats .v4-measure-line>small,
:root[data-theme] .charts-v012005.ui-system-master .v4-chart-temp .v4-stats .v4-measure-line>small,
:root[data-theme] .charts-v012005.ui-system-master .v4-chart-pm25 .v4-stats .v4-measure-line>small,
:root[data-theme] .charts-v012005.ui-system-master .v4-chart-pm10 .v4-stats .v4-measure-line>small{
  font-size:13px!important;
  line-height:1!important;
}
:root[data-theme] .charts-v012005.ui-system-master .v4-chart-svg .v4-ytext,
:root[data-theme] .charts-v012005.ui-system-master .v4-chart-svg .v4-xtext,
:root[data-theme] .charts-v012005.ui-system-master .v4-chart-svg .v4-axis-unit{
  font-size:13px!important;
  font-weight:var(--weight-label)!important;
}

/* Configuració: estat buit al mateix nivell mínim que la resta de metadades. */
:root[data-theme] .config-page.ui-system-master .saved-empty{
  font-size:14px!important;
  font-weight:var(--weight-body)!important;
  line-height:1.40!important;
}

/* -------------------------------------------------------------------------
   RESPONSIVE ESTRET — NO ES REDUEIX EL COS; NOMÉS TÍTOLS/VÀLORS CRÍTICS
   ------------------------------------------------------------------------- */
@media(max-width:390px){
  :root{
    --typo-brand:26px;
    --typo-station:18px;
    --typo-screen:26px;
    --typo-section:20px;
    --typo-item:17px;
    --typo-control:16px;
    --typo-label:14.5px;
    --typo-helper:13.5px;
  }
  .now-page .metric-name,
  .now-page .metric-sub{font-size:13.5px!important;}
  .now-page .metric-value{font-size:28px!important;}
  .now-page .metric-card[style*="--accent:#b36cf5"] .metric-value{font-size:26px!important;}
  .now-page .data-value{font-size:14.5px!important;}
  .now-page .label{font-size:13px!important;}
  .now-page .quality-pair strong{font-size:15px!important;}
  .now-page .quality-pair span{font-size:20px!important;}
  .bottomnav .navbtn .navlabel{font-size:14px!important;}

  .forecast-v012005.ui-system-master .v4-daily-list>header,
  .forecast-v012005.ui-system-master .v4-day-row{
    grid-template-columns:minmax(70px,1fr) 48px 100px 80px!important;
    column-gap:4px!important;
  }
  .forecast-v012005.ui-system-master .v4-daily-list>header{font-size:13px!important;}
  .forecast-v012005.ui-system-master .v4-day-name strong{font-size:15px!important;}
  .forecast-v012005.ui-system-master .v4-day-name small,
  .forecast-v012005.ui-system-master .v4-day-temps>span>small{font-size:12.5px!important;}
  .forecast-v012005.ui-system-master .v4-day-temps .v4-measure,
  .forecast-v012005.ui-system-master .v4-day-rain .v4-measure{font-size:14.5px!important;}
}

/* -------------------------------------------------------------------------
   V0.12.082 — AJUST HÍBRID INTER + PLAYWRITE
   Diagnòstic de v0.12.081: Playwrite aplicada de forma global apagava massa el text,
   engruixia visualment alguns blocs, variava l'amplada útil i generava una lectura
   irregular de certes unitats (especialment µg/m³). Es recupera una base funcional
   amb Inter per a tota la UI i es reserva Playwrite per a títols de personalitat.
   No es toquen capes, màscares, coordenades ni la lògica de dades.
   ------------------------------------------------------------------------- */

:root{
  --font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-brand:"Playwrite DE Grund",var(--font-ui);

  --weight-light:400;
  --weight-body:500;
  --weight-label:560;
  --weight-strong:700;

  --typo-brand:26px;
  --typo-station:17.5px;
  --typo-screen:27px;
  --typo-section:20.5px;
  --typo-item:17px;
  --typo-control:15.5px;
  --typo-body:15.5px;
  --typo-label:14.2px;
  --typo-helper:13.6px;
  --typo-axis:12.6px;

  --typo-value-main:28px;
  --typo-value-field:16.5px;
  --typo-value-secondary:15px;
}

html,body,button,input,select,textarea,optgroup{
  font-family:var(--font-ui)!important;
}
body{
  font-weight:var(--weight-body)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.topbar .brand,
.now-topbar .brand,
.v19-screen-heading h1,
.charts-v012005 .v19-screen-heading h1,
.forecast-v012005 .v19-screen-heading h1,
.config-page .page-title,
.help-v012003 .page-title,
.environment-guide-title{
  font-family:var(--font-brand)!important;
  font-weight:400!important;
  letter-spacing:-.18px!important;
}

.now-topbar .brand,
.topbar .brand{
  font-size:var(--typo-brand)!important;
  line-height:1.03!important;
}

.now-topbar .station-name,
.v19-screen-heading p,
.charts-v012005 .v19-screen-heading p,
.forecast-v012005 .v19-screen-heading p,
.bottomnav .navbtn .navlabel,
.help-v012003 .help-search label,
.help-v012003 .help-section summary,
.detail-title,
.forecast-help-body h3,
.map-panel .modal-head strong{
  font-family:var(--font-ui)!important;
}

.now-page .metric-name,
.now-page .metric-sub,
.now-page .label,
.now-page .metric-value,
.now-page .data-value,
.now-page .trend-label,
.now-page .trend-value,
.now-page .period-label,
.now-page .quality-pair strong,
.now-page .quality-pair span,
.now-page .noise-title,
.now-page .noise-future,
.now-page .noise-pending,
.now-page .connection-state,
.now-page .connection-label,
.now-page .connection-stamp strong,
.now-page .connection-hint-line,
.now-page .connection-hint,
.detail-meta,
.detail-current,
.history-time,
.history-ago,
.history-val,
.source-note,
.forecast-help-body p,
.environment-reading p,
.forecast-help-source,
.help-v012003 .help-search input,
.help-v012003 .help-search p,
.help-v012003 .help-section-body>p,
.help-v012003 .help-section-body li,
.help-v012003 .help-links a,
.forecast-v012005.ui-system-master .v4-field>label,
.forecast-v012005.ui-system-master .v5-range>label,
.forecast-v012005.ui-system-master .v4-hero-summary label,
.forecast-v012005.ui-system-master .v4-value-box>.v4-measure,
.forecast-v012005.ui-system-master .v5-range .v4-value-box .v4-measure,
.forecast-v012005.ui-system-master .v67-rain-value>.v4-measure,
.forecast-v012005.ui-system-master .v70-pollen-value>.v4-measure,
.forecast-v012005 .v4-temp-row>span,
.forecast-v012005 .v4-location small,
.forecast-v012005 .v4-card>footer,
.forecast-v012005.ui-system-master .v4-daily-list>header,
.forecast-v012005.ui-system-master .v4-day-name strong,
.forecast-v012005.ui-system-master .v4-day-name small,
.forecast-v012005.ui-system-master .v4-day-temps>span>small,
.forecast-v012005.ui-system-master .v4-day-temps .v4-measure,
.forecast-v012005.ui-system-master .v4-day-rain>span,
.forecast-v012005.ui-system-master .v4-day-rain .v4-measure,
.charts-v012005 .v3-period-panel .period,
.charts-v012005 .v4-chart-title h2,
.charts-v012005 .chart-title,
.charts-v012005 .v4-stats span,
.charts-v012005 .v4-stats .v4-measure,
.charts-v012005 .v4-chart-svg .v4-ytext,
.charts-v012005 .v4-chart-svg .v4-xtext,
.charts-v012005 .v4-chart-svg .v4-axis-unit,
.charts-v012005 .v4-card>footer,
.charts-v012005 .legend,
.charts-v012005 .source-note,
.config-page.ui-system-master .config-section h2,
.config-page.ui-system-master .config-summary,
.config-page.ui-system-master .widget-name,
.config-page.ui-system-master .field label,
.config-page.ui-system-master .version-row span,
.config-page.ui-system-master .field-help,
.config-page.ui-system-master .field-note,
.config-page.ui-system-master .saved-copy span,
.config-page.ui-system-master .install-preview span,
.config-page.ui-system-master .release-notes,
.config-page.ui-system-master .config-footer,
.config-page.ui-system-master .widget-future,
.config-page.ui-system-master .chip-status,
.config-page.ui-system-master .saved-copy strong,
.config-page.ui-system-master .install-preview strong,
.config-page.ui-system-master .field input,
.config-page.ui-system-master .field select,
.config-page.ui-system-master .current-station-section .field input,
.config-page.ui-system-master .current-station-section .field select,
.config-page.ui-system-master .save-station-top,
.config-page.ui-system-master .share-main,
.config-page.ui-system-master .mini-button,
.config-page.ui-system-master .config-secondary,
.config-page.ui-system-master .input-action button,
.config-page.ui-system-master .saved-actions button,
.config-page.ui-system-master .language-buttons button,
.config-page.ui-system-master .advanced-sensors summary,
.config-page.ui-system-master .version-row strong,
.map-panel .modal-head span,
.map-panel .map-selection button{
  font-family:var(--font-ui)!important;
}

.now-page .metric-name,
.now-page .metric-sub{
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.08!important;
}
.now-page .label{
  font-size:13px!important;
  font-weight:560!important;
  line-height:1.08!important;
}
.now-page .metric-value{
  font-size:var(--typo-value-main)!important;
  font-weight:700!important;
  line-height:.98!important;
}
.now-page .metric-card[style*="--accent:#b36cf5"] .metric-value{
  font-size:26.5px!important;
}
.now-page .data-value{
  font-size:var(--typo-value-secondary)!important;
  font-weight:650!important;
  line-height:1.02!important;
}
.now-page .trend-label,
.now-page .trend-value,
.now-page .trend .verb,
.now-page .trend .delta{
  font-size:14.5px!important;
  font-weight:650!important;
  line-height:1.05!important;
}
.now-page .period-label,
.now-page .trend .period{
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.08!important;
}
.now-page .quality-pair strong{
  font-size:15.5px!important;
  font-weight:650!important;
}
.now-page .quality-pair span{
  font-size:20px!important;
  font-weight:700!important;
}
.now-page .noise-title{font-size:16.5px!important;font-weight:700!important;}
.now-page .noise-future{font-size:14px!important;font-weight:500!important;}
.now-page .noise-pending{font-size:14.5px!important;font-weight:650!important;}
.now-page .connection-state{font-size:14.8px!important;font-weight:650!important;}
.now-page .connection-label,
.now-page .connection-stamp strong{font-size:13.5px!important;font-weight:650!important;}
.now-page .connection-hint-line,
.now-page .connection-hint{font-size:13.5px!important;font-weight:500!important;line-height:1.14!important;}

/* Valors i unitats: mateixa família per evitar glifs barrejats a µg/m³. */
.now-page .metric-value,
.now-page .data-value,
.now-page .trend-value,
.detail-current,
.history-val,
.charts-v012005 .v4-stats .v4-measure,
.forecast-v012005 .v4-value-box .v4-measure,
.forecast-v012005 .v67-rain-value .v4-measure,
.forecast-v012005 .v70-pollen-value .v4-measure,
.forecast-v012005 .v4-day-temps .v4-measure,
.forecast-v012005 .v4-day-rain .v4-measure,
.v4-measure-line,
.v4-measure-line>b{
  font-variant-numeric:tabular-nums lining-nums!important;
  font-feature-settings:"tnum" 1,"lnum" 1!important;
}
.now-page .metric-number,
.now-page .metric-value .unit,
.now-page .data-value span,
.now-page .data-value .data-unit,
.now-page .trend-value .data-unit,
.v4-measure-line>small,
.detail-current .detail-unit,
.history-val .detail-unit{
  font-family:inherit!important;
  font-weight:inherit!important;
  letter-spacing:0!important;
}

/* Recupera una mica de cos visual sense tornar a enfosquir tota la interfície. */
:root[data-theme="light"] .now-page .metric-value.reading-ink,
:root[data-theme="light"] .now-page .data-value.reading-ink,
:root[data-theme="light"] .now-page .trend-value{
  text-shadow:0 .35px .35px rgba(0,0,0,.18)!important;
}
:root[data-theme="dark"] .now-page .metric-value.reading-ink,
:root[data-theme="dark"] .now-page .data-value.reading-ink,
:root[data-theme="dark"] .now-page .trend-value{
  text-shadow:0 .35px .35px rgba(255,255,255,.10)!important;
}

.detail-title{font-size:21px!important;font-weight:700!important;line-height:1.10!important;}
.detail-meta{font-size:14.6px!important;font-weight:500!important;line-height:1.34!important;}
.detail-current{font-size:28px!important;font-weight:700!important;}
.history-ago{font-size:14px!important;font-weight:560!important;line-height:1.12!important;}
.history-time{font-size:16.8px!important;font-weight:500!important;line-height:1.04!important;}
.history-val{font-size:19.8px!important;font-weight:700!important;line-height:1!important;}
.source-note{font-size:13.6px!important;font-weight:500!important;line-height:1.36!important;}
.detail .btn{font-size:16.5px!important;font-weight:700!important;}

.forecast-help-body h3{font-size:18.2px!important;font-weight:700!important;line-height:1.16!important;}
.forecast-help-body p,
.environment-reading p,
.help-v012003 .help-section-body>p,
.help-v012003 .help-section-body li{font-size:15.6px!important;font-weight:500!important;line-height:1.52!important;}
.environment-topic-label{font-size:16px!important;font-weight:700!important;line-height:1.22!important;}
.forecast-help-source,
.help-v012003 .help-links a{font-size:14px!important;font-weight:560!important;line-height:1.36!important;}
.help-v012003 .help-search label{font-size:16.2px!important;font-weight:700!important;line-height:1.18!important;}
.help-v012003 .help-search input{font-size:15.8px!important;font-weight:500!important;line-height:1.18!important;}
.help-v012003 .help-search p{font-size:13.6px!important;font-weight:560!important;}
.help-v012003 .help-section summary{font-size:17px!important;font-weight:700!important;line-height:1.24!important;}

.forecast-v012005.ui-system-master .v4-field>label,
.forecast-v012005.ui-system-master .v5-range>label,
.forecast-v012005.ui-system-master .v4-hero-summary label{font-size:14.2px!important;font-weight:560!important;line-height:1.16!important;}
.forecast-v012005.ui-system-master .v4-value-box>.v4-measure,
.forecast-v012005.ui-system-master .v5-range .v4-value-box .v4-measure,
.forecast-v012005.ui-system-master .v67-rain-value>.v4-measure,
.forecast-v012005.ui-system-master .v70-pollen-value>.v4-measure{font-size:16.5px!important;font-weight:700!important;}
.forecast-v012005 .v4-temp-row>span,
.forecast-v012005 .v4-location small,
.forecast-v012005 .v4-card>footer{font-size:13.6px!important;font-weight:500!important;line-height:1.30!important;}
.forecast-v012005 .v4-temp-row>span .v4-measure{font-size:17.5px!important;}
.forecast-v012005.ui-system-master .v4-daily-list>header{font-size:13.6px!important;font-weight:560!important;line-height:1.14!important;}
.forecast-v012005.ui-system-master .v4-day-name strong{font-size:15.6px!important;font-weight:700!important;line-height:1.12!important;}
.forecast-v012005.ui-system-master .v4-day-name small,
.forecast-v012005.ui-system-master .v4-day-temps>span>small{font-size:12.8px!important;font-weight:560!important;line-height:1.08!important;}
.forecast-v012005.ui-system-master .v4-day-temps .v4-measure,
.forecast-v012005.ui-system-master .v4-day-rain .v4-measure{font-size:15px!important;font-weight:700!important;}
.forecast-v012005.ui-system-master .v4-day-rain>span{font-size:13.5px!important;}
.forecast-v012005.ui-system-master .v4-day-rain>span>b,
.forecast-v012005.ui-system-master .v4-day-rain>span>.v5-weather-glyph{font-size:15.2px!important;}

.v5-forecast-status,
.charts-v012005 .chart-load-status{font-size:14.5px!important;font-weight:650!important;line-height:1.16!important;}

.charts-v012005 .v3-period-panel .period{font-size:15.4px!important;font-weight:700!important;}
.charts-v012005 .v4-chart-title h2,
.charts-v012005 .chart-title{font-size:20px!important;font-weight:700!important;line-height:1.10!important;}
.charts-v012005 .v4-stats span{font-size:14px!important;font-weight:560!important;}
.charts-v012005 .v4-stats .v4-measure{font-size:16px!important;font-weight:700!important;}
.charts-v012005 .v4-chart-svg .v4-ytext,
.charts-v012005 .v4-chart-svg .v4-xtext,
.charts-v012005 .v4-chart-svg .v4-axis-unit{font-size:12.6px!important;font-weight:560!important;}
.charts-v012005 .v4-card>footer,
.charts-v012005 .legend,
.charts-v012005 .source-note{font-size:13.6px!important;font-weight:500!important;line-height:1.30!important;}

.config-page.ui-system-master .config-section h2,
.config-page.ui-system-master .config-summary,
.config-page.ui-system-master .widget-name{font-size:17.8px!important;font-weight:700!important;line-height:1.12!important;}
.config-page.ui-system-master .field label,
.config-page.ui-system-master .version-row span{font-size:14px!important;font-weight:560!important;line-height:1.22!important;}
.config-page.ui-system-master .field-help,
.config-page.ui-system-master .field-note,
.config-page.ui-system-master .saved-copy span,
.config-page.ui-system-master .install-preview span,
.config-page.ui-system-master .release-notes,
.config-page.ui-system-master .config-footer,
.config-page.ui-system-master .widget-future,
.config-page.ui-system-master .chip-status{font-size:13.5px!important;font-weight:500!important;line-height:1.34!important;}
.config-page.ui-system-master .saved-copy strong,
.config-page.ui-system-master .install-preview strong,
.config-page.ui-system-master .widget-name{font-size:16.8px!important;font-weight:700!important;line-height:1.10!important;}
.config-page.ui-system-master .field input,
.config-page.ui-system-master .field select,
.config-page.ui-system-master .current-station-section .field input,
.config-page.ui-system-master .current-station-section .field select{font-size:15.8px!important;font-weight:650!important;line-height:1.08!important;}
.config-page.ui-system-master .save-station-top,
.config-page.ui-system-master .share-main,
.config-page.ui-system-master .mini-button,
.config-page.ui-system-master .config-secondary,
.config-page.ui-system-master .input-action button,
.config-page.ui-system-master .saved-actions button,
.config-page.ui-system-master .language-buttons button,
.config-page.ui-system-master .advanced-sensors summary,
.map-panel .map-selection button{font-size:15.4px!important;font-weight:700!important;line-height:1.08!important;}
.config-page.ui-system-master .version-row strong{font-size:14.6px!important;font-weight:700!important;}
.map-panel .modal-head strong{font-size:19px!important;font-weight:700!important;line-height:1.14!important;}
.map-panel .modal-head span{font-size:13.5px!important;font-weight:500!important;line-height:1.22!important;}

@media(max-width:390px){
  .now-page .metric-name,
  .now-page .metric-sub{font-size:13.2px!important;}
  .now-page .metric-value{font-size:27px!important;}
  .now-page .metric-card[style*="--accent:#b36cf5"] .metric-value{font-size:25px!important;}
  .now-page .data-value{font-size:14.3px!important;}
  .now-page .label{font-size:12.7px!important;}
  .bottomnav .navbtn .navlabel{font-size:13.8px!important;}
}