/* tarasovlab.dev: общий стиль сайта (направление B «Карта задач»), светлая и тёмная темы.
   Тема выбирается только системой (prefers-color-scheme), переключателя нет.
   Светлая тема = значения главной на 2026-10-15 без изменений. Таблица контраста: design/theme-2026-10-15/contrast.py */
@font-face{font-family:"Golos Text";src:url("/assets/fonts/next/GolosText-wght.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
:root{
  color-scheme:light dark;
  /* цвет */
  --bg:#FAFAF7;--ink:#20221D;--accent:#783C24;--accent-hover:#5E2E1B;--surface:#ECEDE6;--white:#FFFFFF;
  --muted:#565850;--line:#C9CBC1;--strong-line:#20221D;--error:#A1271B;--success:#2F5A3A;
  --on-accent:#FFFFFF;--accent-soft:#EFE3DC;--mute-fill:#A9AB9F;--field-border:#74766D;--placeholder:#6B6D65;
  --btn-busy:#7A5E52;--error-bg:#F7E7E3;--success-bg:#E5EDE6;--focus:#20221D;
  /* типографика */
  --sans:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* сетка и геометрия */
  --wrap:1280px;--gutter:32px;--radius:2px;--rule:2px;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#181512;--ink:#ECE7DD;--accent:#E39A7C;--accent-hover:#F0B59C;--surface:#25211C;--white:#1F1B17;
    --muted:#B3ACA0;--line:#3A342D;--strong-line:#CFC8BA;--error:#FF9B8C;--success:#8FD4A0;
    --on-accent:#181512;--accent-soft:#3A2A22;--mute-fill:#6E675D;--field-border:#8F887C;--placeholder:#A29B8F;
    --btn-busy:#B58B79;--error-bg:#3A1E1A;--success-bg:#1D2E22;--focus:#ECE7DD;
  }
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/27px var(--sans)}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--accent-hover);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
h1,h2,h3{font-weight:700;margin:0;letter-spacing:-0.01em}
h2,h3{overflow-wrap:break-word}
h1{overflow-wrap:normal}
p{margin:0}
.skip{position:absolute;left:16px;top:-80px;background:var(--white);color:var(--ink);padding:12px 16px;border:2px solid var(--ink);z-index:10;font-weight:600}
.skip:focus{top:12px}
/* header */
.site-header{border-bottom:2px solid var(--strong-line);background:var(--bg)}
.hd{max-width:1280px;margin:0 auto;padding:0 32px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
.logo{font-weight:700;font-size:22px;color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.hd-r{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:2px;font:600 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;border:2px solid var(--accent)}
.btn-primary{background:var(--accent);color:var(--on-accent)}
.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
.btn-primary[aria-disabled="true"]{background:var(--btn-busy);border-color:var(--btn-busy);cursor:progress}
.btn-secondary{background:var(--white);color:var(--accent)}
.btn-secondary:hover{background:var(--surface)}
.btn:active{transform:translateY(1px)}
.btn{transition:background-color var(--mo-feedback,100ms),border-color var(--mo-feedback,100ms),color var(--mo-feedback,100ms)}
/* footer */
.site-footer{border-top:2px solid var(--strong-line)}
.ft{max-width:1280px;margin:0 auto;padding:28px 32px 48px;display:flex;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;font-size:16px}
.ft ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 20px}
.ft a{color:var(--ink);min-height:44px;display:inline-flex;align-items:center}
.ft .copy{color:var(--muted);display:flex;align-items:center}
@media (max-width:760px){
  body{font-size:17px;line-height:26px}
  .ft{flex-direction:column;padding:24px 16px 40px}
}
/* шапка внутренних страниц: логотип и навигация «Главная · Продукты · Заявка» (без RU/EN) */
.hd-nav{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.hd-nav a{font:600 16px/1.2 var(--sans);color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 12px}
.hd-nav a:hover{color:var(--accent-hover);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.hd-nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--accent)}
@media (max-width:760px){
  .hd--pages{padding:6px 16px;min-height:60px;gap:8px}
  .hd--pages .logo{font-size:20px}
  .hd-nav a{padding:0 10px}
}
@media (max-width:480px){
  .hd--pages{flex-wrap:wrap;padding:4px 16px 0;gap:0}
  .hd-nav{width:100%;margin-left:-10px}
}