/* Homepage editorial section, matching the supplied news/blog reference. */
.home-sections > .section.home-news {
  --news-ink: #092a50;
  --news-line: #deedf9;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 38px 48px;
  background: linear-gradient(180deg, #f8fbfe 0%, #eff7fc 58%, #f8fbfe 100%);
  color: var(--news-ink);
}
.home-news::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  block-size: 380px;
  background:
    radial-gradient(ellipse 580px 300px at 0 0, #dcefff80, transparent 75%),
    radial-gradient(ellipse 580px 300px at 100% 0, #e0f1fb80, transparent 75%);
  pointer-events: none;
}
.home-news > .container { position: relative; }
.home-news .sec-head { display: block; text-align: center; margin-block-end: 24px; }
.home-news .sec-head__text { max-inline-size: none; gap: 0; }
.home-news .eyebrow { justify-content: center; gap: 24px; font-size: 1rem; letter-spacing: 0; margin-block-end: 12px; }
.home-news .eyebrow::before,
.home-news .eyebrow::after { content: ""; inline-size: 46px; block-size: 1px; background: #83c7f2; }
.home-news .sec-head .h2 { color: var(--news-ink); font-size: clamp(1.6rem, 2.45vw, 2.5rem); line-height: 1.5; margin: 0; }
.home-news .home-news__intro { text-align: center; color: #647b98; font-size: 1.0625rem; line-height: 1.9; margin: 12px 0 0; }
.home-news__decoration {
  display: none;
}
.home-news .tabs {
  display: flex; inline-size: 328px; max-inline-size: 100%; margin: 0 auto 18px;
  padding: 4px; gap: 4px; border: 1px solid #cde8fc; background: #ffffffdc;
  box-shadow: 0 0 0 1px #e6f4ff; overflow: visible;
}
.home-news .tabs__btn { flex: 1; justify-content: center; min-block-size: 43px; padding: 8px 20px; font-size: .9375rem; color: #395879; }
.home-news .tabs__btn svg { inline-size: 19px; block-size: 19px; }
.home-news .tabs__btn[aria-selected="true"] { background: #0484c2; color: #fff; }
.home-news .tabs__btn:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 4px; }
.home-news .news-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.home-news .news-lead,
.home-news .news-list { border: 1px solid var(--news-line); border-radius: 20px; background: #ffffffed; box-shadow: 0 12px 36px #9dcbe60b; }
.home-news .news-lead { padding: 15px; overflow: hidden; }
.home-news .news-lead .card__media {
  display: block; position: relative; block-size: auto; aspect-ratio: 2.04;
  border: 0; border-radius: 16px; overflow: hidden; background: #eaf4fc;
}
.home-news .news-lead .card__media img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: center top; }
/* Blog covers keep their original proportions, including portrait artwork. */
.home-news #panel-insights .news-lead .card__media { aspect-ratio: auto; }
.home-news #panel-insights .news-lead .card__media img {
  block-size: auto;
  max-block-size: none;
  object-fit: contain;
}
/* Show the photograph inside the existing v5 artwork; its files stay intact. */
.home-news .news-photo--framed { object-view-box: inset(9.7778% 8.1667% 23.5556% 8.1667%); }
.home-news .news-lead__featured {
  position: absolute; inset-block-start: 16px; inset-inline-start: 16px;
  display: inline-flex; align-items: center; gap: 12px; padding: 7px 18px;
  border-radius: 30px; color: #fff; background: #063b68ed; font-size: .8125rem; font-weight: 700;
}
.home-news .news-lead__featured span { font-size: 1rem; }
.home-news .news-lead .card__body { padding: 18px 12px 0; gap: 10px; min-block-size: 0; flex: 1; }
.home-news .card__meta { display: flex; align-items: center; gap: 12px; color: #7b8da6; font-size: .8125rem; line-height: 1.8; }
.home-news .card__meta time,
.home-news time.card__meta { display: inline-flex; align-items: center; gap: 10px; }
.home-news .card__meta svg { inline-size: 17px; block-size: 17px; flex: none; color: #008ccc; }
.home-news .news-lead .badge { padding: 5px 15px; color: #0087ca; background: #eaf5ff; font-size: .875rem; font-weight: 500; }
.home-news .news-lead .card__title { color: var(--news-ink); font-size: clamp(1.3rem, 1.85vw, 1.875rem); line-height: 1.55; font-weight: 700; margin: 0; }
.home-news .news-lead .card__excerpt { color: #70849f; font-size: 1rem; line-height: 1.9; text-align: start; margin: 0 0 6px; -webkit-line-clamp: 3; }
.home-news .news-lead .card__foot { display: flex; justify-content: flex-start; gap: 18px; margin-block-start: auto; padding-block: 12px 0; border-color: var(--news-line); color: #0085c7; font-size: .9375rem; }
.home-news .news-arrow { display: inline-grid; place-items: center; inline-size: 38px; block-size: 38px; flex: none; border-radius: 50%; background: #edf7ff; color: #008bce; }
.home-news .news-arrow svg { inline-size: 20px; block-size: 20px; }
.home-news .news-arrow svg:not(.arw) { transform: rotate(-90deg); }
[dir="rtl"] .home-news .news-arrow svg:not(.arw) { transform: rotate(90deg); }
.home-news .news-list { padding: 16px; contain: none; overflow: visible; gap: 14px; max-block-size: none; }
.home-news .news-list__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 2px 8px 0; min-block-size: 38px; }
.home-news .news-list__head h3 { margin: 0; color: var(--news-ink); font-size: 1.2rem; font-weight: 700; }
.home-news .news-list__head > a { display: inline-flex; align-items: center; gap: 8px; color: #0089cd; font-size: .875rem; white-space: nowrap; }
.home-news .news-list__head .news-arrow { inline-size: 29px; block-size: 29px; }
.home-news .news-list__items { display: grid; grid-auto-rows: minmax(104px, 1fr); gap: 10px; flex: 1; }
.home-news .news-item { grid-template-columns: 24% minmax(0, 1fr) 38px; gap: 18px; padding: 7px; border-color: var(--news-line); border-radius: 17px; background: #fff; }
.home-news .news-item__thumb { inline-size: 100%; aspect-ratio: 1.72; border: 3px solid #fff; border-radius: 14px; box-shadow: 0 1px 4px #668ca04a; }
.home-news .news-item__body { gap: 6px; }
.home-news .news-item__title { color: var(--news-ink); font-size: 1rem; line-height: 1.65; font-weight: 700; margin: 0; }
.home-news .news-item__title a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.home-news .news-item__arrow { justify-self: center; }
.home-news .news-item:hover { background: #f8fcff; border-color: #b9def7; }
@media (max-width: 1100px) {
  .home-news .news-item { gap: 10px; grid-template-columns: 25% minmax(0, 1fr) 30px; }
  .home-news .news-item__title { font-size: .875rem; }
  .home-news .news-item__arrow { inline-size: 30px; block-size: 30px; }
  .home-news .news-list { padding: 12px; }
  .home-news__decoration { opacity: .5; inset-inline-start: 1%; }
}
@media (max-width: 900px) {
  .home-news { padding-block: 36px; }
  .home-news .news-layout { grid-template-columns: minmax(0, 1fr); }
  .home-news .news-list { max-block-size: none; }
  .home-news .news-item { grid-template-columns: 140px minmax(0, 1fr) 38px; }
  .home-news .news-item__title { font-size: 1rem; }
  .home-news__decoration { display: none; }
}
@media (max-width: 540px) {
  .home-news .eyebrow { font-size: .875rem; gap: 16px; }
  .home-news .home-news__intro { font-size: .875rem; }
  .home-news .news-lead { padding: 10px; }
  .home-news .news-lead .card__body { padding: 14px 6px 0; }
  .home-news .news-lead .card__excerpt { font-size: .875rem; }
  .home-news .news-list { padding: 10px; }
  .home-news .news-list__head { padding-inline: 2px; gap: 8px; }
  .home-news .news-list__head h3 { font-size: 1rem; }
  .home-news .news-list__head > a { font-size: .75rem; }
  .home-news .news-item { grid-template-columns: 86px minmax(0, 1fr) 26px; gap: 8px; }
  .home-news .news-item__title { font-size: .8125rem; }
  .home-news .news-item .card__meta { font-size: .6875rem; gap: 5px; }
  .home-news .news-item__arrow { inline-size: 26px; block-size: 26px; }
  .home-news .news-item__thumb { aspect-ratio: 1.2; }
}
