/* podryabinnikov.com — своя пара шрифтов семьи: Plex для служебного, Literata
   для чтения. Канал (tvpro.press) отличается узким гротеском, «Спектр» - своим
   набором: три сайта читаются как одна семья с разными лицами. */
:root{
  --fon:#fbfaf8; --karta:#ffffff; --ink:#16181c; --tihiy:#5d636e; --liniya:#e2e0dc;
  --akcent:#2a3f73; --akcent-myagkiy:#e8ecf5; --predupr:#8a5a1f;
}
@media (prefers-color-scheme: dark){
  :root{
    --fon:#12141a; --karta:#191c24; --ink:#e9eaee; --tihiy:#9aa1ae; --liniya:#282c36;
    --akcent:#8fa6df; --akcent-myagkiy:#1c2233; --predupr:#d0a35e;
  }
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--fon);color:var(--ink);
  font:17px/1.62 Literata,Georgia,"Times New Roman",serif;
  -webkit-text-size-adjust:100%;
}
.obl{max-width:62rem;margin:0 auto;padding:0 1.15rem}
a{color:var(--akcent)}
a:hover{text-decoration:none}

.chernovik{
  background:var(--akcent-myagkiy);color:var(--ink);font-family:"IBM Plex Sans",system-ui,sans-serif;
  font-size:.86rem;padding:.55rem 1.15rem;border-bottom:1px solid var(--liniya);
}

header.shapka{border-bottom:1px solid var(--liniya);padding:1rem 0;margin-bottom:2.4rem}
header.shapka .obl{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}
.imya{
  font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:600;font-size:1.15rem;
  letter-spacing:.02em;color:var(--ink);text-decoration:none;
}
.imya .tochka{color:var(--akcent)}
.menyu{display:flex;gap:1.05rem;flex-wrap:wrap;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.93rem}
.menyu a{color:var(--tihiy);text-decoration:none}
.menyu a:hover,.menyu a[aria-current]{color:var(--akcent)}
.yazyk{
  margin-left:auto;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.83rem;
  letter-spacing:.06em;border:1px solid var(--liniya);border-radius:3px;
  padding:.24rem .55rem;color:var(--tihiy);text-decoration:none;
}
.yazyk:hover{border-color:var(--akcent);color:var(--akcent)}

h1{
  font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:600;
  font-size:clamp(1.65rem,3.4vw,2.35rem);line-height:1.16;letter-spacing:-.015em;
  margin:0 0 .85rem;text-wrap:balance;max-width:24ch;
}
.geroy h1{max-width:30ch}
h2{font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:600;font-size:1.18rem;margin:0 0 .45rem;text-wrap:balance}
p{margin:0 0 1rem;max-width:66ch}
.vvod{font-size:1.06rem;color:var(--ink);max-width:62ch;margin-bottom:1.5rem}
section{margin:0 0 3.2rem}
.eyebrow{
  display:block;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.74rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--tihiy);margin-bottom:.8rem;
}

.deystviya{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.2rem 0}
.knopka{
  display:inline-block;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.94rem;
  font-weight:500;padding:.6rem 1.05rem;border-radius:3px;text-decoration:none;
  background:var(--akcent);color:#fff;border:1px solid var(--akcent);
}
.knopka:hover{opacity:.9}
.knopka.vtoraya{background:transparent;color:var(--akcent)}

.dveri-setka{display:grid;gap:1.3rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.dver{background:var(--karta);border:1px solid var(--liniya);border-radius:4px;padding:1.15rem 1.25rem}
.dver p:last-child{margin-bottom:0}
.dalshe{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.9rem}
.gotovitsya{color:var(--tihiy);font-size:.92rem}

.dokument{background:var(--karta);border-left:3px solid var(--akcent);padding:1.1rem 1.3rem}
.dokument p:last-child{margin-bottom:0}

.tabl{overflow-x:auto;border:1px solid var(--liniya);border-radius:4px;background:var(--karta);margin:0 0 1.1rem}
table{border-collapse:collapse;width:100%;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.93rem}
th{
  text-align:left;font-weight:600;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--tihiy);padding:.7rem .95rem;border-bottom:1px solid var(--liniya);white-space:nowrap;
}
td{padding:.62rem .95rem;border-bottom:1px solid var(--liniya)}
tr:last-child td{border-bottom:none}

ol.shagi{list-style:none;counter-reset:shag;padding:0;margin:0}
ol.shagi li{
  counter-increment:shag;position:relative;padding:0 0 1rem 2.5rem;
  border-bottom:1px solid var(--liniya);margin-bottom:1rem;
}
ol.shagi li:last-child{border-bottom:none}
ol.shagi li::before{
  content:counter(shag);position:absolute;left:0;top:.05rem;
  font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.8rem;font-weight:600;
  color:var(--akcent);border:1px solid var(--liniya);border-radius:50%;
  width:1.55rem;height:1.55rem;display:grid;place-items:center;
}
ol.shagi b{display:block;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.97rem;margin-bottom:.15rem}

footer.podval{
  border-top:1px solid var(--liniya);margin-top:3.5rem;padding:1.6rem 0 3rem;
  color:var(--tihiy);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.9rem;
}
footer.podval p{margin:0 0 .35rem}
footer.podval a{color:var(--tihiy)}
footer.podval .dveri a{color:var(--akcent)}

@media (max-width:34rem){
  body{font-size:16px}
  section{margin-bottom:2.4rem}
}