/* The accessibility statement: a quiet reading page in the site's type and colours. */
.st-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-block: 16px; }
.st-header .home { text-decoration: none; }
.langs-a { display: flex; gap: 4px 14px; flex-wrap: wrap; }
.langs-a a { color: var(--graphite); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; font-size: 1rem; }
.langs-a a[aria-current="true"] { color: var(--ink); }
.langs-a a[aria-current="true"]::before { content: "¶"; font-family: var(--mono); color: var(--red); font-size: .56em; vertical-align: .6em; margin-inline-end: .2em; }
@media (hover: hover) and (pointer: fine) { .langs-a a:hover { color: var(--ink); } }
.statement { max-width: 68ch; padding-block: clamp(32px, 6vw, 72px) clamp(56px, 8vw, 96px); }
.statement article { display: grid; gap: 14px; }
.statement article[hidden] { display: none; }
.statement h1 { font-size: clamp(1.875rem, 4vw, 2.75rem); line-height: 1.15; font-weight: 500; margin-bottom: 8px; }
.statement h2 { font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.3; font-weight: 500; margin-top: 18px; }
.statement p, .statement li { color: var(--graphite); }
.statement ul { margin: 0; padding-inline-start: 1.2em; display: grid; gap: 6px; }
.statement a { color: var(--ink); text-underline-offset: 5px; text-decoration-color: var(--red); }
.statement strong { font-weight: 500; color: var(--ink); }
.back { display: inline-flex; min-height: 44px; align-items: center; color: var(--ink); text-underline-offset: 5px; text-decoration-color: var(--red); margin-top: 24px; }
html:lang(he) .statement, html:lang(he) .st-header { font-family: var(--heb), var(--mono); }