/* Основа всіх сторінок: шрифти, токени, скидання, службові класи. Головна додає home.css. */
/* ---------- шрифти: Serifiqo без цифр (малює їх римськими), Mulish змінний ---------- */
@font-face{font-family:'Serifiqo';src:url('/fonts/serifiqo-4f.woff2') format('woff2');
  font-weight:400;font-display:swap;
  unicode-range:U+0020-002F,U+003A-00FF,U+0100-024F,U+0400-04FF,U+2010-203A,U+2116;}
@font-face{font-family:'Mulish';src:url('/fonts/mulish-var.woff2') format('woff2');
  font-weight:200 1000;font-display:swap;}

/* ---------- токени: одна палітра, одна шкала, один контейнер ---------- */
:root{
  --paper:#FFFEF6;--paper-2:#F5F1E1;--ink:#141033;--navy:#1D126E;--space:#040215;--night:#0B0836;
  --butter:#EDE8A6;
  --line:rgba(29,18,110,.14);--line-2:rgba(29,18,110,.3);--muted:rgba(20,16,51,.66);
  --n-line:rgba(255,254,246,.14);--n-muted:rgba(255,254,246,.64);
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --w:1560px;--gx:clamp(18px,4vw,64px);
  --t-hero:clamp(46px,8.6vw,172px);
  --t-h2:clamp(38px,6.2vw,112px);
  --t-row:clamp(34px,5.6vw,100px);
  --t-num:clamp(42px,4.6vw,80px);
  --sec:clamp(96px,15vh,190px);
  --r:4px;--ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);overflow-x:clip;
  font:300 16px/1.6 'Mulish',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--butter);outline-offset:3px}
.paper :focus-visible,.shell :focus-visible{outline-color:var(--navy)}
.skip{position:fixed;left:14px;top:-60px;z-index:200;background:var(--butter);color:var(--ink);
  padding:10px 16px;border-radius:var(--r);font-weight:600;font-size:14px}
.skip:focus{top:14px}
.ph{color:var(--navy);background:rgba(237,232,166,.55);padding:0 .3em;border-radius:2px;
  font-family:var(--mono);font-size:.82em;letter-spacing:.04em;white-space:nowrap}
.night .ph{color:var(--butter);background:rgba(237,232,166,.13)}
.letter .ph,.case .ph,.faq .ph,.contacts .ph,.footnotes .ph,.fine .ph{white-space:normal}
sup{font-family:var(--mono);font-size:.5em;vertical-align:top;position:relative;top:.15em;color:var(--navy)}
.night sup{color:var(--butter)}
.mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}
.star4{width:1em;height:1em;fill:currentColor;vertical-align:-.1em}