/* Shared "Latest news" band (Figma news-carousel frames): white band, 4 cards, dark "More news" button. */
.samf-news-band { background: var(--samf-color-on-dark); color: var(--samf-color-ink); padding-block: 80px; }
.samf-news-band .samf-section-title { color: var(--samf-color-ink); }
.samf-news-band__accent { color: var(--samf-color-services); }
.samf-news-band__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-block-end: 40px; }
.samf-news-band__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.samf-news-band__card { position: relative; display: flex; flex-direction: column; gap: 4px; }
.samf-news-band__media { position: relative; border-radius: 8px; overflow: hidden; margin-block-end: 8px; }
.samf-news-band__media img, .samf-news-band__ph { display: block; inline-size: 100%; aspect-ratio: 376 / 251; object-fit: cover; }
.samf-news-band__ph { background: linear-gradient(135deg, var(--samf-color-surface), var(--samf-color-services)); }
.samf-news-band__pill { position: absolute; inset-block-start: 12px; inset-inline-start: 12px; }
.samf-news-band__title { margin: 0; font-size: var(--samf-fs-body); line-height: 20px; font-weight: 300; color: var(--samf-color-ink); }
.samf-news-band__title a { color: inherit; text-decoration: none; }
.samf-news-band__title a:hover { text-decoration: underline; }
.samf-news-band .samf-date { margin: 0; }
.samf-news-band :is(a, button):focus-visible { outline: 3px solid var(--samf-color-focus); outline-offset: 2px; }
@media (max-width: 991px) { .samf-news-band__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .samf-news-band { padding-block: 56px; } }
@media (max-width: 575px) { .samf-news-band__grid { grid-template-columns: minmax(0, 1fr); } .samf-news-band__head { flex-direction: column; align-items: stretch; } }
@media (max-width: 1024px) { .samf-news-band__grid { gap: 12px; } .samf-news-band__head { margin-block-end: 28px; } }
@media (max-width: 375px) { .samf-news-band { padding-block: 40px; } .samf-news-band__grid { gap: 12px; } .samf-news-band__head { margin-block-end: 20px; } }

/* visual-fix-1108 (G7): the band is rendered on pages that do not load samf-content.css / samf-home.css (press, disciplines, sports), so its pill,
   date, dark button and heading were unstyled (invisible "More news" button, 64px/800 heading, text-only badge). Everything it needs is declared here,
   measured against Figma News Carousel (295:10187 desktop, 777:20349 mobile): heading 46/50 Wide Light + SemiBold accent, button 15/20 padding r8, cards
   gap 24, details p16 gap 4 (date 12/16, title 14/20), white badge p6/10 r20 at 16/16. The accent keeps the services green (contrast on white, as on About). */
.samf-news-band { --_ink: var(--samf-color-ink); --_chev: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M4 1.5 8.5 6 4 10.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); }
.samf-news-band > .container { max-inline-size: 1500px; padding-inline: 40px; }
.samf-news-band__head { flex-wrap: wrap; gap: 4px 12px; align-items: flex-end; }
.samf-news-band .samf-section-title { margin: 0; flex: 1 1 0; min-inline-size: 0; font-family: var(--samf-font-display); font-size: var(--samf-fs-h3); line-height: 50px; font-weight: 300; letter-spacing: 0; text-transform: uppercase; color: var(--_ink); }
.samf-news-band:lang(ar) .samf-section-title, .samf-news-band[dir="rtl"] .samf-section-title { text-transform: none; line-height: 1.3; }
.samf-news-band__accent { font-weight: 600; }
.samf-news-band__head .btn.samf-btn-dark { display: inline-flex; align-items: center; justify-content: center; gap: 12px; flex: none; box-sizing: border-box; min-block-size: 50px; padding: 15px 20px; border: 0; border-radius: 8px; background: var(--_ink); color: var(--samf-figma-white); font-family: var(--samf-font-body); font-size: var(--samf-fs-body); line-height: 20px; font-weight: 600; text-decoration: none; }
.samf-news-band__head .btn.samf-btn-dark::after { content: ""; inline-size: 12px; block-size: 12px; flex: none; background: currentColor; -webkit-mask: var(--_chev) center / contain no-repeat; mask: var(--_chev) center / contain no-repeat; }
[dir="rtl"].samf-news-band .samf-btn-dark::after { transform: scaleX(-1); }
.samf-news-band__head .btn.samf-btn-dark:hover { background: var(--samf-color-services); color: var(--samf-figma-white); }
.samf-news-band__grid { gap: 24px; }
.samf-news-band__card { gap: 0; border-radius: 8px; background: rgba(255, 255, 255, .01); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.samf-news-band__media { margin-block-end: 0; }
.samf-news-band__media img, .samf-news-band__ph { border-radius: 8px; }
.samf-news-band__pill.samf-pill { position: absolute; inset-block-start: 16px; inset-inline-start: 16px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 6px 10px; border-radius: 20px; background: var(--samf-figma-white); color: var(--samf-figma-black); font-size: var(--samf-fs-small); line-height: 16px; font-weight: 400; }
.samf-news-band__card .samf-date { margin: 0; padding: 16px 16px 4px; color: var(--samf-color-services); font-size: var(--samf-fs-small); line-height: 16px; font-weight: 400; }
.samf-news-band__title { padding: 0 16px 16px; font-weight: 300; }
@media (max-width: 575px) {
  .samf-news-band { padding-block: 40px; }
  .samf-news-band > .container { padding-inline: 20px; }
  .samf-news-band__head { flex-direction: row; align-items: flex-end; margin-block-end: 16px; }
  .samf-news-band .samf-section-title { font-size: var(--samf-fs-h5); line-height: 28px; }
  .samf-news-band__head .btn.samf-btn-dark { min-block-size: 32px; padding: 8px 12px; border-radius: 6px; font-size: var(--samf-fs-small); line-height: 16px; font-weight: 500; }
}