.home-updates-shell{margin:0 auto}
.home-arrow{display:inline-block;flex:none;width:18px;height:18px;vertical-align:middle;background-color:currentColor;-webkit-mask:url('/static/home/arrow-right.svg?v=2') center/contain no-repeat;mask:url('/static/home/arrow-right.svg?v=2') center/contain no-repeat;transition:transform .2s ease}
.home-page a:hover .home-arrow{transform:translateX(3px)}
.home-play-icon{position:relative;display:inline-block;flex:none;width:19px;height:19px;border:1.5px solid currentColor;border-radius:50%}
.home-play-icon::after{content:"";position:absolute;left:7px;top:5px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor}
.home-body .online dl.scroll-top dd{position:relative;width:25px;height:25px}
.home-body .online dl.scroll-top dd img{opacity:0}
.home-body .online dl.scroll-top dd::after{content:"";position:absolute;left:7px;top:9px;width:11px;height:11px;border-top:2px solid #394249;border-left:2px solid #394249;transform:rotate(45deg)}
.home-body .online dl.scroll-top:hover dd::after{border-color:#c53917}
.home-services{padding:var(--ui-space) 0;background:#fff}
.home-services-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-gap);padding:0;margin-bottom:var(--ui-gap)}
.home-services-heading h2,.home-updates-heading h2{margin:0;color:#343b40;}
.home-services-heading p{margin:10px 0 0;color:#626a70;font-size:var(--ui-small);line-height:var(--ui-leading-body);}
.home-service-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ui-gap);}
.home-service-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:270px;padding:36px 23px 24px;border:1.5px solid #687076;border-radius:var(--ui-radius);background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.home-service-card>img{display:block;width:86px;height:86px;object-fit:contain;margin:0 auto 24px}
.home-service-card h3{margin:0 0 15px;color:#343b40;text-align:center}
.home-service-card p{align-self:stretch;margin:0;color:#757b81;font-size:var(--ui-small);line-height:var(--ui-leading-body);}
.home-service-card:hover{border-color:#075a9a;box-shadow:0 12px 25px #123e6410;transform:translateY(-3px)}
.home-service-card:hover h3{color:#075a9a}
.home-updates{padding:var(--ui-space) 0;background:#fff;overflow:hidden}
.home-updates-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.home-updates-actions{display:flex;align-items:center;flex-shrink:0}
.home-updates-controls{display:flex;gap:8px}
.home-updates-controls[hidden]{display:none}
.home-updates-controls button{width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#fff center/32px 32px no-repeat;cursor:pointer;transition:transform .2s ease,filter .2s ease}
.home-updates-controls button:is([data-news-prev],[data-service-prev]){background-image:url('/static/legacy/state/images/icon_291.jpg')}
.home-updates-controls button:is([data-news-next],[data-service-next]){background-image:url('/static/legacy/state/images/icon_29.jpg')}
.home-updates-controls button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(.8)}
.home-updates-controls button:disabled{opacity:.35;cursor:default}
.home-news-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 12px;scroll-padding-inline:4px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}
.home-news-track::-webkit-scrollbar{display:none}
.home-update-card{display:flex;flex-direction:column;min-width:0;padding:12px 12px 18px;border:1px solid #f1f3f5;border-radius:var(--ui-radius);background:#fff;box-shadow:0 3px 13px #1832440b;scroll-snap-align:start;color:#404a51;transition:border-color .2s,box-shadow .2s}
.home-update-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.65;overflow:hidden;border-radius:5px;background:#edf4f9;color:#075a9a;letter-spacing:1px}
.home-update-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.home-update-card time{display:block;margin:13px 0 8px;color:#9bA2a8;font-size:var(--ui-small);line-height:var(--ui-leading-body);}
.home-update-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(var(--ui-card) * var(--ui-leading-card) * 2);margin:0 0 10px;color:#434c53;}
.home-update-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 20px;color:#868e94;font-size:var(--ui-small);line-height:var(--ui-leading-body);}
.home-update-read{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding-top:12px;color:#7c858d;font-size:var(--ui-small);}
.home-update-card:hover{border-color:#c7d9e7;box-shadow:0 5px 16px #18324415}
.home-update-card:hover .home-update-image img{transform:scale(1.04)}
.home-update-card:hover h3,.home-update-card:hover .home-update-read{color:#075a9a}
.home-updates-empty{padding:30px 0;color:#7c858d;font-size:var(--ui-body);}
.home-updates-shell a:focus-visible,.home-updates-shell button:focus-visible,.home-news-track:focus-visible{outline:2px solid var(--ui-brand);outline-offset:3px}
@media(max-width:1100px){
  .home-service-cards{gap:var(--ui-gap);}
  .home-service-card{padding:28px 17px 24px;min-height:270px}
  .home-updates-controls{margin-right:48px}
  .home-news-track{grid-auto-columns:calc((100% - 40px)/3);gap:20px}
}
@media(max-width:750px){
  .home-services{padding:var(--ui-space) 0;}
  .home-services-heading{padding:0;margin-bottom:25px}
  .home-services-heading p{font-size:var(--ui-small);margin-top:9px}
  .home-service-cards{gap:var(--ui-gap);}
  .home-service-card{min-height:220px;padding:24px 14px;border-color:#9ca6ae;border-radius:var(--ui-radius);}
  .home-service-card>img{width:62px;height:62px;margin-bottom:19px}
.home-service-card h3{margin-bottom:12px}
  .home-service-card p{font-size:var(--ui-small);line-height:var(--ui-leading-body);margin-bottom:0}
  .home-updates{padding:var(--ui-space) 0;}
  .home-updates-heading{flex-wrap:nowrap;gap:10px;margin-bottom:14px}
.home-updates-heading h2{white-space:nowrap}
  .home-updates-actions{width:auto;justify-content:flex-end}
  .home-updates-controls{gap:6px;margin-right:0}
  .home-updates-controls button{width:34px;height:34px;background-size:26px 26px}
  .home-news-track{grid-auto-columns:86%;gap:14px}
}
@media(max-width:340px){
  .home-updates-heading{flex-wrap:wrap;gap:8px}
  .home-updates-actions{width:100%}
}
@media(prefers-reduced-motion:reduce){.home-arrow,.home-service-card,.home-update-card,.home-update-image img,.home-updates-controls button{transition:none}}

/* Service carousel shares the news controls while keeping UI-configured card widths. */
.home-services .home-services-controls{flex:none;margin-right:0}
.home-services .home-service-cards{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;padding-top:4px;padding-bottom:4px}
.home-services .home-service-cards::-webkit-scrollbar{display:none}
.home-service-cards:focus-visible{outline:2px solid var(--ui-brand);outline-offset:3px}

@media(max-width:768px){
  .home-services .home-service-cards{grid-auto-columns:calc((100% - (var(--service-visible-columns,1) - 1) * var(--ui-gap)) / var(--service-visible-columns,1))}
}