/* Scoped to the homepage resource feature; existing site fonts and colors remain authoritative. */
.sctg-home-resources { --feature-ink: #244e50; --feature-teal: #007e86; --feature-line: #d8e6e4; max-width: 1140px; width: 100%; margin: 0 auto; color: var(--feature-ink); }
.sctg-home-resources * { box-sizing: border-box; }
.sctg-feature-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.sctg-home-resources .sctg-feature-eyebrow { margin: 0 0 8px; color: var(--feature-teal); font-size: 12px; font-weight: 600; letter-spacing: .14em; line-height: 1.5; }
.sctg-home-resources .sctg-feature-header h2 { margin: 0; color: var(--feature-ink); font-family: inherit; font-size: clamp(30px, 3vw, 40px); font-weight: 400; line-height: 1.15; text-transform: none; }
.sctg-home-resources a { color: var(--feature-ink); text-decoration: none; }
.sctg-feature-all { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; flex-shrink: 0; min-height: 44px; padding: 8px 0; font-size: 16px; font-weight: 500; border-bottom: 1px solid var(--feature-ink); }
.sctg-home-resources a:hover { color: var(--feature-teal); }
.sctg-feature-track { display: flex; align-items: stretch; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #9cbfbb transparent; scroll-padding-inline: 2px; padding: 2px 2px 12px; overscroll-behavior-x: contain; }
.sctg-feature-card { flex: 0 0 calc((100% - 48px) / 3); min-width: 0; border: 1px solid var(--feature-line); border-radius: 8px; overflow: hidden; background: #fff; display: flex; flex-direction: column; scroll-snap-align: start; }
.sctg-feature-track[data-count="2"] .sctg-feature-card { flex-basis: calc((100% - 24px) / 2); }
.sctg-feature-track[data-count="1"] .sctg-feature-card { flex-basis: 100%; display: grid; grid-template-columns: .8fr 1.4fr; }
.sctg-feature-track[data-count="1"] .sctg-feature-art { height: 100%; min-height: 240px; border-bottom: 0; border-right: 1px solid var(--feature-line); }
.sctg-feature-track[data-count="1"] .sctg-feature-cover { height: 220px !important; }
.sctg-feature-art { display: flex; align-items: center; justify-content: center; flex-shrink: 0; height: 196px; padding: 18px; background: #edf5f3; border-bottom: 1px solid var(--feature-line); }
.sctg-feature-art img.sctg-feature-cover { max-width: 100%; width: auto; height: 100%; object-fit: contain; box-shadow: 0 3px 12px #244e5020; }
.sctg-feature-art:has(.sctg-feature-photo) { padding: 0; }
.sctg-feature-art img.sctg-feature-photo { width: 100%; height: 100%; object-fit: cover; }
.sctg-feature-art-empty { background: linear-gradient(135deg, #e8f5f3, #f7faf8); }
.sctg-feature-art-empty svg { width: 54px; height: 64px; color: #26898b; }
.sctg-feature-body { flex: 1; display: flex; flex-direction: column; padding: 24px; }
.sctg-home-resources .sctg-feature-language { margin: 0 0 12px; color: #526c6b; font-size: 12px; line-height: 1.5; }
.sctg-feature-language span { font-weight: 500; }
.sctg-home-resources .sctg-feature-card h3 { margin: 0 0 12px; color: var(--feature-ink); font-family: inherit; font-size: 22px; font-weight: 500; line-height: 1.3; text-transform: none; overflow-wrap: anywhere; hyphens: auto; }
.sctg-home-resources .sctg-feature-summary { margin: 0 0 24px; color: #606968; font-size: 16px; line-height: 1.55; }
.sctg-feature-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; padding-top: 16px; border-top: 1px solid var(--feature-line); margin-top: auto; font-size: 15px; font-weight: 600; }
.sctg-home-resources :is(a, button, .sctg-feature-track):focus-visible { outline: 2px solid #007e86; outline-offset: 4px; }
.sctg-feature-navigation { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; }
.sctg-feature-navigation[hidden] { display: none; }
.sctg-feature-counter { color: #526c6b; font-size: 13px; }
.sctg-feature-navigation > div { display: flex; gap: 8px; }
.sctg-home-resources .sctg-feature-navigation button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #9bbab5; border-radius: 50%; background: #fff; color: var(--feature-ink); font-family: inherit; font-size: 23px; line-height: 1; cursor: pointer; }
.sctg-home-resources .sctg-feature-navigation button:hover:not(:disabled) { background: #edf5f3; border-color: var(--feature-teal); }
.sctg-home-resources .sctg-feature-navigation button:disabled { opacity: .35; cursor: default; }
.sctg-feature-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 1024px) { .sctg-feature-card { flex-basis: calc((100% - 24px) / 2); } }
@media (max-width: 767px) {
 .sctg-feature-header { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 22px; }
 .sctg-feature-all { font-size: 15px; }
 .sctg-feature-track { gap: 16px; }
 .sctg-feature-card, .sctg-feature-track[data-count="2"] .sctg-feature-card { flex-basis: 88%; }
 .sctg-feature-track[data-count="1"] .sctg-feature-card { flex-basis: 100%; display: flex; }
 .sctg-feature-track[data-count="1"] .sctg-feature-art { height: 176px; min-height: 0; border-right: 0; border-bottom: 1px solid var(--feature-line); }
 .sctg-feature-track[data-count="1"] .sctg-feature-cover { height: 100% !important; }
 .sctg-feature-art { height: 176px; padding: 16px; }
 .sctg-feature-body { padding: 20px; }
 .sctg-home-resources .sctg-feature-card h3 { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) { .sctg-feature-track { scroll-behavior: auto; } }