.intelligence-page{min-width:0;overflow:hidden}
.intelligence-page [hidden]{display:none!important}

@media(max-width:900px){
  .intelligence-hero,.indicator-row,.tool-panel{grid-template-columns:1fr}
  .intelligence-hero{gap:28px;padding:42px}
  .intelligence-summary-grid,.regional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intelligence-controls{align-items:stretch;flex-direction:column}
  .intelligence-controls form{width:100%}
  .intelligence-related{align-items:flex-start;flex-wrap:wrap}
  .intelligence-related>div{width:100%}
  .tool-panel>*{min-width:0}
}

@media(max-width:620px){
  .intelligence-page>section,.indicator-list,.intelligence-breadcrumb{width:calc(100% - 24px);max-width:1180px}
  .intelligence-breadcrumb{overflow:hidden;padding:17px 0;font-size:11px;white-space:nowrap}
  .intelligence-hero{gap:23px;padding:30px 21px;border-radius:18px}
  .intelligence-hero h1{font-size:clamp(34px,11vw,42px);line-height:1;overflow-wrap:anywhere}
  .intelligence-hero p{font-size:15px;line-height:1.55}
  .intelligence-hero aside{padding:20px}
  .intelligence-hero>div>div{display:grid;grid-template-columns:1fr 1fr}
  .intelligence-hero a{text-align:center}
  .intelligence-summary{padding:38px 0}
  .section-heading h2,.intelligence-controls h2{font-size:28px}
  .intelligence-summary-grid,.regional-grid,.result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intelligence-summary-grid a{min-width:0;padding:15px}
  .intelligence-summary-grid strong{font-size:20px}
  .intelligence-controls{padding:20px}
  .intelligence-controls form{display:grid;grid-template-columns:1fr}
  .intelligence-controls form label,.intelligence-controls form label:first-child,.intelligence-controls form button{grid-column:1;min-width:0;width:100%}
  .intelligence-controls select,.intelligence-controls input,.tool-panel input,.tool-panel select,.regional-filter select{width:100%;min-width:0;font-size:16px}
  .indicator-list{gap:16px;padding-top:18px}
  .indicator-row{border-radius:14px}
  .indicator-visual{min-width:0;padding:19px}
  .indicator-visual header{align-items:stretch;flex-direction:column}
  .indicator-current{grid-template-columns:auto 1fr;text-align:left}
  .indicator-current strong{font-size:25px}
  .indicator-chart,.indicator-chart canvas{height:220px;max-width:100%}
  .indicator-visual footer{align-items:stretch;flex-direction:column}
  .indicator-visual footer label,.indicator-visual footer select{width:100%;min-width:0}
  .indicator-visual footer div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .indicator-visual footer button{min-width:0;padding:10px 4px;white-space:normal}
  .indicator-source{overflow-wrap:anywhere;line-height:1.55}
  .indicator-explanation{padding:20px}
  .tool-tabs{max-width:100%;overflow-x:auto;scrollbar-width:thin}
  .tool-tabs button{flex:0 0 145px;min-width:0}
  .tool-panel form,.tool-result{min-width:0;padding:18px}
  .tool-panel form{grid-template-columns:1fr}
  .tool-panel form label,.tool-panel form input,.tool-panel form select{min-width:0;width:100%}
  .tool-panel form button{grid-column:auto}
  .amortization-table{max-width:100%;overscroll-behavior-inline:contain}
  .regional-filter{grid-template-columns:1fr}
  .regional-filter label,.regional-filter input,.regional-filter select,.regional-filter button{min-width:0;width:100%}
  .regional-filter input,.regional-filter select{font-size:16px}
  .regional-filter>a{text-align:center}
  .intelligence-related{display:grid;padding:23px}
  .intelligence-related a{width:100%;white-space:normal;text-align:center}
  .intelligence-faq{padding:45px 0}
  .intelligence-footer{flex-wrap:wrap;gap:12px 18px;padding:24px 16px}
}

@media(max-width:430px){
  .intelligence-hero>div>div,.intelligence-summary-grid,.regional-grid,.result-metrics{grid-template-columns:1fr}
  .intelligence-hero h1{font-size:36px}
  .indicator-visual h2{font-size:23px}
  .indicator-chart,.indicator-chart canvas{height:200px}
}