/* Товарка 360, главная v3 (задача #355 по макетам #323/#334). Палитра и шрифты: tovarka/brand/brandbook.md и
   tovarka/company/tovarka-editorial.md. Unbounded только логотип и крупные заголовки, Golos Text текст и меню.
   Шрифты свои: файлы сайта /assets/unbounded.ttf и /assets/golostext.ttf (с 09.10 главная сама v3, брать их
   со старой главной больше неоткуда). */
@font-face{font-family:Unbounded;src:url(/assets/unbounded.ttf) format("truetype");font-weight:200 900;font-display:swap}
@font-face{font-family:"Golos Text";src:url(/assets/golostext.ttf) format("truetype");font-weight:400 900;font-display:swap}
:root{--ink:#2E3546;--bg:#F3F5FB;--paper:#FDFCF8;--accent:#F2653D;--lime:#E8FF58;--link:#B83F1A;--muted:#5B6680;--icon:#66728D;--line:#DCE1EE;--soft:#E7EBF5}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 "Golos Text",system-ui,sans-serif}
a{color:var(--link)}
h1,h2,.logo{font-family:Unbounded,"Golos Text",sans-serif;font-weight:700;line-height:1.2}
.top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--paper);border-bottom:1px solid var(--line)}
.logo{color:var(--accent);text-decoration:none;font-size:26px;letter-spacing:-.04em;white-space:nowrap}
/* цифры 360 неровные, с наклоном (брендбук: выпрямлять нельзя) */
.logo span{display:inline-block}
.logo .n3{transform:rotate(-8deg) translateY(1px)}.logo .n6{transform:rotate(5deg) translateY(-2px)}.logo .n0{transform:rotate(-4deg)}
.top-nav a{margin-left:16px;color:var(--ink);text-decoration:none;font-weight:500}
.top-nav .top-login{border:2px solid var(--ink);border-radius:10px;padding:6px 12px}
.first{max-width:1120px;margin:0 auto;padding:24px 20px 32px}
.first h1{font-size:clamp(24px,4.4vw,40px);margin:.2em 0 .4em;max-width:22ch}
.lead{font-size:18px;max-width:62ch;margin:0 0 20px}
.cols{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:28px;align-items:start}
/* меню как «Настройки» iPhone: вертикальный список, разделители, цветные предметные знаки */
.settings{list-style:none;margin:0 0 16px;padding:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.settings li+li{border-top:1px solid var(--line)}
.settings a{display:flex;align-items:center;gap:12px;padding:11px 14px;color:var(--ink);text-decoration:none;font-weight:500}
.settings a::after{content:"›";margin-left:auto;color:var(--icon);font-size:20px;line-height:1}
.settings a:hover span{color:var(--link)}
.settings a:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.ic{width:28px;height:28px;border-radius:8px;flex:none;background:var(--icon);position:relative}
.ic::before{content:"";position:absolute;inset:7px;border:2px solid #fff;border-radius:3px}
.ic-zakupka{background:#F2653D}.ic-dengi{background:#3C9A5F}.ic-postavka{background:#3F6FD8}
.ic-dokumenty{background:#7A5AC8}.ic-markirovka{background:#2E3546}.ic-marketpleysy{background:#D9467A}
.ic-proizvodstvo{background:#B07A2A}.ic-tnved{background:#66728D}.ic-ai{background:#2E3546}
.ic-ai::before{border-color:var(--lime)}
.ic-dengi::before{border-radius:50%}.ic-postavka::before{inset:8px 5px}.ic-markirovka::before{border-style:dashed}
.today{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.today h2{font-size:22px;margin:0 0 8px}
.feed{list-style:none;margin:0;padding:0}
.feed li{padding:12px 0;border-top:1px solid var(--line)}
.feed li:first-child{border-top:0}
.feed a{color:var(--ink);text-decoration:none;font-weight:600}
.feed a:hover{color:var(--link)}
.feed .meta{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.feed .rub{color:var(--link);font-weight:600}
.more{margin:12px 0 0}
.ai{background:var(--ink);color:#fff}
.ai-in{max-width:1120px;margin:0 auto;padding:40px 20px}
.ai h2{font-size:clamp(22px,3.6vw,32px);margin:0 0 12px;max-width:26ch}
.ai p{max-width:66ch}
.ai a{color:#fff}
.ai-list{padding-left:20px;max-width:66ch}
.ai-list li{margin:6px 0}
.ai-how{background:var(--lime);color:var(--ink);display:inline-block;padding:6px 10px;border-radius:8px}
.ai-note{font-size:14px;color:#D5DAE6}
.btn{display:inline-block;background:var(--accent);color:var(--ink);font-weight:700;font-size:19px;padding:14px 22px;border-radius:10px;text-decoration:none;margin:8px 0}
.ai .btn{color:var(--ink)}
.btn:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.tg-state{font-size:14px;color:var(--muted)}
.foot{padding:24px 20px;text-align:center;color:var(--muted);font-size:14px}
.foot a{color:var(--muted)}
/* калькулятор /calc/ (задача #356) */
.calc h2{font-size:22px;margin:28px 0 10px}
.calc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.calc-form fieldset,.calc-res,.calc-cab{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0}
.calc-res,.calc-cab{margin-top:16px}
.calc-form legend{font-weight:700;padding:0 6px}
.calc label{display:block;font-size:15px;margin:8px 0}
.calc input:not([type=checkbox]),.calc select{display:block;width:100%;margin-top:4px;padding:8px 10px;font:inherit;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.calc label.check{display:flex;gap:8px;align-items:center}
.calc-table{width:100%;border-collapse:collapse;font-size:15px}
.calc-table th,.calc-table td{text-align:right;padding:6px 8px;border-top:1px solid var(--line)}
.calc-table th:first-child,.calc-table td:first-child{text-align:left}
.calc-key td{font-weight:700}
.calc-example{background:var(--lime);color:var(--ink);padding:8px 12px;border-radius:8px;max-width:66ch}
.calc-warn{color:var(--link);font-weight:600}
.btn-ghost{background:transparent;border:2px solid var(--ink);font-size:17px;cursor:pointer}
button.btn{border:0;cursor:pointer;font-family:inherit}
button.btn-ghost{border:2px solid var(--ink)}
.linkish{background:none;border:0;padding:0;color:var(--link);font:inherit;text-decoration:underline;cursor:pointer}
.src-list{padding-left:20px}.src-list li{margin:6px 0}.src-rates{padding-left:18px;margin:4px 0}.src-rates li{margin:2px 0}
/* Радар правил (задача #394): карточка изменения на /radar/ и в «Сегодня». Оранжевый только линия слева,
   мелкий текст графитом и #5B6680/#B83F1A (контраст из брендбука). */
.rtoday{margin:0 0 14px}
.rcard{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:12px 14px;margin:0 0 12px}
.rmeta{margin:0;font-size:14px;color:var(--muted)}
.rarea{color:var(--link);font-weight:600;margin-right:8px}
.rchange{font-family:"Golos Text",system-ui,sans-serif;font-size:18px;font-weight:700;line-height:1.35;margin:4px 0 8px}
.rdl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:16px}
.rdl dt{color:var(--muted);font-weight:600}.rdl dd{margin:0}
.rlinks{margin:8px 0 0;font-size:15px}
.rcheck{margin:4px 0 0;font-size:13px;color:var(--muted)}
.rgroup h2{font-size:22px;margin:24px 0 10px}
.rempty{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px;max-width:66ch}
.radar-areas{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 8px;font-size:15px;color:var(--muted)}
.radar-areas li{background:var(--soft);border-radius:8px;padding:4px 10px}
@media (max-width:760px){
  .cols{grid-template-columns:1fr}
  .today{order:-1}
  .top-nav a{margin:0 12px 0 0}
  .btn{display:block;text-align:center}
  .rdl{grid-template-columns:1fr}.rdl dd{margin:0 0 6px}
}