/* PakClimate v11.3.6 — consolidated mobile repair. Desktop is intentionally untouched. */
@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .header-inner{padding:7px 10px!important}
  .header-row{flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:0}
  .brandline{flex:0 0 auto;min-width:0}
  .pc-logo{font-size:19px!important;padding:6px 8px!important;border-radius:12px!important}
  .tagline{display:none!important}
  .globalnav{flex:1 1 auto;width:auto!important;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
  .globalnav::-webkit-scrollbar,.citynav::-webkit-scrollbar,.years::-webkit-scrollbar{display:none}
  .globalnav a{font-size:11px!important;padding:7px 8px!important;white-space:nowrap}
  .citybar{top:55px!important}
  .citybar-inner{padding:6px 10px!important}
  .citynav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
  .citynav a{font-size:11px!important;padding:7px 8px!important;white-space:nowrap}

  .page-wrap{padding:16px 10px 44px!important;min-width:0}
  .page-hero{padding:22px 18px!important;padding-right:18px!important;border-radius:18px!important;overflow:hidden}
  .page-hero h1{font-size:32px!important;line-height:1.05!important;letter-spacing:-.8px!important;padding-right:0}
  .page-hero .sub{font-size:14px!important;line-height:1.45!important}
  .hero-logo{right:16px!important;top:14px!important;font-size:15px!important}
  .breadcrumb{padding-right:112px!important;font-size:10px!important;white-space:normal!important}
  .panel,.card,.kpi,.meta-card{min-width:0;max-width:100%}
  .panel{padding:13px!important;border-radius:15px!important}
  .cards,.overview-grid,.kpis,.profile-cards,.about-grid{grid-template-columns:1fr!important;gap:10px!important}
  .card,.kpi,.meta-card{padding:14px!important}
  .value{font-size:25px!important}

  table{max-width:100%}
  .panel>table,.today-data-wrap>table,.monthly-table-panel>table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .data-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .data-table-wrap table{min-width:760px!important}

  /* SVG/canvas chart pages */
  .monthly-chart-panel{padding:10px!important;overflow:hidden}
  .monthly-chart-wrap{min-height:285px!important;height:285px!important;padding:4px 0 0!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  .monthly-chart{width:780px!important;min-width:780px!important;height:285px!important;preserve-aspect-ratio:xMidYMid meet}
  .chart-legend{gap:9px!important;font-size:10px!important;margin:2px 0 8px!important;overflow-x:auto;flex-wrap:nowrap!important;white-space:nowrap}

  /* All mobile readouts live below the plot instead of covering data. */
  .monthly-chart-panel>.chart-tooltip,
  .longterm-chart-panel>.lt-tip,
  .chart-panel>.exact-tip{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    display:none;max-width:none!important;width:calc(100% - 8px)!important;min-width:0!important;
    margin:6px 4px 2px!important;padding:8px 10px!important;border-radius:10px!important;
    background:#102f46!important;color:#fff!important;box-shadow:0 4px 14px rgba(16,47,70,.14)!important;
    font-size:12px!important;line-height:1.38!important;letter-spacing:0!important;z-index:2!important;pointer-events:none!important
  }
  .monthly-chart-panel>.chart-tooltip b,
  .longterm-chart-panel>.lt-tip b,
  .chart-panel>.exact-tip b{font-size:12.5px!important;font-weight:800!important;line-height:1.3!important}

  /* Server-rendered historical chart controls */
  .mobile-chart-controls{display:flex;align-items:center;gap:6px;margin:4px 4px 5px;padding:0;color:#536575;font-size:11px;font-weight:750;white-space:nowrap}
  .mobile-chart-controls span{margin-right:auto}
  .mobile-chart-controls button{appearance:none;border:1px solid #d4e0e7;background:#fff;color:#12324a;border-radius:9px;min-width:38px;height:36px;padding:0 10px;font:800 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;touch-action:manipulation}
  .mobile-chart-controls button[data-z="reset"]{font-size:10px;min-width:54px}
  .mobile-chart-controls button:active{background:#edf5f9}
  .chart-zoom-help{font-size:10px;line-height:1.35;color:#6b7b88;padding:0 5px 4px}
  .chart-wrap{overscroll-behavior-x:contain!important;scrollbar-width:none!important}
  .chart-wrap::-webkit-scrollbar{display:none!important}

  /* Embedded year/source shell */
  .page{min-width:0!important}
  .compact-top{min-width:0!important;gap:6px!important}
  .source-label{flex:0 0 auto}
  .source-btn,.year-btn{min-height:34px!important;padding:6px 10px!important}
  .source-note{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important;margin:3px 1px 7px!important}
  .years{display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 12px 7px 0!important;margin:0 0 5px!important}
  .years .year-btn{flex:0 0 auto!important;scroll-snap-align:center}
  .note{font-size:10.5px!important;line-height:1.35!important;padding:5px 5px 2px!important}

  .compare-visuals{grid-template-columns:1fr!important;gap:10px!important}
  .compare-chart-card,.today-chart-card{padding:10px!important;border-radius:14px!important;min-width:0;overflow:hidden}
  .pc-canvas{display:block!important;width:100%!important;height:245px!important;min-width:0!important;max-width:100%!important}
  .pillrow{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;padding-bottom:3px;overscroll-behavior-x:contain}
  .pillrow select,.pillrow button,.pillrow .pill{flex:0 0 auto;max-width:68vw}
  .view-toggle,.view-switch{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}

  .season-cards{grid-template-columns:1fr!important}
  .season-card{min-height:0!important}

  /* Historical Records shell */
  .hero{padding:18px 14px 14px!important}
  .hero h1{font-size:34px!important;letter-spacing:-1px!important}
  .hero p{font-size:15px!important;line-height:1.45!important}
  .wrap{padding:12px 10px 28px!important}
  .parameter-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}
  .param{min-height:92px!important;padding:11px!important;border-radius:15px!important}
  .param .icon{width:30px!important;height:30px!important;margin-bottom:7px!important}
  .param strong{font-size:14px!important;line-height:1.15!important}
  .param span{font-size:10px!important}
  .framebox{border-radius:15px!important;max-width:100%;overflow:hidden!important}
  .frame{display:none;width:100%!important;min-width:0!important;height:560px!important;border:0!important}
  .frame.active{display:block!important}
}

@media (max-width:420px){
  .parameter-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-hero h1{font-size:29px!important}
  .pc-canvas{height:230px!important}
}