/* HealingMart Weather v7.4.32 — left rail mirrors the selected-point panel */
#screen-local #mobileLocalDashboard{display:none}

@media(min-width:981px), (max-width:980px){
  #screen-local .rail-inner{position:relative!important}
  #screen-local .rail-inner > *:not(#mobileLocalDashboard){display:none!important}
  #screen-local #mobileLocalDashboard{display:block!important}

  /* left rail base */
  .mld-point-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 0 14px;border-bottom:1px solid #dfe8ec;margin-bottom:14px}
  .mld-point-head .eyebrow-text{font-size:11px;color:#0e746a;font-weight:800;letter-spacing:.03em}
  .mld-point-head h2{margin:4px 0 0;font-size:20px;line-height:1.35;letter-spacing:-.035em;color:#123a56;overflow-wrap:anywhere}
  .mld-point-head button{flex:none;width:40px;height:40px;border:1px solid #d9e4e8;border-radius:50%;background:#fff;color:#0d5f7c;font-size:20px}

  /* current weather: same visual language as clicked point sheet */
  .mld-weather-block{padding:0 0 14px}
  .mld-weather-block .point-current{display:flex;align-items:center;gap:12px;margin:0 0 14px}
  .mld-weather-block .point-weather-icon{display:grid;place-items:center;flex:none;width:52px;height:52px}
  .mld-weather-block .point-weather-icon .wx-svg{width:48px!important;height:48px!important}
  .mld-weather-block .point-current>strong{font-size:46px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:#113a58}
  .mld-weather-block .point-current>div:last-child{min-width:0}
  .mld-weather-block .point-current>div:last-child b{display:block;font-size:13px;line-height:1.45;color:#173f5c}
  .mld-weather-block .point-current>div:last-child span{display:block;margin-top:3px;font-size:11.5px;line-height:1.5;color:#667d8d}

  .mld-weather-block .point-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 9px}
  .mld-weather-block .point-metrics>div{min-width:0;padding:10px 7px;background:#f3f8f7;border:1px solid #e2ecea;border-radius:10px;text-align:left}
  .mld-weather-block .point-metrics span{display:block;color:#738793;font-size:10px;margin-bottom:5px}
  .mld-weather-block .point-metrics b{display:block;font-size:14px;line-height:1.35;color:#153d59;overflow-wrap:anywhere}
  .mld-weather-source{display:block;font-size:10.5px;line-height:1.55;color:#6f828f;text-align:left}

  /* overall weather mood */
  .mld-mood{margin:0 0 14px;padding:10px 12px;border:1px solid #d9e8e2;border-radius:12px;background:linear-gradient(90deg,#eef8f4,#f3f8fc);color:#255f5a;font-size:11.5px;line-height:1.45;font-weight:850;text-align:center}

  /* use clicked-point style for copied/moved sections */
  #mobileLocalDashboard .mld-point-card{padding:14px 13px;border:1px solid #dfe8ed;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(22,58,87,.045);margin:0 0 12px}
  #mobileLocalDashboard .mld-point-card>h3{margin:0 0 10px;font-size:15px;line-height:1.45;color:#153c58}
  #mobileLocalDashboard .mld-point-card .air-rings{justify-content:center}
  #mobileLocalDashboard .mld-point-card .air-message{text-align:center;margin:9px 0 0;font-size:11px}
  #mobileLocalDashboard .mld-point-card .sun-values{gap:8px}
  #mobileLocalDashboard .mld-point-card .sun-values>div{padding:11px 8px;text-align:center;border-radius:12px}
  #mobileLocalDashboard .mld-point-card .sun-values span{font-size:10px}
  #mobileLocalDashboard .mld-point-card .sun-values b{font-size:17px}
  #mobileLocalDashboard .mld-point-card .data-stamp{margin-top:8px;font-size:10px;line-height:1.5;color:#7b8d98}

  /* 24-hour / 1-hour interval */
  #mobileLocalDashboard .nowcast{margin:0 0 12px;border:1px solid #dfe8ed;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(22,58,87,.045);overflow:hidden}
  #mobileLocalDashboard .nowcast-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 13px 9px}
  #mobileLocalDashboard .nowcast-head strong{font-size:15px;color:#153c58}
  #mobileLocalDashboard .nowcast-head span{font-size:10px;color:#788b98;white-space:nowrap}
  #mobileLocalDashboard .nowcast-strip{padding:0 10px 10px;overflow-x:auto;scrollbar-width:thin}

  #mobileLocalDashboard .detail-link{width:100%;min-height:46px;margin:0 0 12px;padding:12px 14px;border:0;border-radius:13px;background:linear-gradient(145deg,#123b5d,#0d5973);color:#fff;font-size:13px;font-weight:850}

  /* mini live / provider comparison / alerts */
  #mobileLocalDashboard .mld-secondary{padding:14px 13px;border:1px solid #dfe8ed;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(22,58,87,.045);margin:0 0 12px}
  #mobileLocalDashboard .mld-secondary>h3{margin:0 0 10px;font-size:15px;color:#153c58}
  #mobileLocalDashboard .windy-mini{border-radius:13px;overflow:hidden}
  #mobileLocalDashboard .windy-mini iframe{height:210px}
  #mobileLocalDashboard #providerCurrent .provider-note{display:none!important}
  #mobileLocalDashboard .current-provider-grid{grid-template-columns:1fr!important;gap:7px!important}
  #mobileLocalDashboard .current-provider{padding:11px!important;border-radius:11px!important}
  #mobileLocalDashboard .current-provider strong{font-size:25px!important;margin:8px 0 3px!important}
  #mobileLocalDashboard .current-provider span,#mobileLocalDashboard .current-provider small{font-size:10px!important}

  /* tide follows the sun/moon card, before hourly forecast */
  #mobileLocalDashboard #localOceanSection{margin-top:0!important;margin-bottom:0!important}
  #mobileLocalDashboard #localOceanSection[hidden]{display:none!important}
  #mobileLocalDashboard .tide-events{justify-content:center}
  #mobileLocalDashboard .tide-events>div{text-align:center}

  /* hide legacy-only source/trust UI no matter what old CSS says */
  #screen-local .source-proof,
  #screen-local .trust-panel,
  #screen-local .official-data-badge,
  #screen-local #observed,
  #screen-local .hero-alert,
  #screen-local .peek-official,
  #screen-local .peek-stations{display:none!important}
}

@media(min-width:981px){
  #screen-local .rail-inner{padding:22px 20px 32px!important}
  .mld-point-head h2{font-size:21px}
  .mld-weather-block .point-current{justify-content:center}
  .mld-weather-block .point-weather-icon{width:58px;height:58px}
  .mld-weather-block .point-weather-icon .wx-svg{width:52px!important;height:52px!important}
  .mld-weather-block .point-current>strong{font-size:50px}
  .mld-weather-block .point-metrics>div{text-align:center}
  .mld-weather-source{text-align:center}
}

@media(max-width:980px){
  #screen-local .rail-inner{padding:10px 14px 24px!important;max-height:calc(82dvh - 26px)!important}
  .mld-point-head{padding-top:0}
  .mld-point-head h2{font-size:18px}
  .mld-weather-block .point-weather-icon{width:54px;height:54px}
  .mld-weather-block .point-weather-icon .wx-svg{width:50px!important;height:50px!important}
  .mld-weather-block .point-current>strong{font-size:44px}
  .mld-weather-block .point-metrics{gap:6px}
  .mld-weather-block .point-metrics>div{padding:9px 5px}
  #mobileLocalDashboard .windy-mini iframe{height:200px}
}

/* precise typography for moved live-updating nodes */
.mld-point-head #locName{margin:4px 0 0!important;font-size:20px!important;line-height:1.35!important;letter-spacing:-.035em!important;color:#123a56!important;overflow-wrap:anywhere!important}
#mldTempSlot{flex:none}
#mldTempSlot #temp{font-size:46px!important;line-height:1!important;font-weight:900!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.045em!important;color:#113a58!important}
#mldConditionSlot #heroCondition{display:block!important;font-size:13px!important;line-height:1.45!important;font-weight:850!important;color:#173f5c!important}
#mldFeelSlot #feels,#mldFeelSlot #ydayDiff{font-size:11.5px!important;line-height:1.5!important;color:#667d8d!important}
#mldFeelSlot #feels{font-weight:700!important}
@media(min-width:981px){
  .mld-point-head #locName{font-size:21px!important}
  #mldTempSlot #temp{font-size:50px!important}
}
@media(max-width:980px){
  .mld-point-head #locName{font-size:18px!important}
  #mldTempSlot #temp{font-size:44px!important}
}


/* v7.4.23 — desktop detail readability + slightly larger local weather symbol */
@media(min-width:981px){
  /* Local hero weather symbol: only a modest size increase. */
  .mld-weather-block .point-weather-icon{
    width:64px!important;
    height:64px!important;
  }
  .mld-weather-block .point-weather-icon .wx-svg{
    width:58px!important;
    height:58px!important;
  }

  /* Detail weather: slightly more vertical breathing room on desktop. */
  #screen-detail.active>.detail-weather{
    padding:34px 32px 44px!important;
  }
  #screen-detail .detail-title{
    margin-bottom:28px!important;
  }
  #screen-detail .detail-title h2{
    margin:9px 0 6px!important;
    line-height:1.45!important;
  }
  #screen-detail .info-block{
    padding:26px 24px!important;
    margin-bottom:22px!important;
    border-radius:16px!important;
  }
  #screen-detail .info-block h3{
    margin-bottom:16px!important;
    line-height:1.5!important;
  }
  #screen-detail .hm-table thead th{
    padding:10px 7px!important;
  }
  #screen-detail .hm-table tbody td{
    padding:11px 7px!important;
  }
  #screen-detail .hm-hourly td,
  #screen-detail .hm-daily td{
    line-height:1.55!important;
  }
  #screen-detail .hm-hourly .wx-inline .wx-svg,
  #screen-detail .hm-daily .wx-inline .wx-svg{
    width:23px!important;
    height:23px!important;
  }
  #screen-detail .daily-rows>div{
    padding:18px 0!important;
    line-height:1.55!important;
  }
  #screen-detail .current-provider{
    padding:18px 14px!important;
  }
}


/* v7.4.24 — compact horizontal provider comparison + complete astro title */
#mobileLocalDashboard .mld-astro-card-section>h3{
  font-size:0!important;
  line-height:1.45!important;
}
#mobileLocalDashboard .mld-astro-card-section>h3::after{
  content:"일출, 일몰 / 월출, 월몰";
  font-size:15px!important;
  color:#153c58!important;
  font-weight:800!important;
}

#mobileLocalDashboard .mld-provider-compare>h3{
  margin-bottom:9px!important;
}
#mobileLocalDashboard .mld-provider-compare #providerCurrent{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:3px!important;
  scrollbar-width:thin!important;
}
#mobileLocalDashboard .mld-provider-compare .current-provider-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  min-width:0!important;
}
#mobileLocalDashboard .mld-provider-compare .current-provider{
  min-width:0!important;
  padding:9px 8px!important;
  display:block!important;
  text-align:center!important;
}
#mobileLocalDashboard .mld-provider-compare .current-provider>div{
  min-width:0!important;
}
#mobileLocalDashboard .mld-provider-compare .current-provider b{
  display:block!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mobileLocalDashboard .mld-provider-compare .current-provider span{
  display:block!important;
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mobileLocalDashboard .mld-provider-compare .current-provider strong{
  display:block!important;
  margin:7px 0 2px!important;
  font-size:20px!important;
  line-height:1.15!important;
}
#mobileLocalDashboard .mld-provider-compare .current-provider small{
  display:block!important;
  font-size:9px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mobileLocalDashboard .mld-provider-compare .provider-note{
  display:none!important;
}

@media(max-width:980px){
  #mobileLocalDashboard .mld-provider-compare .current-provider-grid{
    grid-template-columns:repeat(3,minmax(108px,1fr))!important;
    min-width:336px!important;
  }
}


/* v7.4.25 — accurate live weather layer icons */
#mobileLocalDashboard #miniTabs{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
#mobileLocalDashboard #miniTabs::-webkit-scrollbar{display:none!important}
#mobileLocalDashboard #miniTabs button[data-overlay]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:38px!important;
  padding:7px 10px!important;
  white-space:nowrap!important;
}
#mobileLocalDashboard .live-layer-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  color:currentColor!important;
}
#mobileLocalDashboard .live-layer-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
}


/* v7.4.26 — de-duplicate station source + stronger hero weather symbol */
@media(min-width:981px){
  .mld-weather-block .point-weather-icon{
    width:76px!important;
    height:76px!important;
  }
  .mld-weather-block .point-weather-icon .wx-svg{
    width:70px!important;
    height:70px!important;
  }
}
@media(max-width:980px){
  .mld-weather-block .point-weather-icon{
    width:66px!important;
    height:66px!important;
  }
  .mld-weather-block .point-weather-icon .wx-svg{
    width:60px!important;
    height:60px!important;
  }
}

/* v7.4.27 — mobile centering, balanced time bar, clearer live layer marks */
#mobileLocalDashboard .live-layer-icon{
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
  line-height:1!important;
}
#mobileLocalDashboard .live-layer-icon[data-type="pressure"]{
  width:auto!important;
  min-width:25px!important;
  padding:2px 4px!important;
  border:1px solid currentColor!important;
  border-radius:6px!important;
  font-size:8px!important;
  font-weight:900!important;
}
.aq-ring>div span{
  max-width:78px!important;
  line-height:1.18!important;
  text-align:center!important;
  font-size:9px!important;
}

@media(max-width:980px){
  #screen-local .mld-point-head{
    position:relative!important;
    justify-content:center!important;
    padding-left:42px!important;
    padding-right:42px!important;
    text-align:center!important;
  }
  #screen-local .mld-point-head>div:first-child{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  #screen-local .mld-point-head .eyebrow-text,
  #screen-local .mld-point-head #locName{
    text-align:center!important;
  }
  #screen-local .mld-point-head #locName{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #screen-local .mld-point-head>button{
    position:absolute!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  #screen-local .mld-weather-block .point-current{
    justify-content:center!important;
  }
  #screen-local .mld-weather-block .point-metrics>div{
    text-align:center!important;
  }
  #screen-local .mld-weather-source,
  #screen-local .mld-mood,
  #mobileLocalDashboard .mld-point-card>h3,
  #mobileLocalDashboard .mld-secondary>h3,
  #mobileLocalDashboard .mld-provider-compare>h3{
    text-align:center!important;
  }
  #mobileLocalDashboard .nowcast-head{
    justify-content:center!important;
    text-align:center!important;
    flex-wrap:wrap!important;
    gap:2px 8px!important;
  }
  #mobileLocalDashboard .mld-provider-compare .current-provider{
    text-align:center!important;
  }
  #mobileLocalDashboard #miniTabs{
    justify-content:center!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  #screen-local .map-timebar{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    justify-content:stretch!important;
    align-items:center!important;
    gap:4px!important;
    padding:6px!important;
    overflow:visible!important;
  }
  #screen-local .map-timebar button{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
    line-height:1.1!important;
  }
  #screen-local .map-timebar button:last-child{
    font-size:9px!important;
    letter-spacing:-.04em!important;
  }

  #mobileLocalDashboard .air-rings{
    justify-items:center!important;
    align-items:start!important;
  }
  #mobileLocalDashboard .aq-wrap,
  #mobileLocalDashboard .sun-values>div{
    text-align:center!important;
  }
}


/* v7.4.28 — hero weather symbol visually matches the large temperature */
@media(min-width:981px){
  .mld-weather-block .point-weather-icon{
    width:88px!important;
    height:88px!important;
  }
  .mld-weather-block .point-weather-icon .wx-svg{
    width:82px!important;
    height:82px!important;
  }
}
@media(max-width:980px){
  .mld-weather-block .point-weather-icon{
    width:78px!important;
    height:78px!important;
  }
  .mld-weather-block .point-weather-icon .wx-svg{
    width:72px!important;
    height:72px!important;
  }
}


/* v7.4.29 — fix actual hero icon and all Korea/World layer controls */
.mld-weather-block .point-weather-icon .wx-fallback{
  display:block!important;
  font-size:64px!important;
  line-height:1!important;
  transform:none!important;
}
#koreaLayers button::before,
#worldLayers button::before,
#mobileLocalDashboard #miniTabs button::before{
  display:none!important;
  content:none!important;
}
#koreaLayers button,
#worldLayers button,
#mobileLocalDashboard #miniTabs button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
#koreaLayers .live-layer-icon,
#worldLayers .live-layer-icon,
#mobileLocalDashboard .live-layer-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  font-size:16px!important;
  line-height:1!important;
}
#koreaLayers .live-layer-icon[data-type="pressure"],
#worldLayers .live-layer-icon[data-type="pressure"],
#mobileLocalDashboard .live-layer-icon[data-type="pressure"]{
  width:auto!important;
  min-width:28px!important;
  height:20px!important;
  padding:1px 4px!important;
  border:1px solid currentColor!important;
  border-radius:6px!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}
@media(min-width:981px){
  .mld-weather-block .point-weather-icon{
    width:90px!important;
    height:90px!important;
  }
  .mld-weather-block .point-weather-icon .wx-svg{
    width:84px!important;
    height:84px!important;
  }
  .mld-weather-block .point-weather-icon .wx-fallback{
    font-size:76px!important;
  }
}
@media(max-width:980px){
  .mld-weather-block .point-weather-icon{
    width:82px!important;
    height:82px!important;
  }
  .mld-weather-block .point-weather-icon .wx-svg{
    width:76px!important;
    height:76px!important;
  }
  .mld-weather-block .point-weather-icon .wx-fallback{
    font-size:68px!important;
  }
  #koreaLayers button,
  #worldLayers button{
    justify-content:flex-start!important;
    padding-left:12px!important;
  }
}


/* v7.4.30 — professional mobile hero, tighter spacing, one-step darker type */
:root{
  --studio-muted:#496472;
}

@media(max-width:980px){
  /* Header actions: exact two-button alignment. */
  .top{
    grid-template-columns:minmax(0,1fr) 114px!important;
    column-gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .actions{
    width:114px!important;
    display:grid!important;
    grid-template-columns:64px 44px!important;
    gap:6px!important;
    align-items:center!important;
    justify-self:end!important;
  }
  .actions .status{display:none!important}
  #locBtn,#refreshBtn{
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    border-radius:13px!important;
  }
  #locBtn{
    width:64px!important;
    min-width:64px!important;
    padding:0 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    white-space:nowrap!important;
  }
  #locBtn span{
    display:inline!important;
    font-size:11px!important;
  }
  #refreshBtn{
    width:44px!important;
    min-width:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:17px!important;
  }

  /* Mobile rail spacing. */
  #screen-local .rail-inner{
    padding:11px 12px 24px!important;
  }
  #screen-local .mld-point-head{
    margin-bottom:9px!important;
  }

  /* Hero is one coherent professional card. */
  #screen-local .mld-weather-block{
    margin:0 0 10px!important;
    padding:14px 13px 10px!important;
    border:1px solid #d5e3ec!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#f3f9fd 0%,#ffffff 58%,#f3faf7 100%)!important;
    box-shadow:0 7px 20px rgba(20,55,82,.07)!important;
  }
  #screen-local .mld-weather-block .point-current{
    margin-bottom:12px!important;
    gap:10px!important;
  }
  #screen-local .mld-weather-block .point-metrics{
    margin:0!important;
    gap:0!important;
    border:1px solid #dce6ec!important;
    border-radius:13px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.88)!important;
  }
  #screen-local .mld-weather-block .point-metrics>div{
    border-radius:0!important;
    border:0!important;
    border-right:1px solid #e1e9ee!important;
    background:transparent!important;
    padding:9px 4px!important;
  }
  #screen-local .mld-weather-block .point-metrics>div:last-child{
    border-right:0!important;
  }

  /* Weather mood stays inside hero. */
  #screen-local .mld-mood{
    margin:9px 0 0!important;
    padding:8px 9px!important;
    border:1px solid #d9e7e1!important;
    border-radius:11px!important;
    background:#f1f8f5!important;
    color:#1e5b57!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }

  /* Reserve a warning lane. Empty lane keeps the hero stable; real alerts appear here. */
  #screen-local .mld-alert-slot{
    min-height:28px!important;
    margin-top:6px!important;
    padding:5px 8px!important;
    border-radius:10px!important;
    color:transparent!important;
    background:transparent!important;
    border:1px solid transparent!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  #screen-local .mld-alert-slot.has-alert{
    color:#8c3b1b!important;
    background:#fff6ec!important;
    border-color:#efc89f!important;
  }

  /* Observation/source is always the very bottom line of the hero. */
  #screen-local .mld-weather-source{
    display:block!important;
    margin:2px 0 0!important;
    padding-top:7px!important;
    border-top:1px solid #e5ecef!important;
    text-align:center!important;
    color:#4f6979!important;
    font-size:10px!important;
    line-height:1.35!important;
  }

  /* 1-day hourly forecast immediately below hero. */
  #mobileLocalDashboard #mldHourlyMount{
    margin:0 0 10px!important;
  }
  #mobileLocalDashboard #mldHourlyMount .nowcast{
    margin:0!important;
  }
  #mobileLocalDashboard .nowcast-head{
    padding:11px 12px 8px!important;
  }
  #mobileLocalDashboard .nowcast-strip{
    padding:0 9px 9px!important;
  }

  /* Time bar: true equal margins and equal five cells. */
  #screen-local.active>.maparea{
    grid-template-rows:minmax(0,1fr) 58px!important;
  }
  #screen-local .map-timebar{
    position:relative!important;
    inset:auto!important;
    width:calc(100% - 20px)!important;
    height:50px!important;
    margin:4px 10px!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    align-self:center!important;
    justify-self:center!important;
    overflow:hidden!important;
    border:1px solid #dce6ed!important;
    border-radius:14px!important;
    box-shadow:0 5px 14px rgba(22,58,87,.06)!important;
    background:#fff!important;
  }
  #screen-local .map-timebar button{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:9.5px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  #screen-local .map-timebar button:last-child{
    font-size:8.8px!important;
    letter-spacing:-.045em!important;
  }

  /* Air labels: short labels, visibly larger. */
  #mobileLocalDashboard .aq-ring>div span{
    max-width:none!important;
    font-size:12px!important;
    line-height:1.15!important;
    color:#314e61!important;
  }

  /* One shade darker, not heavier. */
  #mobileLocalDashboard,
  #mobileLocalDashboard h1,
  #mobileLocalDashboard h2,
  #mobileLocalDashboard h3,
  #mobileLocalDashboard b,
  #mobileLocalDashboard strong,
  #mobileLocalDashboard button{
    color:#12364f;
  }
  #mobileLocalDashboard span,
  #mobileLocalDashboard small,
  #mobileLocalDashboard .data-stamp,
  #mobileLocalDashboard .muted,
  #mobileLocalDashboard .tiny,
  #screen-local .map-title span,
  #screen-local .map-title small{
    color:#536b7a;
  }
  #mobileLocalDashboard .mld-point-head .eyebrow-text{
    color:#17685f!important;
  }
  #mobileLocalDashboard .mld-condition,
  #mldConditionSlot #heroCondition{
    color:#164a6c!important;
  }
  #mobileLocalDashboard .mld-feels,
  #mldFeelSlot #feels,
  #mldFeelSlot #ydayDiff{
    color:#536b7a!important;
  }
  #mobileLocalDashboard .mld-weather-block .point-metrics span{
    color:#5e7481!important;
  }
  #mobileLocalDashboard .mld-weather-block .point-metrics b{
    color:#14394f!important;
  }
  .nav button::after{
    color:#294e62!important;
  }
  .nav button.active::after{
    color:#fff!important;
  }
  .search input{
    color:#233f52!important;
  }
}


/* v7.4.31 — mobile LIVE sheets: when opened, prioritize data and keep a compact map preview */
@media(max-width:980px){
  /* Collapsed state remains map-first. Open state becomes data-first. */
  #screen-korea.active:not(.rail-collapsed)>.maparea,
  #screen-world.active:not(.rail-collapsed)>.maparea{
    flex:0 0 clamp(120px,20dvh,165px)!important;
    height:clamp(120px,20dvh,165px)!important;
    min-height:120px!important;
    max-height:165px!important;
  }

  #screen-korea.active:not(.rail-collapsed)>.rail,
  #screen-world.active:not(.rail-collapsed)>.rail{
    flex:1 1 auto!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  #screen-korea.active:not(.rail-collapsed)>.rail .rail-inner,
  #screen-world.active:not(.rail-collapsed)>.rail .rail-inner{
    height:calc(100% - 30px)!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
  }

  /* Keep the minimized map useful, not decorative. */
  #screen-korea.active:not(.rail-collapsed)>.maparea .map-title,
  #screen-world.active:not(.rail-collapsed)>.maparea .map-title{
    top:8px!important;
    left:8px!important;
    padding:6px 9px!important;
    max-width:180px!important;
  }
  #screen-korea.active:not(.rail-collapsed)>.maparea .map-title strong,
  #screen-world.active:not(.rail-collapsed)>.maparea .map-title strong{
    font-size:12px!important;
    line-height:1.2!important;
  }
  #screen-korea.active:not(.rail-collapsed)>.maparea .map-title span,
  #screen-korea.active:not(.rail-collapsed)>.maparea .map-title small,
  #screen-world.active:not(.rail-collapsed)>.maparea .map-title span,
  #screen-world.active:not(.rail-collapsed)>.maparea .map-title small{
    display:none!important;
  }
}


/* v7.4.32 — larger simple AQ labels + true live-map zoom-out when sheet opens */
#mobileLocalDashboard .aq-grade{
  color:#fff!important;
}
#mobileLocalDashboard .aq-ring>div span{
  max-width:none!important;
  font-size:14px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  color:#28475b!important;
}


/* =========================================================
   HealingMart Weather v8.0.4 — mobile LOCAL production UI
   ========================================================= */
@media(max-width:980px){
  /* Open LOCAL becomes a true weather dashboard. The collapsed state remains map-first. */
  #screen-local.active:not(.rail-collapsed)>.maparea{
    display:none!important;
  }
  #screen-local.active:not(.rail-collapsed)>.rail{
    order:1!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    border-radius:0!important;
    border-top:0!important;
    box-shadow:none!important;
    background:#f5f8fb!important;
  }
  #screen-local.active:not(.rail-collapsed)>.rail>.mobile-handle{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    height:28px!important;
    background:rgba(245,248,251,.94)!important;
    backdrop-filter:blur(12px)!important;
  }
  #screen-local.active:not(.rail-collapsed)>.rail .rail-inner{
    height:calc(100% - 28px)!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding:8px 12px calc(28px + env(safe-area-inset-bottom))!important;
    background:#f5f8fb!important;
  }

  #mobileLocalDashboard{
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    color:#143854!important;
  }

  /* Location heading */
  #mobileLocalDashboard .v8-local-head{
    min-height:54px!important;
    margin:0 2px 10px!important;
    padding:2px 48px 4px!important;
    border:0!important;
  }
  #mobileLocalDashboard .v8-local-head .eyebrow-text{
    color:#7a94aa!important;
    font-size:10px!important;
    letter-spacing:.12em!important;
  }
  #mobileLocalDashboard .v8-local-head #locName{
    margin-top:3px!important;
    color:#0c3559!important;
    font-size:22px!important;
    line-height:1.25!important;
    text-align:center!important;
  }
  #mobileLocalDashboard .v8-local-head>button{
    right:4px!important;
    width:40px!important;
    height:40px!important;
    border:1px solid #d8e5ef!important;
    background:#fff!important;
    color:#2f6f9e!important;
    box-shadow:0 4px 12px rgba(37,79,111,.08)!important;
  }

  /* Hero */
  #mobileLocalDashboard .v8-weather-hero{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    margin:0 0 12px!important;
    padding:18px 14px 12px!important;
    border:1px solid #cfe1ef!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 12% 16%,rgba(255,255,255,.92) 0 9%,transparent 22%),
      radial-gradient(circle at 92% 26%,rgba(255,255,255,.76) 0 10%,transparent 24%),
      linear-gradient(145deg,#cfeaff 0%,#edf8ff 52%,#f8fcff 100%)!important;
    box-shadow:0 10px 26px rgba(40,92,130,.10)!important;
  }
  #mobileLocalDashboard .v8-weather-hero::after{
    content:"";
    position:absolute;
    inset:auto -30px -48px auto;
    width:160px;
    height:110px;
    border-radius:50%;
    background:rgba(255,255,255,.42);
    filter:blur(5px);
    z-index:-1;
  }
  #mobileLocalDashboard .v8-weather-hero .point-current{
    min-height:112px!important;
    margin:0 0 12px!important;
    display:grid!important;
    grid-template-columns:94px auto minmax(88px,1fr)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-align:left!important;
  }
  #mobileLocalDashboard .v8-weather-hero .point-weather-icon{
    width:94px!important;
    height:94px!important;
    display:grid!important;
    place-items:center!important;
  }
  #mobileLocalDashboard .v8-weather-art{
    width:94px!important;
    height:94px!important;
    display:block!important;
    overflow:visible!important;
  }
  #mobileLocalDashboard #mldTempSlot{
    display:flex!important;
    align-items:center!important;
  }
  #mobileLocalDashboard #mldTempSlot #temp{
    color:#07345c!important;
    font-size:58px!important;
    line-height:.95!important;
    letter-spacing:-.055em!important;
  }
  #mobileLocalDashboard .v8-current-copy{
    align-self:center!important;
    min-width:0!important;
  }
  #mobileLocalDashboard #mldConditionSlot #heroCondition{
    color:#0e3b62!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:800!important;
    white-space:normal!important;
  }
  #mobileLocalDashboard #mldFeelSlot{
    margin-top:4px!important;
    line-height:1.35!important;
  }
  #mobileLocalDashboard #mldFeelSlot #feels,
  #mobileLocalDashboard #mldFeelSlot #ydayDiff{
    color:#587286!important;
    font-size:10.5px!important;
  }

  /* Equal 4-way metrics */
  #mobileLocalDashboard .v8-weather-hero .point-metrics{
    min-height:78px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    border:1px solid rgba(180,206,224,.78)!important;
    border-radius:15px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.78)!important;
    backdrop-filter:blur(8px)!important;
  }
  #mobileLocalDashboard .v8-weather-hero .point-metrics>div{
    min-height:78px!important;
    padding:10px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:0!important;
    border-right:1px solid #dfe9ef!important;
    background:transparent!important;
    text-align:center!important;
  }
  #mobileLocalDashboard .v8-weather-hero .point-metrics>div:last-child{border-right:0!important}
  #mobileLocalDashboard .v8-weather-hero .point-metrics span{
    color:#6b8292!important;
    font-size:9.5px!important;
    line-height:1.15!important;
  }
  #mobileLocalDashboard .v8-weather-hero .point-metrics b{
    color:#123d5c!important;
    font-size:13px!important;
    line-height:1.2!important;
    min-height:31px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    word-break:keep-all!important;
  }
  #mobileLocalDashboard .v8-weather-hero .mld-mood{
    margin:10px 0 0!important;
    padding:9px 10px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(232,247,242,.9)!important;
    color:#235f59!important;
    font-size:11px!important;
    line-height:1.4!important;
    text-align:center!important;
  }
  #mobileLocalDashboard .v8-weather-hero .mld-alert-slot{
    min-height:32px!important;
    margin:7px 0 0!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    border:1px solid transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  #mobileLocalDashboard .v8-weather-hero .mld-alert-slot.no-alert{
    color:#6d8494!important;
    background:rgba(255,255,255,.58)!important;
    border-color:rgba(205,220,230,.72)!important;
  }
  #mobileLocalDashboard .v8-weather-hero .mld-alert-slot.has-alert{
    color:#8b3d1b!important;
    background:#fff3e6!important;
    border-color:#efc69c!important;
  }
  #mobileLocalDashboard .v8-weather-hero .mld-weather-source{
    margin:7px 2px 0!important;
    padding-top:8px!important;
    border-top:1px solid rgba(184,204,217,.64)!important;
    color:#6b8191!important;
    font-size:9.5px!important;
    line-height:1.3!important;
    text-align:center!important;
  }

  /* Shared production card */
  #mobileLocalDashboard .nowcast,
  #mobileLocalDashboard .mld-point-card,
  #mobileLocalDashboard .v8-live-preview{
    margin:0 0 12px!important;
    border:1px solid #dce7ef!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(33,72,100,.055)!important;
  }

  /* Hourly forecast directly below hero */
  #mobileLocalDashboard .v8-hourly-mount{margin:0!important}
  #mobileLocalDashboard .nowcast{
    padding:0!important;
    overflow:hidden!important;
  }
  #mobileLocalDashboard .nowcast-head{
    min-height:58px!important;
    padding:13px 14px 9px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:1px 8px!important;
    text-align:left!important;
  }
  #mobileLocalDashboard .nowcast-head strong{
    grid-column:1!important;
    color:#123954!important;
    font-size:18px!important;
    line-height:1.25!important;
  }
  #mobileLocalDashboard .nowcast-head span{
    grid-column:1!important;
    color:#7b8f9d!important;
    font-size:10.5px!important;
  }
  #mobileLocalDashboard .v8-hour-more{
    grid-column:2!important;
    grid-row:1/3!important;
    align-self:center!important;
    width:auto!important;
    min-height:34px!important;
    margin:0!important;
    padding:5px 2px 5px 10px!important;
    border:0!important;
    background:transparent!important;
    color:#2b78ad!important;
    font-size:11px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  #mobileLocalDashboard .nowcast-strip{
    padding:2px 10px 12px!important;
    gap:8px!important;
    grid-auto-columns:78px!important;
  }
  #mobileLocalDashboard .nowcast-strip .hour{
    min-width:78px!important;
    min-height:112px!important;
    padding:10px 5px!important;
    border:1px solid #e0eaf1!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#fbfdff,#f1f8fd)!important;
    text-align:center!important;
  }
  #mobileLocalDashboard .nowcast-strip .hour b{
    color:#45657b!important;
    font-size:10.5px!important;
  }
  #mobileLocalDashboard .nowcast-strip .hour strong{
    color:#113d61!important;
    font-size:18px!important;
  }
  #mobileLocalDashboard .nowcast-strip .hour small{
    color:#6e8494!important;
    font-size:9.5px!important;
  }
  #mobileLocalDashboard .nowcast-strip .hour i .wx-svg{
    width:30px!important;
    height:30px!important;
  }

  /* Air quality */
  #mobileLocalDashboard .v8-air-mount .mld-point-card{
    padding:15px 12px 13px!important;
  }
  #mobileLocalDashboard .v8-air-mount .mld-point-card>h3{
    margin:0 0 12px!important;
    color:#123954!important;
    font-size:18px!important;
    text-align:left!important;
  }
  #mobileLocalDashboard .air-rings{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #mobileLocalDashboard .aq-wrap{
    min-width:0!important;
    gap:6px!important;
  }
  #mobileLocalDashboard .aq-grade{
    min-width:54px!important;
    padding:4px 10px!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1.1!important;
    border-radius:999px!important;
    box-shadow:0 3px 8px rgba(30,90,138,.12)!important;
  }
  #mobileLocalDashboard .aq-ring{
    min-height:108px!important;
    padding:6px 2px!important;
    border:0!important;
    border-radius:16px!important;
    background:#f5fafc!important;
  }
  #mobileLocalDashboard .aq-ring svg{
    width:78px!important;
    height:78px!important;
  }
  #mobileLocalDashboard .aq-ring>div b{
    color:#123a59!important;
    font-size:20px!important;
    line-height:1!important;
  }
  #mobileLocalDashboard .aq-ring>div span{
    margin-top:5px!important;
    color:#183f5d!important;
    font-size:14px!important;
    line-height:1.1!important;
  }
  #mobileLocalDashboard .air-message{
    margin:10px 0 2px!important;
    color:#667f8e!important;
    font-size:10.5px!important;
  }
  #mobileLocalDashboard .v8-air-mount .data-stamp{
    margin-top:5px!important;
    color:#7b8f9d!important;
    font-size:9px!important;
    text-align:center!important;
  }

  /* Astronomy + tide */
  #mobileLocalDashboard .v8-astro-tide-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    gap:10px!important;
    margin:0 0 12px!important;
    align-items:stretch!important;
  }
  #mobileLocalDashboard .v8-astro-tide-grid.is-single{
    grid-template-columns:1fr!important;
  }
  #mobileLocalDashboard .v8-astro-tide-grid .mld-point-card{
    height:100%!important;
    margin:0!important;
    padding:13px 11px!important;
  }
  #mobileLocalDashboard .mld-astro-card-section>h3::after{
    content:"일출, 일몰 / 월출, 월몰"!important;
    font-size:13px!important;
  }
  #mobileLocalDashboard .mld-astro-card-section .sun-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #mobileLocalDashboard .mld-astro-card-section .pillbox{
    min-height:58px!important;
    padding:7px 4px!important;
    border-radius:11px!important;
  }
  #mobileLocalDashboard .mld-astro-card-section .pillbox span{
    font-size:9px!important;
  }
  #mobileLocalDashboard .mld-astro-card-section .pillbox b{
    font-size:14px!important;
  }
  #mobileLocalDashboard .v8-tide-card>h3{
    font-size:13px!important;
  }
  #mobileLocalDashboard .v8-tide-card .tide-events{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  #mobileLocalDashboard .v8-tide-card .tide-events>div{
    padding:7px!important;
    border-radius:10px!important;
  }

  /* Quick actions */
  #mobileLocalDashboard .v8-quick-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin:0 0 12px!important;
  }
  #mobileLocalDashboard .v8-quick-actions button{
    min-height:54px!important;
    padding:0 13px!important;
    display:grid!important;
    grid-template-columns:26px 1fr 14px!important;
    align-items:center!important;
    gap:7px!important;
    border:1px solid #cfe0eb!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#174567!important;
    box-shadow:0 6px 16px rgba(33,72,100,.05)!important;
  }
  #mobileLocalDashboard .v8-quick-actions button:first-child{
    border-color:#2f7fb7!important;
    background:linear-gradient(145deg,#2f84bd,#246b9f)!important;
    color:#fff!important;
  }
  #mobileLocalDashboard .v8-quick-actions span{
    font-size:18px!important;
    color:inherit!important;
  }
  #mobileLocalDashboard .v8-quick-actions b{
    color:inherit!important;
    font-size:12px!important;
    text-align:left!important;
  }
  #mobileLocalDashboard .v8-quick-actions i{
    color:inherit!important;
    font-size:18px!important;
    font-style:normal!important;
  }

  /* Compact live preview from existing Windy iframe */
  #mobileLocalDashboard .v8-live-preview{
    padding:0!important;
    overflow:hidden!important;
  }
  #mobileLocalDashboard .v8-live-preview>h3{
    padding:11px 13px 8px!important;
    margin:0!important;
    color:#123954!important;
    font-size:13px!important;
    text-align:left!important;
  }
  #mobileLocalDashboard .v8-live-preview .windy-tabs{
    display:none!important;
  }
  #mobileLocalDashboard .v8-live-preview .windy-mini{
    border-radius:0!important;
  }
  #mobileLocalDashboard .v8-live-preview .windy-mini iframe{
    height:112px!important;
  }

  /* Hide duplicated secondary material on the mobile home dashboard. */
  #mobileLocalDashboard #mldCompareMount,
  #mobileLocalDashboard #mldAlertsMount,
  #mobileLocalDashboard #mldCaptureMount,
  #mobileLocalDashboard #mldDetailMount{
    display:none!important;
  }
}

/* Desktop keeps the established information-dense rail. */
@media(min-width:981px){
  #mobileLocalDashboard .v8-quick-actions{display:none!important}
  #mobileLocalDashboard .v8-astro-tide-grid{display:block!important}
  #mobileLocalDashboard .v8-astro-tide-grid>div{margin:0!important}
  #mobileLocalDashboard .v8-live-preview>h3{font-size:15px}
}


/* v8.0.4 — make the redesigned LOCAL dashboard the actual default mobile screen */
@media(max-width:980px){
  body.hm-v8-local-mobile{
    background:#f5f8fb!important;
  }
  body.hm-v8-local-mobile #screen-local.active{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100dvh - var(--studio-header) - var(--studio-nav))!important;
    max-height:calc(100dvh - var(--studio-header) - var(--studio-nav))!important;
    overflow:hidden!important;
    background:#f5f8fb!important;
  }
  body.hm-v8-local-mobile #screen-local.active>.maparea{
    display:none!important;
  }
  body.hm-v8-local-mobile #screen-local.active>.rail{
    order:1!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#f5f8fb!important;
  }
  body.hm-v8-local-mobile #screen-local.active>.rail>.mobile-handle,
  body.hm-v8-local-mobile #screen-local.active>.rail>.local-mobile-peek{
    display:none!important;
  }
  body.hm-v8-local-mobile #screen-local.active>.rail>.rail-inner{
    display:block!important;
    height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:12px 12px calc(30px + env(safe-area-inset-bottom))!important;
    background:#f5f8fb!important;
  }

  /* Make the global mobile header visually belong to the new dashboard. */
  body.hm-v8-local-mobile .top{
    min-height:108px!important;
    padding:8px 12px 7px!important;
    grid-template-columns:minmax(0,1fr) 114px!important;
    grid-template-rows:40px 46px!important;
    row-gap:7px!important;
    background:#fff!important;
    border-bottom:1px solid #e4edf4!important;
    box-shadow:none!important;
  }
  body.hm-v8-local-mobile .brand{
    align-self:center!important;
    color:#143a5b!important;
    font-size:17px!important;
    letter-spacing:.02em!important;
  }
  body.hm-v8-local-mobile .brand small{
    color:#7891a5!important;
    letter-spacing:.18em!important;
  }
  body.hm-v8-local-mobile .search{
    height:46px!important;
    border:1px solid #d9e6ef!important;
    border-radius:14px!important;
    background:#f8fbfd!important;
    box-shadow:none!important;
  }
  body.hm-v8-local-mobile .search input{
    color:#2c4e67!important;
    font-size:14px!important;
  }
  body.hm-v8-local-mobile .search button{
    border-radius:0 13px 13px 0!important;
  }

  /* Compact the top location block so the actual hero appears immediately. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-local-head{
    min-height:46px!important;
    margin:0 0 8px!important;
    padding:0 46px 3px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-local-head .eyebrow-text{
    display:none!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-local-head #locName{
    margin:0!important;
    font-size:20px!important;
    line-height:1.25!important;
  }

  /* Hero proportions closer to the approved visual mockup. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero{
    padding:16px 13px 11px!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 8% 22%,rgba(255,255,255,.95) 0 7%,transparent 19%),
      radial-gradient(circle at 88% 22%,rgba(255,255,255,.72) 0 8%,transparent 21%),
      linear-gradient(145deg,#bfe3ff 0%,#e8f6ff 54%,#f8fcff 100%)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-current{
    min-height:124px!important;
    grid-template-columns:106px auto minmax(92px,1fr)!important;
    gap:7px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-weather-icon,
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-art{
    width:106px!important;
    height:106px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldTempSlot #temp{
    font-size:64px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldConditionSlot #heroCondition{
    font-size:15px!important;
  }

  /* Keep each metric visually equal: same vertical rhythm, no random height. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-metrics{
    min-height:82px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-metrics>div{
    min-height:82px!important;
    padding:10px 3px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-metrics span{
    font-size:10px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-metrics b{
    font-size:13.5px!important;
    min-height:32px!important;
  }

  /* More generous cards so the screen reads like the mockup, not a legacy bottom sheet. */
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast,
  body.hm-v8-local-mobile #mobileLocalDashboard .mld-point-card,
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-live-preview{
    margin-bottom:14px!important;
    border-radius:20px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-head{
    padding:14px 15px 10px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip{
    padding:3px 12px 13px!important;
    grid-auto-columns:82px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip .hour{
    min-width:82px!important;
    min-height:118px!important;
  }

  /* Air labels are intentionally big/simple. */
  body.hm-v8-local-mobile #mobileLocalDashboard .aq-ring>div span{
    font-size:15px!important;
    margin-top:6px!important;
  }

  /* Navigation remains functional, but visually quiet so the weather content dominates. */
  body.hm-v8-local-mobile .nav{
    background:#fff!important;
    border-bottom:1px solid #e5edf3!important;
  }
}


/* =========================================================
   v8.0.4 — preserve every proven feature, refine instead of remove
   ========================================================= */
@media(max-width:980px){
  /* Location actions: map access + favorite. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-local-head{
    padding-left:86px!important;
    padding-right:86px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-head-actions{
    position:absolute!important;
    right:2px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-head-actions button{
    position:static!important;
    transform:none!important;
    height:38px!important;
    border:1px solid #d7e5ef!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#275d83!important;
    box-shadow:0 4px 12px rgba(37,79,111,.07)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #v8MapToggle{
    width:58px!important;
    padding:0 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    font-size:13px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #v8MapToggle span{
    color:inherit!important;
    font-size:10px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldFavorite{
    width:38px!important;
    padding:0!important;
    font-size:20px!important;
  }

  /* Restore existing working sections. They are compacted, not discarded. */
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldAlertsMount,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCaptureMount,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldRankMount{
    display:block!important;
  }

  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldAlertsMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCaptureMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldRankMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-favorites{
    margin:0 0 14px!important;
    padding:13px!important;
    border:1px solid #dce7ef!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(33,72,100,.045)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount h3,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldAlertsMount h3,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCaptureMount h3,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldRankMount h3{
    margin:0 0 10px!important;
    color:#123954!important;
    font-size:15px!important;
    line-height:1.3!important;
    text-align:left!important;
  }

  /* Favorites remain usable but visually quiet. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-favorite-mount{
    margin:0!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-favorites{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-favorites::-webkit-scrollbar{display:none!important}
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-favorites>span{
    flex:0 0 auto!important;
    color:#617a8c!important;
    font-size:10px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .favorite-chips{
    display:flex!important;
    flex:1 0 auto!important;
    gap:6px!important;
    overflow:visible!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .favorite-chips button,
  body.hm-v8-local-mobile #mobileLocalDashboard .save-fav{
    min-height:34px!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }

  /* Keep the proven provider comparison, but in a neat single horizontal row. */
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount .current-provider-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(116px,1fr))!important;
    gap:7px!important;
    min-width:362px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount #providerCurrent{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount .current-provider{
    min-height:88px!important;
    padding:10px 8px!important;
    border-radius:13px!important;
    text-align:center!important;
  }

  /* Full alert/capture functionality remains below the concise hero alert lane. */
  body.hm-v8-local-mobile #mobileLocalDashboard #mldAlertsMount .alert-state,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldAlertsMount .capture,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCaptureMount .capture{
    padding:10px!important;
    border-radius:12px!important;
    font-size:11px!important;
    line-height:1.5!important;
    text-align:left!important;
  }

  /* Mobile Korea TOP10 remains available at the bottom of the dashboard. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-local-rank{
    display:block!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-local-rank .ranking{
    display:grid!important;
    gap:6px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-local-rank .rank{
    min-height:46px!important;
    border-radius:11px!important;
  }

  /* Map mode is not removed: tap '지도' to return to the existing map + time bar. */
  #screen-local.active.rail-collapsed>.maparea{
    display:grid!important;
  }
}

/* Desktop: preserve the existing proven layout and all sections. */
@media(min-width:981px){
  #mobileLocalDashboard #mldCompareMount,
  #mobileLocalDashboard #mldAlertsMount,
  #mobileLocalDashboard #mldCaptureMount,
  #mobileLocalDashboard #mldRankMount{
    display:block!important;
  }
}


/* =========================================================
   v8.0.4 — visual refinement pass, no feature removals
   ========================================================= */
@media(max-width:980px){
  body.hm-v8-local-mobile{
    --v8-bg:#f4f7fa;
    --v8-card:#ffffff;
    --v8-ink:#103753;
    --v8-sub:#617b8d;
    --v8-line:#dce7ef;
    --v8-blue:#2f7fb7;
    --v8-teal:#267b71;
    background:var(--v8-bg)!important;
  }

  body.hm-v8-local-mobile #screen-local.active>.rail>.rail-inner{
    padding:10px 12px calc(30px + env(safe-area-inset-bottom))!important;
    background:var(--v8-bg)!important;
  }

  /* Header: cleaner separation, less visual noise. */
  body.hm-v8-local-mobile .top{
    min-height:106px!important;
    background:rgba(255,255,255,.985)!important;
    border-bottom:1px solid #e2ebf1!important;
  }
  body.hm-v8-local-mobile .brand{
    color:#103955!important;
  }
  body.hm-v8-local-mobile .brand small{
    color:#8296a5!important;
  }
  body.hm-v8-local-mobile .search{
    border-color:#d8e5ee!important;
    background:#f7fafc!important;
  }
  body.hm-v8-local-mobile .search:focus-within{
    border-color:#9fc7e2!important;
    box-shadow:0 0 0 3px rgba(47,127,183,.08)!important;
  }
  body.hm-v8-local-mobile #locBtn,
  body.hm-v8-local-mobile #refreshBtn{
    border-color:#d8e5ee!important;
    background:#fff!important;
    color:#315e7c!important;
    box-shadow:0 3px 10px rgba(26,65,91,.05)!important;
  }

  /* Location title is quieter; hero gets the attention. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-local-head{
    min-height:44px!important;
    margin-bottom:7px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-local-head #locName{
    color:#153d58!important;
    font-size:19px!important;
    font-weight:780!important;
    letter-spacing:-.025em!important;
  }

  /* Hero: slightly richer depth, but still restrained. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero{
    margin-bottom:14px!important;
    padding:17px 14px 12px!important;
    border-color:#c8deec!important;
    border-radius:23px!important;
    background:
      radial-gradient(circle at 9% 19%,rgba(255,255,255,.98) 0 8%,transparent 21%),
      radial-gradient(circle at 86% 25%,rgba(255,255,255,.74) 0 9%,transparent 23%),
      linear-gradient(145deg,#b8ddf8 0%,#dff2ff 48%,#f6fbff 100%)!important;
    box-shadow:0 12px 28px rgba(35,83,117,.11)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-art{
    filter:drop-shadow(0 8px 10px rgba(61,103,131,.12))!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldTempSlot #temp{
    color:#073657!important;
    text-shadow:0 1px 0 rgba(255,255,255,.7)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldConditionSlot #heroCondition{
    color:#123e5c!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldFeelSlot #feels,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldFeelSlot #ydayDiff{
    color:#5d7687!important;
  }

  /* Four metrics: exactly one visual height and one baseline. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-metrics{
    min-height:80px!important;
    border-color:#cfdee7!important;
    background:rgba(255,255,255,.83)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-metrics>div{
    min-height:80px!important;
    padding:9px 3px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-metrics span{
    color:#607a8c!important;
    font-size:10px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .point-metrics b{
    color:#143c58!important;
    font-size:13px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .mld-mood{
    background:rgba(232,246,241,.92)!important;
    color:#245f59!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-weather-hero .mld-alert-slot.no-alert{
    background:rgba(255,255,255,.42)!important;
    color:#718796!important;
  }

  /* Use the same surface language everywhere. */
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast,
  body.hm-v8-local-mobile #mobileLocalDashboard .mld-point-card,
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-live-preview,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldAlertsMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCaptureMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldRankMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-favorites{
    border-color:var(--v8-line)!important;
    border-radius:19px!important;
    background:var(--v8-card)!important;
    box-shadow:0 6px 18px rgba(32,73,101,.045)!important;
  }

  /* Hourly: clearer current state and calmer unselected cells. */
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-head strong{
    color:var(--v8-ink)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-head span{
    color:#7b909f!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip{
    gap:7px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip .hour{
    border-color:#e2ebf1!important;
    background:#f8fbfd!important;
    box-shadow:none!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip .hour:first-child{
    border-color:#9fc9e5!important;
    background:linear-gradient(180deg,#eaf6ff,#f6fbff)!important;
    box-shadow:inset 0 0 0 1px rgba(64,138,188,.08)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip .hour:first-child b{
    color:#2478ad!important;
  }

  /* Air quality: cleaner, bigger labels, less gray slab. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-air-mount .mld-point-card{
    padding:15px 13px 14px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .air-rings{
    gap:9px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .aq-ring{
    min-height:112px!important;
    background:linear-gradient(180deg,#fbfdfe,#f3f8fb)!important;
    border:1px solid #e5edf2!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .aq-ring>div span{
    color:#1c4662!important;
    font-size:15px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .aq-grade{
    color:#fff!important;
    font-size:11.5px!important;
    box-shadow:0 3px 9px rgba(36,91,129,.10)!important;
  }

  /* Astronomy and tide feel like a matched pair. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-astro-tide-grid{
    gap:9px!important;
    margin-bottom:14px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .mld-astro-card-section{
    background:linear-gradient(180deg,#fffdfa,#fff)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card{
    background:linear-gradient(180deg,#f7fbff,#fff)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .mld-astro-card-section .sun-box{
    background:#fff9ef!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .mld-astro-card-section .moon-box{
    background:#f1f6fc!important;
  }

  /* Primary actions: one strong, one quiet. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-quick-actions{
    gap:9px!important;
    margin-bottom:14px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-quick-actions button{
    min-height:56px!important;
    border-radius:16px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-quick-actions button:first-child{
    background:linear-gradient(145deg,#2f83b9,#236c9e)!important;
    box-shadow:0 7px 16px rgba(35,108,158,.15)!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-quick-actions button:last-child{
    background:#f8fbfd!important;
  }

  /* Secondary features remain fully accessible, but no longer compete with current weather. */
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldAlertsMount,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCaptureMount,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldRankMount{
    margin-top:0!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldAlertsMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCaptureMount>.section,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldRankMount>.section{
    padding:14px!important;
    margin-bottom:14px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCompareMount h3,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldAlertsMount h3,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldCaptureMount h3,
  body.hm-v8-local-mobile #mobileLocalDashboard #mldRankMount h3{
    color:#173d57!important;
    font-size:14px!important;
  }

  /* Favorites are preserved, but moved below the key actions. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-favorites{
    margin-bottom:14px!important;
    padding:11px 12px!important;
  }
}


/* =========================================================
   v8.0.4 — align tide with astronomy + restore full-width hourly scroll
   ========================================================= */
@media(max-width:980px){
  /* Astronomy and tide are a true matched pair. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-astro-tide-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    align-items:stretch!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-astro-tide-grid>div{
    min-width:0!important;
    height:100%!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-astro-tide-grid .mld-point-card{
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    margin:0!important;
    padding:12px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .mld-astro-card-section>h3,
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card>h3{
    flex:0 0 auto!important;
    min-height:34px!important;
    margin:0 0 8px!important;
    display:flex!important;
    align-items:center!important;
    font-size:12.5px!important;
    line-height:1.25!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .mld-astro-card-section .sun-row{
    flex:1 1 auto!important;
    min-height:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .mld-astro-card-section .pillbox{
    min-height:0!important;
    height:100%!important;
    padding:6px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  /* Tide keeps every event, but flows sideways instead of growing downward. */
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card #localOcean{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card .tide-events{
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-columns:minmax(74px,1fr)!important;
    gap:6px!important;
    justify-content:start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 2px!important;
    scrollbar-width:none!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card .tide-events::-webkit-scrollbar{
    display:none!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card .tide-events>div{
    min-width:74px!important;
    min-height:0!important;
    height:100%!important;
    padding:6px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    border:1px solid #dfebf2!important;
    border-radius:10px!important;
    background:#f7fbfe!important;
    text-align:center!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card .tide-events span{
    font-size:9px!important;
    line-height:1.1!important;
    color:#688091!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card .tide-events b{
    font-size:13px!important;
    line-height:1.15!important;
    color:#16435f!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card .tide-events small{
    font-size:8px!important;
    line-height:1.1!important;
    color:#7890a0!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .v8-tide-card .data-stamp{
    flex:0 0 auto!important;
    margin:5px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
    line-height:1.2!important;
    text-align:center!important;
  }

  /* Hourly weather: restore the original edge-to-edge horizontal table behavior. */
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast{
    overflow:hidden!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-top:1px solid #edf1f1!important;
    scroll-snap-type:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip>.hm-hscroll{
    width:max-content!important;
    min-width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 0 8px!important;
    overflow:visible!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip .hm-table.hm-hourly{
    width:max-content!important;
    min-width:100%!important;
    margin:0!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip .hm-table.hm-hourly th,
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip .hm-table.hm-hourly td{
    min-width:64px!important;
    padding:7px 6px!important;
  }
  body.hm-v8-local-mobile #mobileLocalDashboard .nowcast-strip .hm-table.hm-hourly .c-item{
    min-width:58px!important;
    left:0!important;
  }
}