/* A single editorial system for the full Lyceum corpus. */
:root {
  --page:#f6f5f2; --paper:var(--page); --surface:#fff; --ink:#24252b;
  --ink-secondary:#555764; --muted:#555764; --ink-muted:#696a76;
  --line:#dcdde4; --action:#3548d4; --wine:var(--action); --focus:var(--action);
  --surface-cool:#f0f0f8; --surface-dark:#292a2f; --radius:24px;
  --max:1400px; --reading-width:68ch; --font-editorial:Georgia,'Times New Roman',serif;
}
html {scroll-padding-top:110px}
body {background:var(--page); color:var(--ink); font-size:1.0625rem; line-height:1.65}
main,main div,section,article,aside {min-width:0}
h1,h2,h3 {text-wrap:balance; overflow-wrap:break-word}
p,li,dd,td {overflow-wrap:break-word}
main p {line-height:1.7}
.eyebrow,.section-kicker {font-size:.875rem;letter-spacing:.06em}
:focus-visible {outline:3px solid var(--focus);outline-offset:4px}
[hidden] {display:none!important}
.site-header,body:has(.r-home) .site-header,body:has(.r-home) .site-header:not(.is-past-hero) {background:#fff; color:var(--ink); border-bottom:1px solid var(--line);backdrop-filter:none}
body:has(.r-home) .site-header:not(.is-past-hero) [data-search-open] {background:#fff;border-color:var(--line);color:var(--ink)}
.header-inner {height:88px;max-width:1600px;padding:0 clamp(20px,2.3vw,40px);gap:24px}
.brand {min-width:220px}
.brand .l38-brand-logo {width:52px;height:52px;object-fit:contain;border-radius:0}
.brand strong {font-size:1.125rem}
.brand small {font-size:.8125rem;max-width:none;color:var(--ink-secondary)}
.desktop-nav {flex:1;justify-content:center;gap:0;height:100%}
.desktop-nav__item {display:flex;align-items:stretch;position:static}
.desktop-nav .nav-top-link {font-size:.9375rem;padding:12px 7px;font-weight:650;line-height:1.3}
.desktop-nav .nav-top-link:hover,.desktop-nav .nav-top-link[aria-current=page] {background:var(--surface-cool);color:var(--action)}
.desktop-nav__item .mega-menu {left:clamp(20px,3vw,48px);right:clamp(20px,3vw,48px);top:calc(100% - 1px);width:auto;max-width:1320px;margin:auto;border:1px solid var(--line);border-radius:0 0 24px 24px;background:#fff;box-shadow:0 20px 40px #24252b14;padding:28px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-5px)}
.desktop-nav__item:hover .mega-menu,.desktop-nav__item:focus-within .mega-menu,.desktop-nav__item.is-open .mega-menu {visibility:visible;opacity:1;pointer-events:auto;transform:none}
.desktop-nav.is-enhanced .desktop-nav__item:not(.is-open) .mega-menu {visibility:hidden;opacity:0;pointer-events:none}
.mega-menu__link {border-radius:12px;padding:14px!important;border:1px solid transparent}
.mega-menu__link strong {font-size:1rem;line-height:1.4}
.mega-menu__link small {font-size:.875rem;line-height:1.5;color:var(--ink-secondary)}
.mega-menu__link:hover {background:var(--surface-cool)!important;color:var(--ink)!important;border-color:var(--line)}
.mega-menu__head {padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:14px}
.header-actions {gap:8px}
.header-actions .icon-button,.menu-button {min-height:44px;border-radius:12px}
.header-actions [data-search-open] {color:var(--ink);background:#fff;border:1px solid var(--line)}
.button {border-radius:12px;min-height:48px;padding:12px 22px;background:var(--action);border-color:var(--action);font-size:1rem;color:#fff;box-shadow:none;transform:none!important}
.button:hover {background:#293bb2;border-color:#293bb2;color:#fff}
.button--outline {background:#fff;color:var(--action)}
.button--outline:hover {background:var(--surface-cool);color:var(--action)}
.button:disabled {opacity:.65;cursor:wait}
.icon-button {min-width:44px;min-height:44px}
input,textarea,select {font:inherit;color:var(--ink);background:#fff;border:1px solid #a3a6b5;border-radius:12px;min-height:48px;padding:12px 14px;max-width:100%}
textarea {min-height:120px;resize:vertical}
label {line-height:1.5;font-size:1rem}
input::placeholder,textarea::placeholder {color:#696a76;opacity:1}
.button-row {display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px}
.l38-editorial-hero {isolation:isolate;position:relative;min-height:660px;padding:88px clamp(24px,6vw,100px) 74px;display:flex;align-items:center;background:#e9e9f0;overflow:hidden}
.l38-color-field {position:absolute;inset:-8%;z-index:-1;background:radial-gradient(ellipse at 14% 18%,#99b6f2 0%,transparent 44%),radial-gradient(ellipse at 74% 10%,#94d9bc 0%,transparent 42%),radial-gradient(ellipse at 46% 82%,#6551c9 0%,transparent 47%),radial-gradient(ellipse at 84% 76%,#ed8dc3 0%,transparent 40%),linear-gradient(120deg,#d5d9f2,#edf0db);filter:blur(28px)}
.l38-color-field::after {content:'';position:absolute;inset:0;background-image:radial-gradient(#fff8 .7px,transparent 1px);background-size:5px 5px;opacity:.3}
.l38-hero-note {position:absolute;top:28px;left:clamp(24px,6vw,100px);right:clamp(24px,6vw,100px);display:flex;justify-content:space-between;color:#24252b;font-size:.875rem;letter-spacing:.08em}
.l38-hero-panel {position:relative;width:min(100%,1000px);margin:0 auto;background:var(--surface-dark);color:white;border:1px solid #ffffff66;border-radius:32px;padding:52px clamp(28px,5vw,72px);box-shadow:0 24px 80px #292a2f18}
.l38-hero-panel .eyebrow {color:#d1d2db;letter-spacing:.06em}
.l38-hero-panel h1 {font-family:var(--font-editorial);font-size:clamp(3.2rem,5.7vw,5.6rem);font-weight:400;letter-spacing:-.035em;line-height:1.06;margin:22px 0 24px;text-wrap:balance}
.l38-hero-panel h1 span {color:#fff}
.l38-hero-panel p {font-size:1.1875rem;max-width:58ch;color:#e3e4e9;line-height:1.6;margin:0 0 30px}
.l38-hero-panel .button {background:#fff;color:var(--surface-dark);border-color:#fff}
.l38-hero-panel .button:hover {background:#f0f0f8}
.l38-hero-panel .text-link {color:#fff;font-size:1rem;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.l38-hero-edition {position:absolute;bottom:26px;right:clamp(24px,6vw,100px);font-size:.875rem;color:var(--ink);letter-spacing:.09em}
.r-home .r-find {background:#fff;padding:56px max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line)}
.r-home .r-find h2,.r-home .r-section-heading h2,.r-home-story h2,.r-parent-feature h2,.r-two-paths h2 {font-family:var(--font-editorial);font-weight:400;letter-spacing:-.028em;line-height:1.14}
.r-home .r-find h2 {font-size:clamp(2.25rem,3.8vw,3.6rem);margin:12px 0 20px}
.r-home .r-home-search {max-width:900px;margin:20px 0}
.r-home .r-top-tasks {gap:12px;border:0}
.r-home .r-top-tasks a {background:var(--surface-cool);border:1px solid var(--line);border-radius:14px;padding:16px;min-height:70px;font-size:1rem;transition:background .2s}
.r-home .r-top-tasks a:hover {background:#e4e6f8;transform:none}
.r-top-tasks a span {font-size:.875rem;color:#555764}
.r-home .r-today {margin:36px auto;max-width:1320px;gap:24px;padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff}
.r-home .r-today a {border-color:var(--line)}
.r-home .r-today small {color:var(--ink-secondary);font-size:.875rem}
.r-home .r-home-story,.r-home .r-section,.r-home .r-parent-feature,.r-home .r-two-paths {max-width:1320px;margin:0 auto;padding:64px 32px}
.r-home-story {gap:64px}
.r-home-story h2 {font-size:clamp(2.3rem,4vw,4rem)}
.r-home-story p {font-size:1.125rem;max-width:50ch}
.r-story-image img {border-radius:24px;object-fit:cover}
.r-story-image .r-38 {border-radius:16px;background:#f4f5dc;color:var(--ink)}
.r-stages {gap:24px}
.r-stages article {background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;padding-bottom:28px}
.r-stages article h3,.r-stages article p,.r-stages article>a,.r-stages .r-grade {margin-left:24px;margin-right:24px}
.r-stages h3 {font-size:1.6rem;line-height:1.3}
.r-stages .r-grade {font-size:3.5rem;letter-spacing:-.06em;margin-top:20px;color:var(--ink)}
.r-stages .r-grade small {font-size:.875rem;letter-spacing:0}
.r-photo {border-radius:20px;overflow:hidden;background:#fff}
.r-photo figcaption {padding:10px 14px;font-size:.875rem;line-height:1.5;color:var(--ink-secondary);background:#fff}
.r-photo figcaption span {display:block;color:#555764;font-weight:650;margin-bottom:2px}
.r-stages .r-photo {border-radius:0;margin:0}
.r-parent-feature {position:relative;gap:52px;isolation:isolate}
.r-parent-feature>div {background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px}
.r-parent-feature::after {content:'';position:absolute;z-index:-1;inset:15% 16px 10% 45%;background:radial-gradient(ellipse at 90% 20%,#ed8dc3,transparent 55%),radial-gradient(ellipse at 20% 80%,#99b6f2,transparent 60%);opacity:.75;border-radius:40px}
.r-parent-feature h2 {font-size:clamp(2.1rem,3vw,3rem)}
.r-editorial-grid h3 {font-family:var(--font-editorial);font-size:1.8rem;line-height:1.25;font-weight:400}
.r-editorial-grid article {border:0;background:transparent;box-shadow:none}
.r-two-paths {gap:24px}
.r-two-paths article {border-radius:24px;padding:40px;background:var(--surface-dark);color:#fff}
.r-two-paths article:nth-child(2) {background:#f0f0f8;color:var(--ink)}
.r-two-paths article .eyebrow,.r-two-paths article p {color:inherit}
.r-two-paths .button--outline {background:#fff}
.r-two-paths h2 {font-size:clamp(2.1rem,3vw,3rem)}
.page-main {max-width:1400px;margin:auto;--section:var(--action);--section-soft:var(--surface-cool)}
.page-main[data-section] {--section:var(--action);--section-soft:var(--surface-cool)}
.breadcrumbs {padding:24px 40px 0;line-height:1.6;font-size:.875rem;max-width:100%;flex-wrap:wrap;color:var(--ink-secondary)}
.breadcrumbs a {min-height:24px}
.page-hero {padding:40px;margin:24px 40px 0;max-width:none;background:#fff;border:1px solid var(--line);border-radius:28px}
.page-hero h1 {font-family:var(--font-editorial);font-weight:400;font-size:clamp(2.5rem,4.2vw,4.3rem);line-height:1.1;letter-spacing:-.025em;max-width:24ch;margin:18px 0}
.page-hero p {max-width:68ch;font-size:1.125rem;color:var(--ink-secondary);line-height:1.65}
.page-hero .eyebrow {color:var(--action);font-size:.875rem}
.page-main:is([data-family=utility],[data-family=service],[data-family=evidence],[data-family=reference],[data-family=directory],[data-family=decision]) .page-hero {padding:28px 32px}
.page-main:is([data-family=utility],[data-family=service],[data-family=evidence],[data-family=reference],[data-family=directory],[data-family=decision]) .page-hero h1 {font-family:inherit;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;max-width:30ch;letter-spacing:-.03em}
.page-content {padding:36px 40px 72px}
.page-content>p,.content-section>p,.r-section>p,.profile-story p,.profile-story li {max-width:var(--reading-width);font-size:1.0625rem;line-height:1.75}
.page-content h2 {font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.23;letter-spacing:-.025em}
.page-content h3 {font-size:1.375rem;line-height:1.35;letter-spacing:-.015em}
.content-section,.r-section,.rich-section {scroll-margin-top:120px}
.content-section+.content-section,.r-section+.r-section {margin-top:48px}
.link-card,.editorial-grid>article,.fact-grid>div,.situation-grid>a,.sector-card,.career-cards article,.faq details,.r-form-wrap,.r-demo {border-radius:20px;box-shadow:none}
.link-card {padding:24px;border:1px solid var(--line);background:#fff}
.link-card small,.r-link-rows small {font-size:.9375rem;color:var(--ink-secondary);line-height:1.6}
.r-link-rows>a {border-color:var(--line);padding:24px 0}
.r-link-rows strong {font-size:1.375rem;line-height:1.35}
.r-row-index {color:var(--ink-muted);font-size:.875rem}
.r-flow {background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}
.r-flow strong {line-height:1.4;font-size:1.125rem}
.r-flow p,.steps p {font-size:1rem;line-height:1.65}
.table-wrap {border:1px solid var(--line);border-radius:16px;background:#fff;overflow:auto}
table {width:100%;font-variant-numeric:tabular-nums}
th,td {font-size:1rem;line-height:1.5;padding:14px 18px}
th {background:#f0f0f8;color:var(--ink);text-align:left}
tbody tr:nth-child(even) {background:#fafafd}
thead {background:var(--surface-cool)}
.tabs button,.r-filter-chips button {min-height:44px;font-size:1rem;border-radius:10px}
.tabs [aria-selected=true] {background:var(--action);color:#fff}
.faq summary,.r-legacy>summary,.support-detail>summary {font-size:1.0625rem;line-height:1.5;min-height:48px;padding:18px 22px}
.faq details>p,.faq details>div {font-size:1.0625rem;line-height:1.7}
.notice {border-radius:16px;font-size:1rem;line-height:1.65}
.notice--pending,.l38-freshness {border:1px solid #b8bded;background:#f0f0fb;border-radius:18px;padding:24px;color:var(--ink)}
.l38-freshness {margin:0 0 32px}
.l38-freshness strong {font-size:1.25rem}
.l38-freshness p {max-width:68ch;margin:10px 0;font-size:1rem}
.source-note {font-size:.875rem!important;color:var(--ink-secondary);border-top:1px solid var(--line);padding-top:14px}
.l38-content-state,.r-status,.demo-label,.demo-pill {display:inline-flex;align-items:center;gap:6px;background:#eeeffa;color:#414b92;border:1px solid #b8bded;border-radius:999px;padding:5px 12px;font-size:.875rem!important;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;margin:0 0 16px}
.l38-content-state[data-state=draft] {background:#fff4d8;color:#755312;border-color:#d5ba75}
.l38-content-state[data-state=archive] {background:#f0f0f2;color:#555764;border-color:#dcdde4}
.demo-label,.demo-pill {display:inline-flex!important}
.demo-block {background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:24px!important}
.r-demo,.demo-block {background:#fff;border:1px solid var(--line);padding:24px}
.r-form-wrap {background:#fff;border:1px solid var(--line);padding:32px}
.r-form-wrap>p {max-width:68ch;color:var(--ink-secondary);font-size:1rem}
.r-inline-form {max-width:760px;gap:20px}
.r-inline-form label {display:grid;gap:8px;min-width:0;font-weight:600}
.r-inline-form label>span {font-weight:400;color:var(--ink-secondary)}
.field-note {font-size:.875rem!important;line-height:1.6;color:var(--ink-secondary)}
.r-form-status {padding:14px 18px;border-radius:12px;background:#f0f0f8;color:var(--ink);font-size:1rem!important}
.r-form-status[data-state=saved] {background:#e6f5ec;color:#22513a}
.r-form-status[data-state=error] {background:#fff0ec;color:#8a3423}
.l38-reading-toc {margin:0 0 36px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 22px}
.l38-reading-toc summary {font-size:1rem;font-weight:650;cursor:pointer;min-height:28px}
.l38-reading-toc nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px;padding-top:12px}
.l38-reading-toc a {font-size:.9375rem;padding:8px 0;min-height:40px;color:var(--action);line-height:1.5}
.l38-hint {background:#eaf0ff;border:1px solid #a9bbed;border-radius:18px;padding:14px 18px;margin:18px 0;color:#253778;max-width:760px}
.l38-hint summary {font-weight:650;cursor:pointer;min-height:30px;font-size:1rem}
.l38-hint p {margin:12px 0 4px;font-size:1rem;line-height:1.65}
.staff-tools {background:#fff;border:1px solid var(--line);border-radius:20px}
.staff-card {background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.staff-card h2 {font-family:inherit;font-size:1.35rem;line-height:1.3}
.staff-card p {font-size:1rem;line-height:1.6;color:var(--ink-secondary)}
.staff-category-nav {background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}
.staff-category-nav a {font-size:.9375rem;padding:12px;min-height:44px;border-radius:10px}
.staff-category-nav a[aria-current] {background:var(--surface-cool);color:var(--action)}
.staff-portrait {background:#f0f0f8;border-radius:18px}
.staff-portrait>span {z-index:3;color:var(--ink)}
.profile-story h2 {font-family:var(--font-editorial);font-weight:400}
.search-dialog {width:min(760px,calc(100vw - 32px));border:1px solid var(--line);border-radius:24px;background:#fff;color:var(--ink);padding:28px;max-height:88svh;overflow:auto}
.search-dialog::backdrop {background:#24252b88;backdrop-filter:blur(3px)}
.search-dialog h2 {font-family:var(--font-editorial);font-size:2rem;font-weight:400}
.r-palette-results a,.search-result {padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.r-palette-results small {font-size:.875rem;color:var(--ink-secondary)}
.r-palette-results strong {font-size:1.0625rem;line-height:1.4}
/* One flow-based mobile component. Keep all rows and child links in layout,
   including long Ukrainian labels and enlarged text. */
#mobile-menu {background:var(--page);padding:0 max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:88px}
#mobile-menu .mobile-menu__bar {position:sticky;top:0;z-index:2;min-height:76px;padding:12px 0;margin:0 auto;background:var(--page);gap:16px;border-bottom:1px solid var(--line)}
#mobile-menu .mobile-menu__bar strong {font-size:1.125rem;line-height:1.4}
#mobile-menu [data-menu-close] {flex:0 0 44px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:1.75rem;line-height:1}
#mobile-menu nav {display:block;max-width:780px;margin:20px auto 24px}
#mobile-menu .mobile-nav-group {margin:0;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;box-shadow:none}
#mobile-menu .mobile-nav-group>summary,#mobile-menu .l38-mobile-nav-link {position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;width:auto;margin:0;padding:16px 4px;list-style:none;font-family:inherit;font-size:1.125rem;font-weight:650;line-height:1.45;letter-spacing:0;text-decoration:none;color:var(--ink);cursor:pointer}
#mobile-menu .mobile-nav-group>summary>span:first-child {min-width:0;overflow-wrap:anywhere}
#mobile-menu .mobile-nav-group>summary::-webkit-details-marker {display:none}
#mobile-menu .mobile-nav-group>summary::marker {content:''}
#mobile-menu .mobile-nav-group[aria-current=true]>summary,#mobile-menu .l38-mobile-nav-link[aria-current=true] {color:var(--action)}
#mobile-menu .mobile-nav-group__icon {flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--action);font-size:1.25rem;font-weight:400;line-height:1}
#mobile-menu .mobile-nav-group__icon::before {content:'+'}
#mobile-menu .mobile-nav-group[open] .mobile-nav-group__icon::before {content:'−'}
#mobile-menu .mobile-nav-children {display:grid;gap:4px;padding:0 0 16px}
#mobile-menu nav a {position:static;min-width:0;min-height:44px;padding:12px 16px;border:0;border-radius:12px;text-decoration:none;font-family:inherit;font-size:1rem;line-height:1.5;font-weight:500;letter-spacing:0;overflow-wrap:anywhere}
#mobile-menu .mobile-nav-children>a {display:grid;gap:3px;margin:0;background:#fff}
#mobile-menu .mobile-nav-children>a.mobile-nav-all {display:block;color:var(--action);background:var(--surface-cool);font-weight:650}
#mobile-menu .mobile-nav-children strong {font-size:1rem;font-weight:650;line-height:1.5}
#mobile-menu .mobile-nav-children small {font-size:.875rem;font-weight:400;line-height:1.5;color:var(--ink-secondary)}
#mobile-menu nav a[aria-current]::after {content:none}
#mobile-menu nav a:hover,#mobile-menu summary:hover {background:var(--surface-cool)}
#mobile-menu .l38-mobile-nav-link {border-bottom:1px solid var(--line);border-radius:0}
#mobile-menu .r-mobile-tasks {display:flex;flex-wrap:wrap;gap:8px;max-width:780px;margin:20px auto 0;padding:0;background:transparent;border-radius:0}
#mobile-menu .r-mobile-tasks a {display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:.9375rem;font-weight:550;line-height:1.45;text-decoration:none}
#mobile-menu .r-mobile-tasks .button {flex:1 0 100%;background:var(--action);color:#fff;border-color:var(--action);font-size:1rem}
#mobile-menu .mobile-menu__contact {display:flex;gap:8px 20px;font-size:1rem;line-height:1.5;font-weight:550;border-top:1px solid var(--line);padding:20px 0}
#mobile-menu .mobile-menu__contact a {display:flex;align-items:center;min-height:44px}
.site-footer {background:#fff;color:var(--ink);border-top:1px solid var(--line);margin-top:32px;padding-top:48px}
.footer-grid {max-width:1320px;padding:0 32px}
.footer-grid h2 {font-size:1rem}
.footer-grid a {font-size:.9375rem;min-height:32px;line-height:1.6}
.footer-note,.footer-bottom {font-size:.875rem;color:var(--ink-secondary)}
.footer-bottom {max-width:1256px;border-color:var(--line)}
.cms-collection__card {border-color:var(--line)!important;border-radius:20px;overflow:hidden}
.cms-collection__meta,.cms-news__meta {font-size:.875rem!important;text-transform:none!important;letter-spacing:0!important;opacity:1!important;color:var(--ink-secondary)!important}
@media(min-width:1320px) {.desktop-nav {display:flex}.menu-button {display:none}}
@media(min-width:1320px) and (max-width:1499px) {.header-inner {padding:0 20px;gap:16px}.brand {min-width:180px}.brand .l38-brand-logo {width:42px;height:42px}.brand strong {font-size:1rem}.brand small {font-size:.75rem;max-width:125px}.desktop-nav .nav-top-link {font-size:.875rem;padding:12px 4px;white-space:normal}.l38-nav-toggle {min-width:24px}.header-actions [data-search-open] span {display:none}}
@media(max-width:1319px) {.desktop-nav {display:none}.menu-button {display:flex}.header-inner {justify-content:space-between}.header-actions {margin-left:auto}}
@media(max-width:1000px) {.staff-directory-layout {grid-template-columns:1fr}.staff-directory-sidebar {position:static}.staff-category-nav {display:flex;flex-wrap:wrap}.r-home-story {gap:32px}.r-home .r-today {margin:28px 24px}.mega-menu__grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px) {
  body {font-size:1.0625rem}.header-inner {height:76px;padding:0 20px;gap:12px}.brand {min-width:0;gap:10px}.brand .l38-brand-logo {width:44px;height:44px}.brand small {font-size:.75rem}.brand strong {font-size:1rem}
  .l38-editorial-hero {min-height:0;padding:74px 20px 56px}.l38-hero-note {left:22px;right:22px;font-size:.8125rem;top:22px}.l38-hero-panel {padding:32px 24px;border-radius:24px}.l38-hero-panel h1 {font-size:clamp(2.6rem,8vw,3.5rem);letter-spacing:-.025em}.l38-hero-panel p {font-size:1.0625rem}.l38-hero-panel .button-row {gap:12px}.l38-hero-edition {bottom:18px;right:24px;font-size:.8125rem}
  .r-home .r-find {padding:36px 24px}.r-home .r-top-tasks {grid-template-columns:repeat(2,minmax(0,1fr))}.r-home .r-top-tasks a {padding:14px;min-height:64px}.r-home .r-home-story,.r-home .r-section,.r-home .r-parent-feature,.r-home .r-two-paths {padding:40px 24px}.r-home .r-today {padding:24px;grid-template-columns:1fr 1fr}.r-home .r-today>div {grid-column:1/-1}.r-home-story,.r-parent-feature,.r-two-paths {grid-template-columns:1fr;gap:24px}.r-stages {grid-template-columns:1fr}.r-parent-feature>div {padding:26px}.r-two-paths article {padding:28px}.r-home-story h2 br {display:none}
  .breadcrumbs {padding:20px 24px 0;gap:8px}.page-hero {padding:28px;margin:18px 20px 0;border-radius:22px}.page-hero h1 {font-size:2.35rem;line-height:1.15}.page-hero p {font-size:1.0625rem}.page-content {padding:28px 24px 52px}.page-main:is([data-family=utility],[data-family=service],[data-family=evidence],[data-family=reference],[data-family=directory],[data-family=decision]) .page-hero {padding:24px}.page-main:is([data-family=utility],[data-family=service],[data-family=evidence],[data-family=reference],[data-family=directory],[data-family=decision]) .page-hero h1 {font-size:2rem}
  .l38-reading-toc {padding:16px 18px}.l38-reading-toc nav {grid-template-columns:1fr;gap:0}.r-form-wrap {padding:24px}.r-inline-form {display:grid;grid-template-columns:1fr}.l38-freshness {padding:22px}.table-wrap th,.table-wrap td {padding:12px 14px;font-size:.9375rem}.r-photo figcaption {font-size:.8125rem}.r-demo,.demo-block {padding:20px}.search-dialog {padding:22px}.search-field {display:grid;grid-template-columns:1fr auto;gap:8px}.search-field input {min-width:0;width:100%}.footer-grid {padding:0 24px}.footer-bottom {margin:32px 24px 0}.page-toc {flex-wrap:wrap;overflow:visible}.page-toc a {flex-shrink:1}
}
@media(max-width:390px) {.header-inner {padding:0 14px}.brand small {max-width:135px;font-size:.75rem}.header-actions [data-search-open] span {display:none}.menu-button span {display:none}.l38-hero-panel {padding:28px 20px}.l38-hero-panel h1 {font-size:2.5rem}.l38-hero-panel .button-row {align-items:flex-start;flex-direction:column}.r-home .r-today {grid-template-columns:1fr}.page-hero h1 {font-size:2.1rem}.page-content {padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-pending {opacity:1!important;transform:none!important}}
html[data-motion=reduce] .motion-pending {opacity:1!important;transform:none!important}
@media print {
  .site-header,.site-footer,.mobile-menu,.search-dialog,.l38-hint,.l38-reading-toc,.section-directory,button,.r-form-wrap {display:none!important}body {background:#fff;font-size:11pt;color:#000}.page-main {max-width:none}.page-hero {margin:0;padding:0 0 20px;border:0;background:#fff}.page-content {padding:0}.page-content p {max-width:none}.table-wrap {overflow:visible;border:1px solid #aaa}th,td {font-size:10pt;padding:8px}.tabs {display:none!important}.schedule-layout [role=tabpanel][hidden] {display:block!important}.r-legacy {display:block}.r-legacy>* {display:block}.l38-content-state,.r-status,.demo-label,.demo-pill {color:#000;background:#fff;border-color:#aaa}.l38-freshness {break-inside:avoid;background:#fff;border-color:#aaa}.motion-pending {opacity:1!important;transform:none!important}
}

.cms-media-note {display:block;font-size:.8125rem;color:var(--ink-secondary);line-height:1.5;margin:8px 0 12px}

/* Shared page headers and article catalogs must remain readable at narrow widths. */
.page-main .page-hero {background:#fff!important}
.page-main .page-hero::before,.page-main .page-hero::after {content:none}
.page-main .page-hero h1 {overflow-wrap:break-word}
.page-main .page-hero h1::after {content:none}
.page-main .page-hero .eyebrow::before {content:none}
.page-main .page-hero .eyebrow {border:0;padding:0;background:transparent}
.page-main .page-content>* {min-width:0}
.page-main :is(.r-guide-grid,.r-cards,.guide-audience-grid)>* {min-width:0}
.anchor-alias {display:block;height:0;margin:0!important;padding:0!important}
#parent-topics .r-guide-card .r-photo {margin:0}
#parent-topics .r-guide-card .r-photo img {height:160px;width:100%;object-fit:cover}
#parent-topics .r-guide-card .r-photo figcaption {padding:8px 14px;font-size:.75rem}
#parent-topics .r-guide-card h3 {font-size:1.375rem;line-height:1.3}
#parent-topics .r-guide-card p {font-size:1rem;line-height:1.6}
#form-data details {padding:16px 0;border-top:1px solid var(--line)}
#form-data summary {min-height:32px;cursor:pointer;font-weight:600}
@media(max-width:760px) {
  .page-main .page-hero h1 {font-size:clamp(1.9rem,7.6vw,2.35rem);line-height:1.18}
  .guide-audience-grid {grid-template-columns:1fr}
  #parent-topics .r-guide-grid {grid-template-columns:1fr;gap:20px}
  #parent-topics .r-guide-card .r-photo img {height:140px}
  #parent-topics .r-guide-card h3 {font-size:1.25rem}
}

@media(max-width:760px) {.r-schedule-tabs {flex-wrap:wrap;overflow:visible}.r-schedule-tabs button {flex:1 1 auto;white-space:normal}}
.r-link-rows>a {grid-template-columns:24px minmax(0,1fr) 20px}
.r-link-rows>a>span {min-width:0;overflow-wrap:anywhere}
.guide-quick-link {overflow-wrap:anywhere}
@media(max-width:760px) {
  .guide-card-grid {grid-template-columns:minmax(0,1fr)}
  .guide-card {min-width:0;overflow-wrap:anywhere}
  .r-photo figcaption {flex-direction:column;align-items:flex-start;gap:4px}
  .r-photo figcaption span {max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .staff-directory-layout>* {min-width:0;max-width:100%}
  .support-page .button,.demo-label {white-space:normal;overflow-wrap:anywhere}
}

/* W03: preserve the existing composition while removing the dark slogan panel. */
.l38-hero-panel {background:transparent;color:#202a31;border:0;border-radius:0;box-shadow:none}
.l38-hero-panel .eyebrow,.l38-hero-panel h1 span,.l38-hero-panel p,.l38-hero-panel .text-link {color:#202a31}
.l38-hero-panel .button {background:#fff;color:#202a31;border-color:#202a31}
/* Documents: same-site preview, plain-language summary and reading sequence. */
.document-state{display:inline-flex;padding:7px 12px;background:#e5eee9;border:1px solid #88a596;border-radius:5px;font-size:.85rem;font-weight:700}.document-state--demo{background:#fff4d8;border-color:#b89244}.document-summary{font-size:clamp(1.12rem,2.2vw,1.45rem);max-width:75ch}.visual-flow{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-flow li{position:relative;border:1px solid #b7c0c6;background:#f6f7fa;padding:18px;display:flex;align-items:flex-start;gap:12px;line-height:1.45}.visual-flow li>span{background:#4443bf;color:white;flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:700}.visual-flow li+li:before{content:'→';position:absolute;left:-16px;top:40%;color:#4443bf;font-size:20px;background:white}.pdf-preview{border:1px solid #aab4bf;background:#f1f3f6;padding:12px;max-width:100%;overflow:hidden}.pdf-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;position:sticky;top:0;background:#f1f3f6}.pdf-toolbar button,.pdf-toolbar select{min-height:44px;border:1px solid #7d8995;background:white;color:#202a31;border-radius:5px;padding:8px 12px;font:inherit}.pdf-toolbar button:disabled{opacity:.5;cursor:default}.pdf-toolbar label{display:flex;align-items:center;gap:8px;margin-left:auto}.pdf-canvas-wrap{overflow:auto;max-height:80vh;padding:12px;background:#cdd2da}.pdf-canvas-wrap canvas{display:block;margin:auto;max-width:none;background:white;box-shadow:0 3px 12px #0002}.pdf-text p{white-space:pre-wrap;overflow-wrap:anywhere}.document-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.document-actions .button{margin:0}.pdf-preview [role=status]{font-size:.86rem;margin:0 0 12px}@media(max-width:640px){.visual-flow{grid-template-columns:1fr;gap:15px}.visual-flow li+li:before{content:'↓';left:50%;top:-20px;font-size:19px}.pdf-toolbar{gap:7px}.pdf-toolbar label{margin-left:0;width:100%;justify-content:space-between}.pdf-canvas-wrap{max-height:65vh}}

.form-copy-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:1rem;background:#f3f7f5;border:1px solid #d5e3df;padding:1rem;max-width:100%}.public-form-item{padding:1.2rem 0;border-top:1px solid #d5e3df}.public-form-item details{margin-top:1rem}.public-form-item details button{margin:.7rem 0}

/* Footer contrast: keep contact and navigation readable on the footer surface. */
.site-footer {background:#172330;color:#f6f8fa;border-top:6px solid var(--lime);margin-top:32px;padding:36px 0 20px}
.site-footer a,.site-footer h2,.site-footer strong {color:#f6f8fa}
.site-footer .footer-grid p,.site-footer .footer-brand p {color:#d6e0e6}
.site-footer .footer-note {color:#c1ccd4}
.site-footer .footer-bottom {color:#d6e0e6;border-color:#53616c;margin:24px auto 0;padding:20px 24px 0}
.site-footer .motion-toggle {color:#e0e7ed;border-color:#8998a4}
.site-footer::after {color:#fff}

/* Manual QA: navigable section list and readable tables at narrow widths. */
.section-directory>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px;font:600 15px/1.4 var(--font-body,Arial,sans-serif);padding:4px 12px;color:var(--action)}
.section-directory>summary::after{content:'+';margin-left:auto;font-size:22px}
.section-directory[open]>summary::after{content:'−'}
.section-directory[open] .section-nav{display:flex!important;flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;padding:8px 12px;gap:8px 18px}
.section-directory .section-nav a{max-width:100%;white-space:normal!important;flex-shrink:1;overflow-wrap:anywhere;min-height:44px}
@media(max-width:700px){
 .table-wrap:has(tr:first-child>:last-child:nth-child(2)) table,.document-table-scroll:has(tr:first-child>:last-child:nth-child(2)) table{min-width:0!important;width:100%;table-layout:fixed}
 .table-wrap:has(tr:first-child>:last-child:nth-child(2)) th,.table-wrap:has(tr:first-child>:last-child:nth-child(2)) td,.document-table-scroll:has(tr:first-child>:last-child:nth-child(2)) th,.document-table-scroll:has(tr:first-child>:last-child:nth-child(2)) td{min-width:0!important;width:50%;white-space:normal;overflow-wrap:anywhere;padding:12px 10px;font-size:14px}
 .table-wrap:has(tr:first-child>:last-child:nth-child(n+3))::before,.document-table-scroll:has(tr:first-child>:last-child:nth-child(n+3))::before{content:'Таблицю можна прокрутити вбік →';display:block;position:sticky;left:0;padding:10px 12px;font-size:13px;background:#eef1fa;color:#294380}
}
.r-parent-feature:not(:has(figure,img)){display:block}
.r-parent-feature:not(:has(figure,img))>div{max-width:900px;margin-inline:auto}
/* School emblem: one transparent mark across the site's shared identity. */
.brand .l38-brand-logo{object-fit:contain;background:transparent}.site-footer .footer-brand img{width:76px;height:76px;object-fit:contain;flex:0 0 76px;border-radius:0;background:transparent;padding:0}.l38-story-emblem{position:absolute;right:18px;bottom:18px;width:116px;height:116px;display:grid;place-items:center;background:transparent;filter:drop-shadow(0 3px 7px #fff9)}.r-story-image .l38-story-emblem img{width:98px;height:98px;object-fit:contain}.l38-about-emblem{display:flex;gap:22px;align-items:center;border:1px solid #e2e7e4;border-radius:18px;background:#fff;padding:20px 24px;margin-bottom:28px}.l38-about-emblem img{width:96px;height:96px;object-fit:contain}.l38-about-emblem span,.l38-about-emblem strong{display:block}.l38-about-emblem span{font-size:.72rem;letter-spacing:.12em;color:#67786c;font-weight:800}.l38-about-emblem strong{font-size:1.4rem;color:#263b32}.l38-admin-logo{object-fit:contain}
@media(max-width:600px){.l38-story-emblem{width:82px;height:82px;right:12px;bottom:12px}.r-story-image .l38-story-emblem img{width:70px;height:70px}.l38-about-emblem img{width:76px;height:76px}}
