:root {
  --ch-color-paper: oklch(97.6% 0.007 242);
  --ch-color-paper-2: oklch(95.1% 0.012 242);
  --ch-color-ink: oklch(24.2% 0.054 242);
  --ch-color-ink-2: oklch(40.1% 0.06 243.6);
  --ch-color-muted: oklch(48% 0.031 243.3);
  --ch-color-rule: oklch(87% 0.017 242.5);
  --ch-color-accent: oklch(73.7% 0.13 217.1);
  --ch-color-accent-hover: oklch(68% 0.125 217.1);
  --ch-color-accent-ink: oklch(24.2% 0.054 242);
  --ch-color-focus: oklch(51.6% 0.152 251.4);
  --ch-color-link: oklch(51.6% 0.152 251.4);
  --ch-color-link-hover: oklch(45.4% 0.135 251.8);
  --ch-color-urgent: oklch(50.9% 0.209 29);
  --ch-color-field: oklch(24.2% 0.054 242);
  --ch-color-field-2: oklch(33.7% 0.085 245.6);
  --ch-color-field-ink: oklch(97.6% 0.007 242);
  --ch-color-field-muted: oklch(82% 0.03 240);
  --ch-color-field-rule: oklch(40.1% 0.06 243.6);
  --ch-color-field-focus: oklch(83% 0.081 217);
  --ch-shadow-menu: 0 1px 2px oklch(20% 0.01 242 / 0.05);
}
.skip-link, .alert-line, .site-header, .site-footer, .field-toggle {
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --text-xs: 13px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --gap-columns: 32px;
  --color-paper: var(--ch-color-paper);
  --color-paper-2: var(--ch-color-paper-2);
  --color-ink: var(--ch-color-ink);
  --color-ink-2: var(--ch-color-ink-2);
  --color-muted: var(--ch-color-muted);
  --color-rule: var(--ch-color-rule);
  --color-accent: var(--ch-color-accent);
  --color-accent-hover: var(--ch-color-accent-hover);
  --color-accent-ink: var(--ch-color-accent-ink);
  --color-focus: var(--ch-color-focus);
  --color-link: var(--ch-color-link);
  --color-link-hover: var(--ch-color-link-hover);
  --color-urgent: var(--ch-color-urgent);
  --color-field: var(--ch-color-field);
  --color-field-2: var(--ch-color-field-2);
  --color-field-ink: var(--ch-color-field-ink);
  --color-field-muted: var(--ch-color-field-muted);
  --color-field-rule: var(--ch-color-field-rule);
  --color-field-focus: var(--ch-color-field-focus);
  --logo-front: var(--color-field-ink);
  --logo-shadow: var(--color-accent);
  --c-font-display: "Barlow", "Arial Narrow", sans-serif;
  --c-font-body: "Noto Sans", ui-sans-serif, system-ui, sans-serif;
  --c-font-outlier: "Archivo Wordmark", "Archivo Fallback", ui-sans-serif, sans-serif;
  --radius-card: 4px;
  --radius-input: 4px;
  --shadow-menu: var(--ch-shadow-menu);
  --nav-h: 72px;
  --alert-h: 40px;
  --z-dropdown: 100;
  --z-sticky-nav: 300;
  --z-toast: 500;
}

.alert-line, .site-header, .site-footer { font-family: var(--c-font-body); font-size: var(--text-md); line-height: 1.6; letter-spacing: normal; }
:is(.alert-line, .site-header, .site-footer) .container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); box-sizing: border-box; }
:is(.alert-line, .site-header, .site-footer) :is(p, ul, ol, h2) { margin: 0; padding: 0; }
:is(.alert-line, .site-header, .site-footer) p + p { margin-top: 0; }
:is(.alert-line, .site-header, .site-footer) svg { display: block; }
:is(.alert-line, .site-header, .site-footer) .icon { width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
:is(.alert-line, .site-header, .site-footer) .icon--sm { width: 16px; height: 16px; }
:is(.alert-line, .site-header, .site-footer) a:hover { text-decoration-thickness: 2px; }
.skip-link { position: absolute; left: var(--space-md); top: -96px; z-index: var(--z-toast); padding: var(--space-xs) var(--space-md); border-radius: var(--radius-input); background: var(--color-accent); color: var(--color-accent-ink); font: 700 var(--text-md)/1.2 var(--c-font-body); text-decoration: none; }
.skip-link:focus, .skip-link:focus-visible { top: var(--space-md); }

:is(.site-header, .site-footer) .btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); min-height: 48px; padding: 0 var(--space-lg); border: 1px solid transparent; border-radius: var(--radius-input); font: 600 var(--text-md)/1 var(--c-font-body); white-space: nowrap; text-decoration: none; cursor: pointer; transition: background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out); }
:is(.site-header, .site-footer) .btn:active { transform: translateY(1px); }
:is(.site-header, .site-footer) .btn--primary { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-accent-ink); }
:is(.site-header, .site-footer) .btn--primary:hover { background: var(--color-accent-hover); border-color: var(--color-accent-hover); color: var(--color-accent-ink); text-decoration: none; }
.site-header .btn--sm { min-height: 44px; padding: 0 var(--space-md); }
.site-header .btn--nav { min-height: 44px; padding: 0 var(--space-md); }

.alert-line { background: var(--color-paper-2); border-bottom: 1px solid var(--color-rule); color: var(--color-ink); font-size: var(--text-sm); }
.alert-line__inner { display: flex; align-items: center; min-height: var(--alert-h); padding-block: var(--space-2xs); }
.alert-line p { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-xs); }
.alert-line a { color: var(--color-link); font-weight: 600; }
.alert-line a:hover { color: var(--color-link-hover); }
.alert-line .icon--urgent { width: 16px; height: 16px; color: var(--color-urgent); }
.alert-call { white-space: nowrap; }

.site-header { position: sticky; top: 0; z-index: var(--z-sticky-nav); background: var(--color-field); color: var(--color-field-ink); box-shadow: none; border: 0; }
.site-header :focus-visible { outline: 2px solid var(--color-field-focus); outline-offset: 2px; }
.slab { display: flex; align-items: center; gap: var(--space-lg); min-height: var(--nav-h); }
.site-header .brand, .site-footer .brand { display: flex; align-items: center; gap: var(--space-sm); flex-shrink: 0; color: var(--color-field-ink); text-decoration: none; }
.site-header .brand:hover, .site-footer .brand:hover { color: var(--color-field-ink); text-decoration: none; }
:is(.site-header, .site-footer) .brand-mark { width: 40px; height: 40px; }
.brand-mark .bm-front path { fill: var(--logo-front); }
.brand-mark .bm-shadow path { fill: var(--logo-shadow); }
:is(.site-header, .site-footer) .brand-text { display: grid; line-height: 1.15; }
:is(.site-header, .site-footer) .brand-name { white-space: nowrap; font-family: var(--c-font-outlier); font-size: 20px; font-weight: 700; letter-spacing: normal; }
.brand-name .ch, .brand-tag > span { display: inline-block; } .brand-name .ch { white-space: pre; }
:is(.site-header, .site-footer) .brand-tag { font-size: var(--text-xs); color: var(--color-field-muted); }
.site-nav { margin-inline-start: auto; }
.nav-list { display: flex; align-items: center; gap: var(--space-2xs); margin: 0; padding: 0; list-style: none; }
.nav-link, .nav-sub-toggle { display: inline-flex; align-items: center; gap: var(--space-2xs); min-height: 44px; padding: 0 var(--space-sm); border: 0; border-radius: var(--radius-card); background: transparent; color: var(--color-field-ink); font: 500 16px/1 var(--c-font-body); white-space: nowrap; text-decoration: none; cursor: pointer; transition: background-color var(--dur-short) var(--ease-out); }
.nav-link:hover, .nav-sub-toggle:hover, .nav-sub-toggle[aria-expanded="true"] { background: var(--color-field-2); color: var(--color-field-ink); text-decoration: none; }
.nav-link[aria-current="page"] { color: var(--color-field-focus); }
.nav-link:active, .nav-sub-toggle:active { transform: translateY(1px); }
.nav-sub-toggle .icon { width: 16px; height: 16px; transition: transform var(--dur-short) var(--ease-in-out); }
.nav-sub-toggle[aria-expanded="true"] .icon { transform: rotate(180deg); }
.nav-lang__name { display: none; }
.nav-call, .nav-cta { display: none; }
.slab-actions { display: flex; align-items: center; gap: var(--space-xs); }
.header-call { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: 44px; min-width: 44px; justify-content: center; padding: 0 var(--space-sm); border-radius: var(--radius-card); color: var(--color-field-ink); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; text-decoration: none; transition: background-color var(--dur-short) var(--ease-out); }
.header-call:hover { background: var(--color-field-2); color: var(--color-field-ink); text-decoration: none; }
.nav-toggle { display: none; align-items: center; gap: var(--space-xs); min-height: 44px; padding: 0 var(--space-sm); border: 1px solid var(--color-field-rule); border-radius: var(--radius-card); background: transparent; color: var(--color-field-ink); font: 600 var(--text-sm)/1 var(--c-font-body); cursor: pointer; }
.nav-toggle:hover { background: var(--color-field-2); }
.nav-toggle:active { transform: translateY(1px); }
.nav-toggle .icon-close, .nav-toggle[aria-expanded="true"] .icon-open { display: none; }
.nav-toggle[aria-expanded="true"] .icon-close { display: block; }

.has-mega { position: static; }
.mega { display: none; position: absolute; inset-inline: 0; top: 100%; z-index: var(--z-dropdown); background: var(--color-paper); color: var(--color-ink); border-bottom: 1px solid var(--color-rule); box-shadow: var(--shadow-menu); }
.mega :focus-visible { outline-color: var(--color-focus); }
.js .mega.is-open, .no-js .has-mega:hover .mega, .no-js .has-mega:focus-within .mega { display: block; }
.mega-inner { display: grid; grid-template-columns: minmax(0, 9fr) minmax(0, 3fr); column-gap: var(--space-2xl); padding-block: var(--space-xl); }
.mega-overview { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); padding-bottom: var(--space-md); margin-bottom: var(--space-lg); border-bottom: 1px solid var(--color-rule); color: var(--color-ink); text-decoration: none; }
.mega-overview > span { display: grid; gap: var(--space-3xs); }
.mega-overview strong { font-weight: 600; }
.mega-overview > span > span { color: var(--color-muted); font-size: var(--text-sm); }
.mega-overview .icon { width: 16px; height: 16px; color: var(--color-ink-2); }
.mega-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--gap-columns); }
.mega-group__title { margin-bottom: var(--space-xs); color: var(--color-muted); font-size: var(--text-sm); }
.mega-group ul { margin: 0; padding: 0; list-style: none; }
.mega-link { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 10px; align-items: start; padding: 8px 10px; margin-inline: -10px; border-radius: var(--radius-card); color: var(--color-ink); font-weight: 600; font-size: 16px; line-height: 1.3; text-decoration: none; }
.mega-link__icon { width: 20px; height: 20px; margin-top: 0.5px; stroke-width: 1.6; color: var(--color-icon); transition: color var(--dur-short) var(--ease-out); }
.mega-link__text { display: grid; }
.mega-link__desc { color: var(--color-muted); font-weight: 400; font-size: var(--text-sm); }
.mega-link:hover, .mega-overview:hover, .mega-link[aria-current="page"] { color: var(--color-link); text-decoration: none; }
.mega-link[aria-current="page"] .mega-link__icon { color: var(--color-link); }

@media (hover: hover) and (pointer: fine) and (min-width: 72.01rem) {
  .mega-link { transition: background-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out); }
  .mega-link:hover { background-color: var(--color-paper-2); box-shadow: inset 0 0 0 1px var(--color-rule); }
  .mega-link:hover .mega-link__icon { color: var(--color-link); }
}
.mega-aside { display: grid; align-content: start; justify-items: start; gap: var(--space-md); padding: var(--space-lg); background: var(--color-paper-2); }
.mega-aside__title { font-weight: 600; }
.mega-aside p:not([class]) { color: var(--color-ink-2); font-size: var(--text-sm); }
.mega-call { display: inline-grid; grid-template-columns: 20px auto; column-gap: 10px; align-items: center; color: var(--color-ink); text-decoration: none; }
.mega-call .icon { width: 20px; height: 20px; stroke-width: 1.75; color: var(--color-link); }

.mega-call__text { display: grid; line-height: 1.3; }
.mega-call__label { color: var(--color-muted); font-size: var(--text-sm); }
.mega-call__number { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums lining-nums; }
.mega-call:hover .mega-call__number { color: var(--color-link); }

.site-footer { padding-block: var(--space-3xl) var(--space-xl); background: var(--color-field); color: var(--color-field-ink); }
.site-footer a { color: var(--color-field-ink); text-decoration: none; }
.site-footer a:hover { color: var(--color-field-focus); text-decoration: underline; }
.site-footer :focus-visible { outline: 2px solid var(--color-field-focus); outline-offset: 2px; }
.footer-grid { display: grid; grid-template-columns: minmax(0, 4fr) repeat(4, minmax(0, 2fr)); column-gap: var(--gap-columns); row-gap: var(--space-2xl); }
.footer-brand { display: grid; gap: var(--space-lg); align-content: start; }
.footer-line { max-width: 24ch; font-family: var(--c-font-display); font-size: var(--text-lg); font-weight: 600; line-height: 1.35; }
.site-footer address { color: var(--color-field-muted); font-size: var(--text-sm); font-style: normal; line-height: 1.7; }
.addr-line { display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: var(--space-xs); align-items: start; margin-bottom: var(--space-xs); }
.site-footer .addr-line .icon { width: 16px; height: 16px; margin-top: 0.3em; color: var(--color-accent); }
.footer-col h2 { max-width: none; margin-bottom: var(--space-sm); color: var(--color-field-muted); font-family: var(--c-font-body); font-size: var(--text-sm); font-weight: 600; letter-spacing: 0; line-height: 1.3; text-transform: none; }
.footer-col ul, .footer-bottom ul { margin: 0; padding: 0; list-style: none; }
.footer-col ul { display: block; }
.footer-col li a { display: inline-block; padding-block: var(--space-2xs); font-size: 15px; }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-md); margin-top: var(--space-3xl); padding-top: var(--space-lg); border-top: 1px solid var(--color-field-rule); color: var(--color-field-muted); font-size: var(--text-sm); }
.footer-bottom ul { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); }
@media (max-width: 90rem) { .footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .footer-brand { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--gap-columns); } .footer-brand .brand { grid-column: 1 / -1; } .footer-line { grid-column: 1 / span 2; } .footer-brand address { grid-column: 3 / span 2; } }
@media (max-width: 60rem) { .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .footer-brand { grid-template-columns: minmax(0, 1fr); } .footer-line, .footer-brand address { grid-column: 1 / -1; } }
@media (max-width: 40rem) { .footer-grid { grid-template-columns: minmax(0, 1fr); } }

@media (max-width: 80rem) { .header-call__number { display: none; } }
@media (max-width: 72rem) {
  .nav-toggle { display: inline-flex; }
  .slab-actions { margin-inline-start: auto; }

  html.nav-locked { overflow: hidden; }
  .site-nav { position: absolute; inset-inline: 0; top: 100%; display: none; height: var(--menu-max, calc(100dvh - var(--nav-h))); overflow-y: auto; overscroll-behavior: contain; background: var(--color-field); border-top: 1px solid var(--color-field-rule); }
  .site-nav.is-open { display: block; }
  .no-js .site-nav { position: static; display: block; width: 100%; }
  .no-js .slab { flex-wrap: wrap; }
  .no-js .site-header { position: relative; }
  .site-header .nav-list { flex-direction: column; align-items: stretch; gap: 0; padding: var(--space-sm) var(--gutter) var(--space-lg); }
  .nav-list > li { width: 100%; }
  .nav-link, .nav-sub-toggle { width: 100%; justify-content: space-between; min-height: 48px; padding-inline: 0; font-size: 17px; border-bottom: 1px solid var(--color-field-rule); border-radius: 0; }
  .nav-link:hover, .nav-sub-toggle:hover, .nav-sub-toggle[aria-expanded="true"] { background: transparent; color: var(--color-field-focus); }
  .nav-lang__name { display: inline; }
  .nav-lang__code { display: none; }
  .nav-call, .nav-cta { display: block; }
  .nav-cta { padding-top: var(--space-md); }
  .nav-call .nav-link { justify-content: flex-start; gap: var(--space-xs); border-bottom: 0; }
  .mega { position: static; border: 0; box-shadow: none; }
  .no-js .has-mega:hover .mega, .no-js .has-mega:focus-within .mega { display: none; }
  .mega-inner { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-lg); padding: var(--space-md) 0 var(--space-lg); }
  .mega .container { padding-inline: var(--space-md); }
  .mega-grid { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-lg); }
  .mega-link__desc { display: none; }
  .mega-link { white-space: nowrap; align-items: center; }
}
@media (max-width: 40rem) {
  .site-header { --nav-h: 64px; }
  :is(.site-header) .brand-tag { display: none; }
  :is(.site-header) .brand-mark { width: 36px; height: 36px; }
  .site-header .btn--nav { display: none; }
  .nav-toggle__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .nav-toggle { min-width: 44px; justify-content: center; }
  .alert-call { display: none; }
}

html.motion-ok:not(.motion-fallback):not(.intro-done) :is(.site-header .brand-mark, .site-header .brand-name, .site-header .brand-tag > span, .nav-toggle) { opacity: 0; }
@media (min-width: 64em) { html.motion-ok:not(.motion-fallback):not(.intro-done) .site-header .nav-list > li { opacity: 0; } }
html.motion-ok:not(.intro-done) .site-header :is(.brand-name, .brand-tag) { overflow: clip; overflow-clip-margin: 0.12em; }

@media (min-width: 72.01rem) {
  .site-header .brand-mark, .site-header .brand-text, .site-header .brand-tag { transition: transform var(--dur-long) var(--ease-out), opacity var(--dur-short) var(--ease-out); }
  .site-header.is-compact .brand-tag { opacity: 0; transform: translateY(-6px); }
  .site-header.is-compact .brand-text { transform: translateY(7px); }
  .site-header.is-compact .brand-mark { transform: scale(0.9); }
}

@media (prefers-reduced-motion: no-preference) and (min-width: 72.01rem) {
  .js .mega.is-open { animation: c-menu-in var(--dur-short) var(--ease-out); }
  .js .mega.is-open .mega-group, .js .mega.is-open .mega-aside { animation: c-settle var(--dur-short) var(--ease-out) both; }
  .js .mega.is-open .mega-group:nth-child(2) { animation-delay: 40ms; } .js .mega.is-open .mega-group:nth-child(3) { animation-delay: 80ms; } .js .mega.is-open .mega-group:nth-child(4) { animation-delay: 100ms; }
  .js .mega.is-open .mega-aside { animation-delay: 120ms; }
}
@keyframes c-menu-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes c-settle { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.site-header .brand .bm-shadow { transition: transform var(--dur-short) var(--ease-out); }
@media (min-width: 72.01rem) {
  .nav-link, .nav-sub-toggle { position: relative; }
  .nav-link::after, .nav-sub-toggle::after { content: ""; position: absolute; inset-inline: var(--space-sm); bottom: 6px; height: 2px; background: var(--color-accent); opacity: 0; transform-origin: right center; transition: opacity var(--dur-micro) var(--ease-out); pointer-events: none; }
  .nav-link:hover, .nav-sub-toggle:hover { background: transparent; }
  .nav-sub-toggle[aria-expanded="true"] { background: var(--color-field-2); }
  .nav-link:focus-visible::after, .nav-sub-toggle:focus-visible::after, .nav-sub-toggle[aria-expanded="true"]::after, .nav-link[aria-current="page"]::after { opacity: 1; }
}
@media (min-width: 72.01rem) and (hover: hover) { .nav-link:hover::after, .nav-sub-toggle:hover::after { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .site-header .brand:focus-visible .bm-shadow { transform: translate(30px, 36px); }
  @media (min-width: 72.01rem) {
    .nav-link::after, .nav-sub-toggle::after { opacity: 1; transform: scaleX(0); transition: transform 140ms var(--ease-in); }
    .nav-link:focus-visible::after, .nav-sub-toggle:focus-visible::after, .nav-sub-toggle[aria-expanded="true"]::after, .nav-link[aria-current="page"]::after { transform: none; transform-origin: left center; transition: transform var(--dur-short) var(--ease-out); }
  }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .site-header .brand:hover .bm-shadow { transform: translate(30px, 36px); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (min-width: 72.01rem) {
  .nav-link:hover::after, .nav-sub-toggle:hover::after { transform: none; transform-origin: left center; transition: transform var(--dur-short) var(--ease-out); }
}

@media (prefers-reduced-motion: no-preference) {
  .js.rv-ready .rv { transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: calc(var(--rv-i, 0) * 45ms); }
  .js.rv-ready .rv:not(.rv-in) { opacity: 0; transform: translateY(12px); }
}
@media print { .rv { opacity: 1 !important; transform: none !important; } }

.hero.surface-dark { position: relative; }
.field-toggle { position: absolute; z-index: 3; top: 16px; right: max(var(--gutter, 24px), calc((100% - var(--container, 1440px)) / 2 + var(--gutter, 24px))); min-height: 44px; padding: 0 12px; border: 1px solid var(--color-field-rule); border-radius: 4px; background: var(--color-field); color: var(--color-field-muted); font: 600 13px/1 "Noto Sans", ui-sans-serif, system-ui, sans-serif; letter-spacing: normal; cursor: pointer; transition: color 220ms cubic-bezier(0.16, 1, 0.3, 1), border-color 220ms cubic-bezier(0.16, 1, 0.3, 1); }
.field-toggle:hover { color: var(--color-field-ink); border-color: var(--color-field-muted); }
.field-toggle:active { transform: translateY(1px); }
.field-toggle:focus-visible { outline: 2px solid var(--color-field-focus); outline-offset: 2px; }
@media (max-width: 40rem) { .field-toggle { display: none; } }
@media print { .alert-line, .site-header .site-nav, .slab-actions { display: none; } .site-header { position: static; } }