.seo-page { margin: 0; }
.seo-header, .seo-main, .seo-footer { width: min(100% - 2rem, 1120px); margin-inline: auto; }
.seo-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.25rem; border-bottom: 1px solid #c5cdc4; }
.seo-header .brand { color: #163c31; text-decoration: none; }
.seo-languages { display: flex; flex-wrap: wrap; gap: .35rem; }
.seo-languages a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding-inline: .65rem; color: #164733; border-radius: .5rem; }
.seo-languages a[aria-current] { background: #174b36; color: white; }
.seo-main { padding-block: 2rem 3rem; line-height: 1.8; overflow-wrap: anywhere; }
.seo-main > article { max-width: 780px; margin-inline: auto; font-size: 1.125rem; }
.seo-main h1 { font-size: clamp(1.75rem, 4vw, 3rem); line-height: 1.2; }
.seo-main h2 { font-size: 1.25rem; line-height: 1.4; }
.seo-dek { font-size: 1.2rem; }
.seo-byline, .seo-main time, .seo-main figcaption { font-size: .875rem; color: #405349; }
.seo-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); gap: 1.25rem; margin-block-start: 2rem; }
.seo-grid article { padding: 1.25rem; border: 1px solid #becabd; border-radius: 1rem; background: #fffef9; }
.seo-main a, .seo-footer a { color: #145436; text-underline-offset: .2em; }
.seo-main figure { margin-inline: 0; }
.seo-main img { max-width: 100%; height: auto; border-radius: .75rem; }
.seo-table { overflow-x: auto; }
.seo-table th, .seo-table td { padding: .5rem; border: 1px solid #b9c6ba; }
.seo-back, .seo-action { display: inline-flex; align-items: center; min-height: 44px; }
.seo-footer { border-top: 1px solid #c5cdc4; padding-block: 1.5rem; }
.seo-page a:focus-visible { outline: 3px solid #0b7447; outline-offset: 3px; }
html[dir="rtl"] .seo-main { text-align: start; }
html[dir="rtl"] .seo-main > article { line-height: 2; }