/* Hallmark: existing Leveler corporate lineage; scoped additions only. */
/* Critique: real article covers carry the visual weight; compact news rows preserve hierarchy. */
:root {
  --updates-white: #fff;
  --updates-ink: #222;
  --updates-navy: #04384c;
  --updates-muted: #5c6670;
  --updates-surface: #f1f7f9;
  --updates-border: #d6e0e4;
  --updates-tag: #edf1f3;
  --updates-font-body: var(--lv-font-ui);
  --updates-font-display: var(--lv-font-display);
}
.leveler-site--top .top-updates { color: var(--updates-ink); font-family: var(--updates-font-body); }
.top-updates a:active { opacity: .75; }
.top-updates, .top-updates * { box-sizing: border-box; }
.top-updates__shell { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.leveler-site--top .top-updates h2 { margin: 0; padding: 0; color: var(--updates-navy); font-family: var(--updates-font-display); font-size: 40px; text-wrap: balance; font-weight: 500; line-height: 1.45; letter-spacing: 0; background: none; border: 0; }
.top-updates h2::before, .top-updates h2::after, .top-updates h3::before, .top-updates h3::after { content: none; }
.top-updates a { color: inherit; text-decoration: none; }
.top-updates a:focus-visible { outline: 2px solid var(--updates-navy); outline-offset: 6px; }
.top-knowledge { padding-block: 72px; background: var(--updates-surface); }
.top-knowledge__layout { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "heading index" "articles articles"; gap: 32px 24px; align-items: center; }
.top-knowledge__heading { grid-area: heading; min-width: 0; }
.top-knowledge__heading p { margin: 12px 0 0; font-size: 16px; line-height: 1.8; }
.top-knowledge__articles { grid-area: articles; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: stretch; }
.top-knowledge__articles > article { min-width: 0; }
.top-article { display: flex; flex-direction: column; height: 100%; background: var(--updates-white); }
.top-article > img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; }
.top-article__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.top-article__category { margin: 0 0 12px; color: var(--updates-muted); font-size: 13px; font-weight: 500; line-height: 1.5; }
.leveler-site--top .top-updates h3 { margin: 0 0 24px; padding: 0; color: var(--updates-navy); font-family: var(--updates-font-body); font-size: 19px; font-weight: 600; line-height: 1.75; letter-spacing: 0; overflow-wrap: break-word; background: none; border: 0; }
.top-article__line { display: block; }
.top-article__action { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: auto; font-size: 13px; line-height: 1.5; font-weight: 500; color: var(--updates-navy); }
.top-article:hover h3 { text-decoration: underline; text-underline-offset: 5px; }
.top-updates__index { display: inline-flex; justify-content: space-between; align-items: center; min-height: 48px; gap: 24px; padding: 12px 20px; border: 1px solid var(--updates-navy); background: var(--updates-white); color: var(--updates-navy); font-size: 14px; font-weight: 500; line-height: 1.5; }
.top-knowledge__index { grid-area: index; align-self: end; }
.top-updates__index:hover { text-decoration: underline; text-underline-offset: 4px; }
.top-updates__mobile-break { display: none; }
.top-news { padding-block: 64px; background: var(--updates-white); }
.top-news__layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 48px; }
.top-news__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--updates-border); }
.top-news__list li { margin: 0; padding: 0; border-bottom: 1px solid var(--updates-border); }
.top-news__list a { display: grid; grid-template-columns: 84px 84px minmax(0, 1fr) 20px; align-items: center; gap: 16px; min-height: 70px; padding-block: 20px; }
.top-news__date { color: var(--updates-muted); font-size: 12px; line-height: 1.5; }
.top-news__category { display: inline-block; padding: 4px 8px; text-align: center; background: var(--updates-tag); color: var(--updates-muted); font-size: 12px; line-height: 1.5; }
.top-news__title { min-width: 0; font-size: 15px; line-height: 1.7; }
.top-news__arrow { justify-self: end; color: var(--updates-navy); font-size: 17px; }
.top-news__list a:hover .top-news__title { text-decoration: underline; text-underline-offset: 4px; }
.top-news__bottom { display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-top: 20px; }
.top-updates__text-index { display: inline-flex; align-items: center; min-height: 44px; gap: 20px; font-size: 13px; white-space: nowrap; color: var(--updates-navy); }
.top-updates__text-index:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 959px) {
  .top-updates__shell { width: calc(100% - 64px); }
  .top-knowledge__articles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .top-article__body { padding: 20px; }
  .leveler-site--top .top-updates h3 { font-size: 17px; }
  .top-news__layout { grid-template-columns: 160px minmax(0, 1fr); gap: 24px; }
  .top-news__list a { grid-template-columns: 80px 80px minmax(0, 1fr) 16px; gap: 12px; }
  .top-news__bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media (max-width: 640px) {
  .top-updates__shell { width: calc(100% - 48px); }
  .leveler-site--top .top-updates h2 { font-size: 28px; }
  .top-knowledge { padding-block: 44px; }
  .top-knowledge__layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "heading" "articles" "index"; gap: 28px; }
  .top-knowledge__heading p { margin-top: 12px; font-size: 14px; line-height: 1.85; }
  .top-updates__mobile-break { display: inline; }
  .top-knowledge__articles { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .top-article__body { padding: 20px; }
  .leveler-site--top .top-updates h3 { margin-bottom: 16px; font-size: 17px; line-height: 1.75; }
  .top-article__category { margin-bottom: 8px; font-size: 12px; }
  .top-knowledge__index { justify-self: stretch; min-height: 50px; padding-inline: 20px; }
  .top-news { padding-block: 40px; }
  .top-news__layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .top-news__list a { grid-template-columns: 80px 80px minmax(0, 1fr) 16px; gap: 12px; min-height: 0; padding-block: 20px; }
  .top-news__date { grid-column: 1; }
  .top-news__category { grid-column: 2; padding-block: 4px; }
  .top-news__title { grid-column: 1 / 4; grid-row: 2; font-size: 14px; }
  .top-news__arrow { grid-column: 4; grid-row: 2; }
  .top-news__bottom { align-items: stretch; margin-top: 16px; gap: 12px; }
  .top-updates__text-index { justify-content: space-between; }
}