/* manakai.art — общие стили служебных страниц
   Та же типографика и палитра, что на главной. */

:root{
  --paper:#FCF6F7;
  --white:#FFFFFF;
  --ink:#0E0D0D;
  --grey:#6E6E6E;
  --hair:#EAE2E4;
  --well:#111111;
  --mark:#FF476F;
  --soft:#F6CDD8;
  --g:clamp(16px,3.2vw,56px);
  --hd:48px;
  --mono:'Input Mono','IBM Plex Mono',ui-monospace,Menlo,monospace;
  --disp:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --text:'Lato',-apple-system,'Helvetica Neue',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{background:var(--paper);-webkit-text-size-adjust:100%;}
body{margin:0;padding-top:var(--hd);background:transparent;color:var(--ink);font-family:var(--mono);
  font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;}
h1,h2,h3,p,ul,ol,figure{margin:0;}
a{color:inherit;text-decoration:none;}

.mono{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;}
.cap{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--grey);}
.disp{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:-.05em;line-height:.88;}
.body{font-family:var(--text);font-weight:300;font-size:clamp(14px,1.05vw,16px);line-height:1.6;letter-spacing:.005em;}

/* ——— шапка ——— */
header{display:flex;align-items:center;gap:12px 22px;padding:14px var(--g);
  border-bottom:1px solid var(--hair);background:var(--paper);
  position:fixed;top:0;left:0;right:0;z-index:40;}
header .sp{flex:1 1 auto;}
header .line{display:inline-flex;align-items:center;gap:7px;}
header .line a:hover{opacity:.55;}
header .line .sl{opacity:.45;}
.school{display:inline-flex;align-items:center;gap:9px;margin-left:clamp(20px,4vw,64px);}
.school .mk{display:block;height:18px;width:54px;background:var(--mark);
  -webkit-mask:url(a/mai.svg) no-repeat center/contain;mask:url(a/mai.svg) no-repeat center/contain;}
.school .lb{color:var(--mark);}
@media (max-width:640px){
  header{gap:8px;padding:11px 14px;}
  header nav{gap:7px;}
  header nav a,header nav .sl{font-size:9.5px;letter-spacing:.07em;}
  .school{margin-left:8px;flex:none;gap:6px;}
  .school .mk{height:13px;width:38px;}
  .school .lb{font-size:9.5px;letter-spacing:.07em;}
}

/* ——— каркас документа ——— */
main{padding:clamp(44px,8vw,110px) var(--g) clamp(40px,7vw,90px);max-width:980px;}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--grey);display:block;margin-bottom:clamp(18px,3vw,34px);}
h1.disp{font-size:clamp(2.2rem,6.4vw,4.6rem);}
.lede{margin-top:clamp(22px,4vw,44px);max-width:62ch;}

.doc{max-width:74ch;}
.doc h2{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:500;margin-top:clamp(34px,5vw,58px);padding-bottom:9px;border-bottom:1px solid var(--hair);}
.doc h3{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:500;color:var(--grey);margin-top:26px;}
.doc p,.doc li{font-family:var(--text);font-weight:300;font-size:15px;line-height:1.62;}
.doc p{margin-top:13px;}
.doc ol,.doc ul{margin-top:13px;padding-left:20px;}
.doc li{margin-top:7px;}
.doc strong{font-weight:400;}

/* ——— предупреждение о черновике ——— */
.draft{border:1px solid var(--mark);color:var(--mark);padding:13px 15px;margin-bottom:clamp(26px,4vw,44px);
  font-family:var(--mono);font-size:11px;letter-spacing:.07em;line-height:1.6;max-width:74ch;}

/* ——— реквизиты ——— */
.legal{padding:22px var(--g) 30px;border-top:1px solid var(--hair);
  display:flex;flex-wrap:wrap;gap:6px 28px;}
.legal span,.legal a{font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;
  text-transform:uppercase;font-weight:500;color:var(--grey);}
.legal a:hover{color:var(--ink);}

footer{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:center;
  padding:16px var(--g) 26px;}

:where(a,button,input,select):focus-visible{outline:2px solid var(--mark);outline-offset:3px;}