/* L00P HAUS v225 — glance-first readability */
:root{
  --lh225-body:16px;
  --lh225-small:12px;
  --lh225-label:11px;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:var(--lh225-body);line-height:1.35}
button,input,select,textarea{font-size:16px}

/* Shared shell and navigation */
.lh213-nav .nav-label,.lh213-nav span,.lh213-nav small{font-size:11px!important;font-weight:800!important;letter-spacing:.01em!important}
.lh213-nav svg{width:24px!important;height:24px!important}

/* Generic app typography, intentionally restrained so fixed-height screens remain usable */
main h1,.page-title,.screen-title{font-size:clamp(32px,7vw,48px)!important;line-height:1!important}
main h2,.section-title{font-size:clamp(20px,4.5vw,28px)!important;line-height:1.08!important}
main h3,.card-title{font-size:18px!important;line-height:1.15!important}
main p,.card-copy,.supporting-copy{font-size:14px!important;line-height:1.35!important}
button,.button,.primary-action,.secondary-action{font-weight:850}

/* Intelligence — largest gains where quick scanning matters most */
.intel-head h1{font-size:clamp(36px,7vw,52px)!important}
.intel-head p{font-size:14px!important;line-height:1.25!important}
.learn-pill{font-size:11px!important;padding:8px 12px!important}
.map-status small{font-size:9px!important}
.map-status strong{font-size:18px!important;line-height:1.1!important}
.map-status span{font-size:12px!important;line-height:1.2!important}
.map-score b{font-size:28px!important}
.map-score small{font-size:9px!important}
.hotspot span{font-size:10px!important;padding:5px 9px!important}
.hotspot .dot{font-size:14px!important}
.forecast small,.mini-title{font-size:9px!important}
.forecast strong{font-size:32px!important}
.forecast span{font-size:12px!important}
.signal small{font-size:9px!important}
.signal b{font-size:14px!important}
.insight b{font-size:14px!important;line-height:1.28!important}
.cards-head h2{font-size:22px!important}
.cards-head span{font-size:11px!important}
.zone-name strong{font-size:17px!important}
.badge,.platform-chip,.risk{font-size:9px!important}
.zone-stats small{font-size:8px!important}
.zone-stats b{font-size:13px!important}
.action-bar button{font-size:15px!important;min-height:56px!important}
.navigate:after{font-size:20px!important}
.why-panel h3{font-size:21px!important}
.why-item{font-size:11px!important}
.why-item b{font-size:15px!important}

/* Home/Journey/Today cards and metrics */
.stat small,.metric small,.kpi small,.eyebrow,.label{font-size:10px!important;letter-spacing:.06em!important}
.stat b,.metric b,.kpi b,.stat strong,.metric strong,.kpi strong{font-size:clamp(18px,4vw,25px)!important;line-height:1.05!important}
.card button,.panel button,.sheet button{font-size:14px!important}

@media(max-width:720px){
  :root{--lh225-body:15px}
  .intel-head h1{font-size:36px!important}
  .map-status{max-width:66%!important}
  .map-status strong{font-size:16px!important}
  .forecast strong{font-size:27px!important}
  .zone-name strong{font-size:16px!important}
  .zone-stats b{font-size:12px!important}
  .action-bar button{font-size:14px!important;min-height:54px!important}
}
@media(max-height:760px){
  .intel-head h1{font-size:33px!important}
  .intel-head p{font-size:12px!important}
  .map-status strong{font-size:15px!important}
  .map-status span{font-size:10px!important}
  .forecast strong{font-size:26px!important}
  .signal b{font-size:12px!important}
  .insight b{font-size:12px!important}
  .zone-name strong{font-size:15px!important}
  .zone-stats b{font-size:11px!important}
  .action-bar button{min-height:46px!important}
}