/* PrimeTime — единый дизайн-стиль документации.
   Собран из product.html и worker-job.html в один источник истины. */

:root{
  --bg:#121212; --bg2:#1a1a1a; --card:#1e1e1e; --card2:#242424;
  --border:#333; --text:#e9e9e9; --muted:#9a9a9a; --soft:#c7c7c7;
  --accent:#ff2a2a; --accent2:#ff5c5c;
  --green:#10b981; --green2:#34d399; --blue:#3b82f6; --blue2:#60a5fa;
  --amber:#f59e0b; --amber2:#fbbf24; --purple:#9333ea; --purple2:#a78bfa;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
a{color:var(--accent2);text-decoration:none}
a:hover{text-decoration:underline}
code{font-family:"SF Mono",Monaco,Menlo,"Ubuntu Mono",monospace;font-size:.86em;
  background:#2a2a2a;padding:.12em .42em;border-radius:5px;color:#ffd9d9}
pre{background:#0d0d0d;border:1px solid var(--border);border-radius:12px;padding:16px 20px;
  overflow:auto;font-family:"SF Mono",Monaco,Menlo,"Ubuntu Mono",monospace;font-size:12.8px;
  line-height:1.55;color:#d6d6d6;margin:14px 0}
/* code-token classes (oба набора, для совместимости) */
.cm,.c{color:#6a9955}.kw,.k{color:#c586c0}.fn{color:#dcdcaa}.st{color:#ce9178}.nu{color:#b5cea8}

/* ── Top navigation (перелинковка) ───────────────────────────── */
.nav{position:sticky;top:0;z-index:50;background:rgba(18,18,18,.82);
  backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;gap:18px;height:56px}
.nav-brand{color:#fff;font-weight:800;letter-spacing:-.5px;font-size:17px;flex:0 0 auto}
.nav-brand:hover{text-decoration:none}
.nav-brand .dot{color:var(--accent)}
.nav-links{display:flex;gap:4px;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{color:var(--soft);font-size:14px;padding:7px 12px;border-radius:8px;white-space:nowrap}
.nav-links a:hover{color:#fff;background:#222;text-decoration:none}
.nav-links a.active{color:#fff;background:#2a2a2a;border:1px solid var(--border)}
.nav-home{color:var(--muted);font-size:13.5px;flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.nav-home{display:none}.nav-brand{font-size:16px}}

/* ── Hero ────────────────────────────────────────────────────── */
header.hero{padding:80px 0 60px;background:
  radial-gradient(900px 380px at 20% -10%,rgba(255,42,42,.16),transparent 60%),
  radial-gradient(700px 360px at 100% 0%,rgba(147,51,234,.13),transparent 55%);
  border-bottom:1px solid var(--border)}
header.hero.compact{padding:56px 0 44px}
.badge,.eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent2);border:1px solid rgba(255,92,92,.35);border-radius:999px;padding:5px 14px;margin-bottom:20px}
.eyebrow{border:none;padding:0;margin-bottom:14px;letter-spacing:.16em}
h1{font-size:58px;line-height:1.03;margin:0 0 14px;font-weight:800;letter-spacing:-1.4px}
header.hero.compact h1{font-size:44px}
h1 .dot{color:var(--accent)}
.lead,.role{font-size:20px;color:var(--soft);max-width:780px;margin:0 0 24px}
.role{color:var(--soft)}
.hero-links a{display:inline-block;margin-right:12px;margin-bottom:8px;font-size:15px;padding:11px 20px;border-radius:10px}
.hero-links .primary{background:linear-gradient(135deg,#cc0000,#990000);color:#fff;font-weight:600}
.hero-links .primary:hover{text-decoration:none;filter:brightness(1.08)}
.hero-links .ghost{border:1px solid var(--border);color:var(--soft)}
.hero-links .ghost:hover{text-decoration:none;border-color:var(--accent2);color:#fff}

/* ── Sections / headings ─────────────────────────────────────── */
section{padding:50px 0;border-bottom:1px solid var(--border)}
section:last-of-type{border-bottom:none}
h2{font-size:29px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}
h2 .num{color:var(--accent);font-size:16px;vertical-align:super;margin-right:8px;font-weight:700}
h2 .star{color:var(--amber2);margin-right:6px}
.sub{color:var(--muted);margin:0 0 26px;font-size:16px}
h3{font-size:19px;margin:26px 0 10px;font-weight:700}
.kicker{color:var(--accent2);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}

/* ── Grid + cards ────────────────────────────────────────────── */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:820px){.g2,.g3,.g4{grid-template-columns:1fr}h1{font-size:40px}header.hero.compact h1{font-size:34px}}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 22px}
.card h4{margin:0 0 6px;font-size:16px}
.card p{margin:0;color:var(--muted);font-size:14.5px}
.card p + p{margin-top:8px}
.accent-bar{border-left:3px solid var(--accent);padding-left:16px}
.metric{background:linear-gradient(180deg,var(--card2),var(--card));text-align:center;padding:26px 16px}
.metric .v{font-size:36px;font-weight:800;letter-spacing:-1px;
  background:linear-gradient(90deg,#fff,#ff8a8a);-webkit-background-clip:text;background-clip:text;color:transparent}
.metric .l{color:var(--muted);font-size:13.5px;margin-top:4px}

/* ── Tables ──────────────────────────────────────────────────── */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:6px 0}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:top}
th{color:var(--accent2);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
td:first-child{color:#fff;font-weight:600}
td:first-child.nowrap{white-space:nowrap}

/* ── Tags / pills / chips ────────────────────────────────────── */
.tag{display:inline-block;font-size:12px;padding:3px 9px;border-radius:6px;margin:2px 4px 2px 0;
  background:#262626;border:1px solid var(--border);color:var(--soft)}
.pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--soft);
  background:#222;border:1px solid var(--border);border-radius:999px;padding:6px 13px;margin:3px}
.pill b{color:#fff}
.dotc{width:8px;height:8px;border-radius:50%;display:inline-block}
.chips span{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;margin:3px 5px 3px 0;
  background:#26262b;border:1px solid var(--border);color:var(--soft)}

/* ── Flow / ascii diagram ────────────────────────────────────── */
.flow{background:#0d0d0d;border:1px solid var(--border);border-radius:12px;padding:20px;
  font-family:"SF Mono",Monaco,monospace;font-size:12.5px;line-height:1.5;color:#cfcfcf;overflow:auto;white-space:pre}

/* ── Callout (blockquote) ────────────────────────────────────── */
.callout{background:linear-gradient(135deg,rgba(255,42,42,.07),rgba(147,51,234,.05));
  border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;
  padding:14px 18px;margin:18px 0;color:var(--soft);font-size:15px}
.callout p{margin:0 0 8px}.callout p:last-child{margin:0}
.note{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25);border-radius:10px;
  padding:12px 16px;margin:16px 0;color:var(--soft);font-size:14.5px}

/* ── Clean bullet lists ──────────────────────────────────────── */
ul.clean{list-style:none;padding:0;margin:10px 0}
ul.clean li{padding:7px 0 7px 26px;position:relative;color:var(--soft);font-size:15px}
ul.clean li::before{content:"";position:absolute;left:4px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
ul.clean.warn li::before{background:var(--amber2)}
ul.clean.ok li::before{background:var(--green2)}

/* ── Doc prose (для конвертированного markdown) ──────────────── */
.prose p{margin:14px 0;color:var(--soft);font-size:15.5px}
.prose ul:not(.clean){margin:12px 0;padding-left:22px;color:var(--soft);font-size:15.5px}
.prose ul:not(.clean) li{margin:5px 0}
.prose b,.prose strong{color:#fff}
.prose h2{margin-top:8px}

/* ── Evidence blocks (worker-job профиль) ────────────────────── */
.verdict{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--card);
  border:1px solid rgba(52,211,153,.3);border-radius:12px;padding:14px 20px;font-size:16px}
.verdict b{color:var(--green2);font-size:18px}
.verdict .lv{font-size:13px;color:var(--muted)}
.two-tldr{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:780px){.two-tldr{grid-template-columns:1fr}}
.tldr{border-radius:14px;padding:20px 22px;border:1px solid var(--border)}
.tldr.hr{background:rgba(167,139,250,.07);border-color:rgba(167,139,250,.22)}
.tldr.tl{background:rgba(96,165,250,.07);border-color:rgba(96,165,250,.22)}
.tldr .who{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.tldr p{margin:0;color:var(--soft);font-size:15px}
.lvl{font-weight:700;font-size:13px;padding:3px 10px;border-radius:6px;white-space:nowrap}
.l-sr{background:rgba(52,211,153,.14);color:var(--green2);border:1px solid rgba(52,211,153,.3)}
.l-mid{background:rgba(251,191,36,.13);color:var(--amber2);border:1px solid rgba(251,191,36,.3)}
.evidence{margin-top:8px}
.ev{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px 26px;margin:18px 0}
.ev .h{display:flex;align-items:baseline;gap:14px;margin-bottom:4px;flex-wrap:wrap}
.ev .n{font-size:13px;font-weight:700;color:var(--accent);border:1px solid rgba(255,42,42,.35);
  border-radius:8px;padding:3px 10px;white-space:nowrap}
.ev h3{font-size:20px;margin:0;font-weight:700;letter-spacing:-.3px}
.ev .claim{color:var(--soft);font-size:15px;margin:8px 0 4px}
.ev .file{font-size:12.5px;color:var(--muted);font-family:"SF Mono",monospace;word-break:break-all}
.proves{margin-top:14px;padding:14px 16px;border-radius:10px;
  background:linear-gradient(135deg,rgba(96,165,250,.08),rgba(167,139,250,.06));
  border:1px solid rgba(96,165,250,.18);font-size:14.5px;color:var(--soft)}
.proves b{color:#fff}
.rec{background:linear-gradient(135deg,rgba(255,42,42,.09),rgba(167,139,250,.07));
  border:1px solid rgba(255,107,107,.22);border-radius:16px;padding:26px 28px}
.rec h3{margin:0 0 10px;font-size:20px}
.rec p{color:var(--soft);font-size:16px}

/* ── Footer ──────────────────────────────────────────────────── */
footer{padding:38px 0 70px;color:var(--muted);font-size:14px}
footer a{color:var(--accent2)}