/* Home hero only. Keep these rules scoped to the approved component. */
.scolatio-hero{position:relative;display:grid;grid-template-columns:60% 40%;align-items:stretch;overflow:hidden;border:1px solid #d9e2ee;border-radius:8px;background:#fffdf8;color:#16202a;font-family:Montserrat,Arial,sans-serif}
.scolatio-hero::before{content:"";position:absolute;inset:0 0 auto;height:5px;z-index:2;background:linear-gradient(90deg,#f49a21 0 19%,#ffd166 19% 35%,#24856b 35% 56%,#2f80c4 56% 78%,#8bc6a8 78%)}
.scolatio-hero [hidden]{display:none!important}
.scolatio-hero .sh-content{grid-column:1;grid-row:1;padding:clamp(32px,4vw,56px);min-width:0}
.scolatio-hero .sh-eyebrow{margin:0 0 20px;color:#174876;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:1.4px;text-transform:uppercase}
.scolatio-hero h1{margin:0 0 22px;color:#16202a;font-size:clamp(36px,4.1vw,54px);font-weight:800;line-height:1.13;letter-spacing:-1.4px;text-shadow:none}
.scolatio-hero h1 strong{display:block;margin-top:8px;color:#24856b;font:inherit}
.scolatio-hero .sh-lead{max-width:480px;margin:0 0 26px;color:#4b5866;font-size:16px;line-height:1.7}
.scolatio-hero .sh-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:460px;min-height:56px;padding:17px 20px;border:0;border-radius:9px;background:#f49a21;color:#16202a;font:700 15px/1.4 Montserrat,Arial,sans-serif;cursor:pointer;text-align:left}
.scolatio-hero .sh-cta:hover{background:#efa01f}
.scolatio-hero .sh-micro{max-width:460px;margin:14px 0 0;color:#354e49;font-size:13px;font-weight:400;line-height:1.8}
.scolatio-hero .sh-micro strong{display:block;color:#1c6b59;font-weight:700}
.scolatio-hero .sh-separator{display:none}
.scolatio-hero .sh-visual{position:relative;grid-column:2;grid-row:1;min-height:430px;margin:0;background:#f5ecda}
.scolatio-hero .sh-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:76% center}
.scolatio-hero .sh-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fffdf8 0%,rgba(255,253,248,.85) 7%,rgba(255,253,248,.35) 19%,rgba(255,253,248,0) 35%),linear-gradient(0deg,rgba(255,253,248,.97),transparent 45%)}
.scolatio-hero .sh-selector{grid-column:1/-1;padding:28px clamp(24px,4vw,56px);border-top:1px solid #d9e2ee;scroll-margin-top:20px}
.scolatio-hero .sh-selector h2{margin:0 0 18px;color:#16202a;font-size:18px;line-height:1.5;font-weight:700}
.scolatio-hero .sh-menu{display:grid;grid-template-columns:1fr 1.05fr;gap:9px 24px;align-items:start}
.scolatio-hero .sh-situation{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:50px;margin:0;padding:14px 16px;border:1px solid #d9e2ee;border-radius:7px;background:#fff;color:#174876;font:700 13px/1.5 Montserrat,Arial,sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.scolatio-hero .sh-situation:hover{border-color:#24856b;background:#f4f8f4}
.scolatio-hero .sh-situation[aria-expanded=true]{border-color:#24856b;background:#eaf4ed;color:#195e4c}
.scolatio-hero .sh-situation[aria-expanded=true]>span{transform:rotate(180deg)}
.scolatio-hero .sh-resources{grid-column:2;grid-row:1/span 6;min-width:0;padding:20px;border-radius:9px;background:#f0f5ef}
.scolatio-hero .sh-resources h3{margin:0 0 6px;color:#195e4c;font-size:16px;line-height:1.5}
.scolatio-hero .sh-resources>p{margin:0 0 14px;color:#526256;font-size:13px;line-height:1.6}
.scolatio-hero .sh-resource,.scolatio-hero .sh-direct{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;text-decoration:none}
.scolatio-hero .sh-resource{min-height:70px;margin-top:10px;padding:15px;border:1px solid #d6e4da;border-radius:7px;background:#fff;color:#16202a}
.scolatio-hero .sh-resource:hover{border-color:#24856b;background:#fbfdfb}
.scolatio-hero .sh-resource strong,.scolatio-hero .sh-direct strong{font-size:13px;line-height:1.5}
.scolatio-hero .sh-resource>span,.scolatio-hero .sh-direct>span{grid-column:1;color:#526256;font-size:12px;font-weight:400;line-height:1.6}
.scolatio-hero .sh-resource>b,.scolatio-hero .sh-direct>b{grid-column:2;grid-row:1/3;color:#24856b}
.scolatio-hero :is(button,a):focus-visible{outline:3px solid #174876;outline-offset:3px}
.scolatio-hero #sh-selector-title:focus{outline:none}
@media(max-width:700px){
 .scolatio-hero{display:flex;flex-direction:column}
 .scolatio-hero .sh-content{padding:32px 24px 25px}
 .scolatio-hero h1{font-size:clamp(28px,8.3vw,40px);letter-spacing:-1.2px}
 .scolatio-hero .sh-eyebrow{font-size:10px}
 .scolatio-hero .sh-lead{font-size:14px;margin-bottom:24px}
 .scolatio-hero .sh-cta{max-width:none;padding:16px 14px;font-size:13px}
 .scolatio-hero .sh-micro{max-width:none;text-align:center;font-size:12px}
 .scolatio-hero .sh-visual{height:210px;min-height:210px}
 .scolatio-hero .sh-visual img{object-position:72% 42%}
 .scolatio-hero .sh-visual::after{background:linear-gradient(0deg,rgba(255,253,248,.98),transparent 68%)}
 .scolatio-hero .sh-selector{padding:22px 24px}
 .scolatio-hero .sh-selector h2{font-size:16px}
 .scolatio-hero .sh-menu{display:flex;flex-direction:column;gap:8px}
 .scolatio-hero .sh-situation{padding:12px;font-size:12px}
 .scolatio-hero .sh-resources{width:100%;padding:14px;margin-bottom:6px}
 .scolatio-hero .sh-resource{padding:12px}
}