/* Палітра usd.org. Текст-акцент #b93d0b (контраст ≥ 4.5:1); яскравий #ff6a3d лише не для тексту. */
:root,[data-md-color-scheme="default"]{
  /* шапка світла, як на usd.org: фон шапки = primary-fg, текст шапки = primary-bg */
  --md-primary-fg-color:#ffffff;
  --md-primary-fg-color--light:#ffffff;
  --md-primary-fg-color--dark:#eef4f8;
  --md-primary-bg-color:#0b2545;
  --md-primary-bg-color--light:#4f6479;
  --md-accent-fg-color:#b93d0b;
  --md-default-bg-color:#eef4f8;
  --md-default-fg-color:#0b2545;
  --md-default-fg-color--light:#4f6479;
  --md-default-fg-color--lighter:#4f6479;
  --md-default-fg-color--lightest:#d3e0ea;
  --md-typeset-color:#0b2545;
  --md-typeset-a-color:#0b2545;
  --md-text-font-family:Inter,system-ui,-apple-system,sans-serif;
}
.md-typeset a{text-decoration:underline;text-decoration-color:#d3e0ea;text-underline-offset:3px}
.md-typeset a:hover{color:#b93d0b}
.md-typeset h1{font-weight:700;letter-spacing:-.02em;color:#0b2545}
.md-header{border-bottom:1px solid #d3e0ea;box-shadow:none}
.md-search__form{background:#eef4f8}
.md-search__input,.md-search__input::placeholder,.md-search__icon{color:#0b2545}
.md-nav__link--active,.md-nav__link:hover{color:#b93d0b}

/* Типографіка як на сторінках usd.org (public/about, build/legal.py). Material рахує rem від 20px, тому розміри в px. */
.md-typeset{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;color:#0b2545}
.md-content__inner{max-width:640px}
.md-typeset h1{font-size:clamp(36px,6vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0 0 16px;color:#0b2545}
.md-typeset h2{font-size:12.8px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;line-height:1.6;color:#4f6479;margin:48px 0 12px}
.md-typeset h3{font-size:16px;font-weight:600;letter-spacing:0;margin:32px 0 8px;color:#0b2545}
.md-typeset p,.md-typeset ul,.md-typeset ol{margin:0 0 16px}
.md-typeset li{margin:6.4px 0}
.md-typeset .lead{font-size:19.2px}
.md-typeset .updated{color:#4f6479;font-size:14.4px}
/* Заголовок поста в списку блогу (Material робить його h2): як заголовок, а не як підпис розділу */
.md-post--excerpt .md-typeset h2,.md-post--excerpt h2{font-size:28px;font-weight:700;text-transform:none;letter-spacing:-.02em;line-height:1.2;color:#0b2545;margin:12px 0 12px}
.md-post--excerpt h2 a{text-decoration:none}
/* Шапка: назва розділу посиланням і навігація основного сайту */
.md-header__topic .ud-section{color:#0b2545;text-decoration:none;font-weight:600}
.md-header__topic .ud-section:hover{color:#b93d0b}
.ud-header-nav{display:none;gap:20px;margin:0 16px 0 auto;font-size:14px;line-height:1.6}
.ud-header-nav a{color:#0b2545;text-decoration:none;white-space:nowrap}
.ud-header-nav a:hover,.ud-header-nav a[aria-current]{color:#b93d0b}
.ud-header-nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}
@media screen and (min-width:60em){.ud-header-nav{display:flex}}