@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

.sssie-page main { background: #fff; }
.sssie-hero { position: relative; display: flex; min-height: 530px; align-items: flex-end; overflow: hidden; background: #1d3140; color: #fff; }
.sssie-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sssie-hero::after { position: absolute; inset: 0; content: ''; background: linear-gradient(transparent 45%, rgb(0 0 0 / 55%)); }
.sssie-hero-content { position: relative; z-index: 1; width: min(calc(100% - 30px), 1370px); margin-inline: auto; padding-block: 50px; }
.sssie-hero-content > a { display: inline-block; padding: 6px 16px; background: #235387; color: #fff; text-decoration: none; }
.sssie-hero h1 { margin: 24px 0 10px; font-family: 'Oswald', sans-serif; font-size: 40px; text-transform: uppercase; }
.sssie-hero p { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sssie-hero p a { color: inherit; }
.sssie-layout.old-container { display: grid; width: min(calc(100% - 30px), 1400px); grid-template-columns: minmax(0, 930fr) minmax(205px, 290fr); gap: 30px; padding-block: 40px 85px; }
.sssie-article { min-width: 0; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.6; }
.sssie-article > h2 { margin: 0 0 16px; color: #294f7d; font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 500; text-transform: none; }
.sssie-article > h3 { margin: 0 0 18px; color: #294f7d; font-family: 'Oswald', sans-serif; font-size: 24px; line-height: 1.25; }
.sssie-article > p { margin: 0 0 20px; }
.sssie-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 30px 17px 18px 10px; }
.sssie-gallery a { display: block; min-width: 0; }
.sssie-gallery img { display: block; width: 100%; aspect-ratio: 768 / 501; object-fit: cover; }
.sssie-article blockquote { margin: 0 10px 25px; padding: 0 0 0 40px; border: 0; font-style: italic; }
.sssie-article blockquote p { margin: 0 0 18px; }
.sssie-related { margin-top: 60px; }
.sssie-related-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sssie-related-heading button { width: 36px; height: 36px; border: 1px solid #294f7d; color: #294f7d; background: #fff; cursor: pointer; }
.sssie-related-heading button:disabled { opacity: .4; cursor: default; }
.sssie-related-heading button:focus-visible { outline: 2px solid #294f7d; outline-offset: 2px; }
.sssie-related-heading h2, .sssie-recent > h2 { margin: 0 0 20px; font-size: 20px; }
.sssie-related-list { display: grid; grid-auto-columns: calc((100% - 28px) / 3); grid-auto-flow: column; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; }
.sssie-related-list article { min-width: 0; scroll-snap-align: start; }
.sssie-related-list img { display: block; width: 100%; aspect-ratio: 1.5; object-fit: cover; }
.sssie-related-list h3 { font-size: 17px; line-height: 1.35; }
.sssie-related-list p { font-size: 14px; }
.sssie-related-list a, .sssie-recent a { color: inherit; }
.sssie-recent article { display: flex; gap: 12px; margin-bottom: 18px; }
.sssie-recent article > a { flex: 0 0 65px; }
.sssie-recent img { display: block; width: 65px; aspect-ratio: 1; object-fit: cover; }
.sssie-recent h3 { margin: 0 0 5px; font-size: 14px; line-height: 1.35; }
.sssie-recent p { margin: 0; font-size: 12px; }
@media (max-width: 800px) {
    .sssie-layout.old-container { grid-template-columns: 1fr; gap: 60px; }
    .sssie-hero { min-height: 500px; }
}
@media (max-width: 570px) {
    .sssie-layout.old-container { padding-block: 65px; }
    .sssie-hero-content { width: calc(100% - 30px); }
    .sssie-hero h1 { font-size: 28px; }
    .sssie-related-list { grid-auto-columns: 100%; }
}