/* ARA responsive refinement 2026-11-01. Presentation only; editorial controls and source data untouched. */
:root{--ara-navy:#082b50;--ara-gold:#cba957;--ara-ink:#19344e;--ara-body-size:16px}
html{box-sizing:border-box;scroll-padding-top:116px}*,*:before,*:after{box-sizing:inherit}
body{color:var(--ara-ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip;line-height:1.58}
main{min-width:0} main>section,main>div,main>figure{min-width:0}
main p, main li{line-height:1.62} main p{margin-top:.55em;margin-bottom:.85em}
main h1,main h2,main h3{overflow-wrap:break-word;line-height:1.25;letter-spacing:-.015em}
main h1{font-size:clamp(29px,3.25vw,43px)}main h2{font-size:clamp(22px,2.4vw,32px)}main h3{font-size:clamp(18px,1.75vw,23px)}
main .block{padding-top:clamp(22px,3.5vw,46px);padding-bottom:clamp(22px,3.5vw,46px)}
main .wrap{max-width:1100px}
main img{max-width:100%}main .custom-block{margin-top:clamp(10px,1.8vw,22px);margin-bottom:clamp(10px,1.8vw,22px)}
main .ara-inline-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,26px);align-items:center}
main .ara-inline-layout.ara-layout-pair{align-items:start}
main .ara-inline-layout>figure,main .ara-inline-layout>.ara-layout-text{min-width:0;width:100%}
main .ara-inline-layout>.ara-layout-text{padding:clamp(7px,1.5vw,17px);font-size:var(--ara-body-size);line-height:1.58}
main .ara-inline-layout>.ara-layout-text p{font-size:inherit;line-height:1.58;margin:.4em 0 .7em}
main .ara-inline-layout img{max-height:480px;object-fit:contain}
main .ara-inline-image img{max-height:520px;object-fit:contain}
main figcaption{line-height:1.42;overflow-wrap:anywhere}
main section:where(.block,.guide-section) > h2:first-child{margin-top:0}
main .custom-block:has(>figure)>figure{min-width:0}
main .custom-block:has(img) img{object-fit:contain}
main :where(.split,.grid,.cards,.facts){min-width:0}
main .mapbox,main .map-stage{max-width:100%;min-width:0}
/* All deliberate positioning remains on desktop. Reset inline editor offsets only on small screens. */
@media(max-width:760px){
 html{scroll-padding-top:110px}
 body{font-size:15px;line-height:1.55}
 main h1{font-size:clamp(25px,6.6vw,34px)!important;line-height:1.18!important}
 main h2{font-size:clamp(21px,5.3vw,28px)!important;line-height:1.24!important}
 main h3{font-size:clamp(17px,4.5vw,22px)!important}
 main .block{padding-top:23px!important;padding-bottom:23px!important}
 main .wrap,main .block>.wrap{width:min(100% - 24px,1100px);max-width:100%}
 main .ara-inline-layout,main .ara-inline-image{width:calc(100% - 24px);margin:12px auto}
 main .ara-inline-layout:not(.ara-layout-pair){grid-template-columns:minmax(0,1fr)!important;gap:7px}
 main .ara-inline-layout:not(.ara-layout-pair)>figure,main .ara-inline-layout:not(.ara-layout-pair)>.ara-layout-text{order:initial!important}
 main .ara-inline-layout.ara-layout-pair{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;align-items:start}
 main .ara-inline-layout>.ara-layout-text{padding:5px 3px!important;font-size:15px!important;line-height:1.5}
 main .ara-inline-layout>.ara-layout-text p{font-size:15px!important;line-height:1.54!important}
 main .ara-inline-layout img,main .ara-inline-image img{display:block;max-width:100%!important;width:100%!important;height:auto!important;max-height:none!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;object-fit:contain!important}
 main .ara-inline-layout figcaption,main .ara-inline-image figcaption{font-size:12px;line-height:1.38;margin-top:5px}
 main .custom-block h1,main .custom-block h2,main .custom-block h3,main .custom-block p,main .custom-block span:not(.editor-handle){left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important}
 main .custom-block:not(.ara-inline-layout){max-width:calc(100% - 24px)}
 main .facts,main .cards{gap:10px}
 main .mapbox .toolbar{max-width:100%;overflow-x:auto}
 main .mapbox .toolbar button{min-width:36px}
 main input,main select,main textarea{max-width:100%;font-size:16px}
 main table{max-width:100%}main .loan-table{overflow-x:auto}
 .ara-edit-entry{z-index:1001}
}
@media(max-width:430px){
 main .ara-inline-layout.ara-layout-pair{gap:7px}
 main .ara-inline-layout.ara-layout-pair figcaption{font-size:11px}
 main .ara-inline-layout:not(.ara-layout-pair) img{max-height:420px!important}
 main .block{padding-top:18px!important;padding-bottom:18px!important}
 .site-nav{min-width:0}
}
/* Editing UI stays enabled. Keep its controls usable when editing. */
body.editing .editor-panel,body.editing .editor-toolbar{max-width:100vw}

/* Second-pass mobile safety: prevent width blowouts without hiding interactive controls. */
@media(max-width:760px){
  main,main>section,main .wrap,main .custom-block,main .ara-inline-layout{min-width:0;max-width:100%}
  main .ara-inline-layout>*{min-width:0;max-width:100%}
  main .ara-layout-text,main .ara-layout-text *{overflow-wrap:break-word}
  main .ara-inline-layout figure{margin:0;max-width:100%}
  main :where(.grid,.cards,.facts,.split)>*{min-width:0}
  main :where(input,textarea,select,button){box-sizing:border-box}
  main :where(table){width:100%}
  main :where(.table-wrap,.table-responsive){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  main a,main button{touch-action:manipulation}
  main img,main video,main iframe{max-width:100%}
}
@media(max-width:480px){
  /* Avoid unreadable half-width captions on narrow phones. */
  main .ara-inline-layout.ara-layout-pair{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  main .ara-inline-layout.ara-layout-pair>figure{max-width:100%}
  main .ara-inline-layout.ara-layout-pair img{max-height:420px!important;object-fit:contain!important}
  main .ara-inline-layout.ara-layout-pair figcaption{font-size:12px!important}
}