/* =====================================================================
   SQORA PRO — общий стиль второстепенных страниц (демо, документы)
   в дизайне новой главной. Подключается ПОСЛЕ старых стилей.
   ===================================================================== */
:root { --navy:#0a1628; --blue:#3b82f6; --cyan:#7dd3fc; --accent:#2082ff; --bg-l:#f5f7fb; --ink:#0a1628; --ink-2:#334155; --mut:#5b6b82;
  --bd:#e2e8f1; --card:#fff; --sh:0 1px 2px rgba(10,22,40,.04), 0 8px 28px -12px rgba(10,22,40,.12); --ease:cubic-bezier(.2,.8,.2,1); }
html { background:var(--bg-l); }
body.v2 { background:var(--bg-l) !important; color:var(--ink); font-family:Inter,system-ui,sans-serif !important; -webkit-font-smoothing:antialiased; }
body.v2 h1, body.v2 h2, body.v2 h3, body.v2 .hero-title, body.v2 .demo-page-headline, body.v2 .demo-name, body.v2 .doc-content h2 {
  font-family:Inter,system-ui,sans-serif !important; letter-spacing:-.02em; }
body.v2 ::selection { background:var(--accent); color:#fff; }

/* ---------- меню ---------- */
.nav2 { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:14px clamp(16px,5vw,64px); background:rgba(255,255,255,.8); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--bd); font-family:Inter,system-ui,sans-serif; }
.nav2 a { color:inherit; text-decoration:none; }
.logo2 img { display:block; height:30px; width:auto; }
.nav2-links { display:flex; gap:26px; font-size:14px; white-space:nowrap; }
.nav2-links a { color:var(--mut); position:relative; transition:color .2s; }
.nav2-links a::after { content:""; position:absolute; left:0; right:100%; bottom:-6px; height:1px; background:var(--accent); transition:right .3s var(--ease); }
.nav2-links a:hover, .nav2-links a.on { color:var(--ink); } .nav2-links a:hover::after, .nav2-links a.on::after { right:0; }
.nav2-right { display:flex; align-items:center; gap:18px; white-space:nowrap; }
.nav2-tel { font-size:14px; font-weight:600; color:var(--ink); }
.nav2-cta { display:inline-block; padding:10px 18px; border-radius:999px; font-size:14px; font-weight:600; color:#fff !important; background:var(--accent); transition:background .2s, transform .2s; }
.nav2-cta:hover { background:#1468d6; transform:translateY(-1px); }
.nav2-burger { display:none; width:40px; height:40px; border-radius:12px; border:1px solid var(--bd); background:#fff; cursor:pointer; position:relative; }
.nav2-burger span { position:absolute; left:11px; right:11px; height:2px; border-radius:2px; background:var(--ink); transition:transform .3s var(--ease), top .3s var(--ease); }
.nav2-burger span:first-child { top:15px; } .nav2-burger span:last-child { top:23px; }
.nav2.open .nav2-burger span:first-child { top:19px; transform:rotate(45deg); } .nav2.open .nav2-burger span:last-child { top:19px; transform:rotate(-45deg); }
.nav2-menu { display:none; }
@media (max-width:1180px) { .nav2-tel { display:none; } }
@media (max-width:1000px) {
  .nav2-links { display:none; } .nav2-burger { display:block; }
  .nav2-menu { display:grid; position:absolute; top:100%; left:0; right:0; padding:10px 16px 18px; background:rgba(255,255,255,.97); border-bottom:1px solid var(--bd);
    box-shadow:0 20px 40px -20px rgba(10,22,40,.3); transform:translateY(-8px); opacity:0; pointer-events:none; transition:transform .3s var(--ease), opacity .25s; }
  .nav2.open .nav2-menu { transform:none; opacity:1; pointer-events:auto; }
  .nav2-menu a { padding:13px 6px; font-size:16px; font-weight:600; color:var(--ink); border-bottom:1px solid #eef2f7; }
  .nav2-menu a.nav2-cta { margin-top:12px; text-align:center; border:0; }
}
@media (max-width:760px) { .nav2 { padding:10px 16px; } .logo2 img { height:24px; } .nav2-right .nav2-cta { display:none; } }

/* ---------- подвал ---------- */
.foot2 { position:relative; z-index:2; background:#fff; border-top:1px solid var(--bd); color:var(--ink); font-family:Inter,system-ui,sans-serif; }
.foot2 a { color:inherit; text-decoration:none; }
.foot2-in { max-width:1320px; margin:0 auto; padding:52px clamp(16px,5vw,64px) 36px; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:40px; }
.foot2-in img { height:28px; width:auto; display:block; }
.foot2 p { color:var(--mut); font-size:14px; line-height:1.6; margin:14px 0 0; max-width:320px; }
.foot2 strong { display:block; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin-bottom:14px; font-family:"JetBrains Mono",ui-monospace,monospace; }
.foot2-col { display:grid; gap:10px; font-size:14px; align-content:start; }
.foot2-col a:hover { color:var(--accent); }
.foot2-col .tg { color:var(--accent); font-weight:600; }
.foot2-legal { max-width:1320px; margin:0 auto; padding:18px clamp(16px,5vw,64px) 30px; border-top:1px solid #eef2f7; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:12px; color:#94a3b8; }
.foot2-legal nav { display:flex; gap:18px; flex-wrap:wrap; }
.foot2-legal nav a { color:var(--mut); } .foot2-legal nav a:hover, .foot2-legal nav a.is-current { color:var(--accent); }
@media (max-width:760px) { .foot2-in { grid-template-columns:1fr; gap:28px; padding-top:40px; } }

/* ---------- общая тёмная шапка страницы + светлый «лист» ---------- */
.v2-hero, body.v2 .demos-hero, body.v2 .doc-hero { position:relative; overflow:hidden; color:#fff;
  background:radial-gradient(circle at 78% 18%, rgba(59,130,246,.35), transparent 42%), radial-gradient(circle at 10% 90%, rgba(125,211,252,.12), transparent 40%), var(--navy) !important; }
body.v2 .demos-hero::before, body.v2 .doc-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.6;
  background-image:linear-gradient(rgba(125,211,252,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(125,211,252,.06) 1px, transparent 1px); background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 30%, #000, transparent 70%); mask-image:radial-gradient(ellipse at 70% 30%, #000, transparent 70%); }
body.v2 .demos-hero { padding:150px 0 110px !important; min-height:0 !important; }
body.v2 .demos-hero .container { position:relative; }
body.v2 .demos-hero .eyebrow, body.v2 .doc-hero .eyebrow { font-family:"JetBrains Mono",ui-monospace,monospace !important; font-size:12px; letter-spacing:.14em; color:var(--cyan) !important; text-transform:uppercase; background:none !important; border:0 !important; padding:0 !important; }
body.v2 .demos-hero .eyebrow::before { display:none !important; }
body.v2 .demos-hero .hero-title { font-size:clamp(36px,5vw,64px) !important; font-weight:800 !important; line-height:1.05 !important; color:#fff !important; max-width:820px; }
body.v2 .demos-hero .hero-title span { background:linear-gradient(90deg,#fff 0%,var(--cyan) 55%,var(--blue) 100%); -webkit-background-clip:text; background-clip:text; color:transparent !important; }
body.v2 .demos-hero .hero-subtitle { color:rgba(255,255,255,.75) !important; font-size:18px; max-width:600px; }
body.v2 .btn.primary, body.v2 .btn-order { display:inline-block; padding:16px 26px !important; border-radius:14px !important; border:0 !important; font-weight:600 !important; color:#fff !important;
  background:linear-gradient(135deg,#60a5fa,#2563eb) !important; box-shadow:0 10px 40px -10px rgba(59,130,246,.8) !important; transition:box-shadow .3s, transform .3s !important; text-decoration:none; }
body.v2 .btn.primary:hover, body.v2 .btn-order:hover { transform:translateY(-2px); box-shadow:0 16px 50px -8px rgba(59,130,246,1) !important; }
.v2-sheet, body.v2 .demos-layout, body.v2 .doc-wrap { position:relative; z-index:3; margin-top:-44px !important; border-radius:44px 44px 0 0; background:var(--bg-l) !important;
  box-shadow:0 -30px 60px -20px rgba(3,8,18,.45); }
body.v2 .demos-layout { padding-top:52px !important; }

/* ---------- каталог демо ---------- */
body.v2 .demos-sidebar { background:#fff !important; border:1px solid var(--bd) !important; border-radius:22px !important; box-shadow:var(--sh) !important; }
body.v2 .filter-row-label { font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px !important; letter-spacing:.12em; color:var(--accent) !important; text-transform:uppercase; }
body.v2 .filter-btn { border:1px solid var(--bd) !important; background:#fff !important; color:var(--ink-2) !important; border-radius:999px !important; font-weight:500 !important; transition:all .2s !important; }
body.v2 .filter-btn:hover { border-color:#b9cbe6 !important; }
body.v2 .filter-btn.active { background:var(--accent) !important; border-color:var(--accent) !important; color:#fff !important; }
body.v2 .filter-reset { color:var(--accent) !important; }
body.v2 .demos-filter-toggle { border-radius:14px !important; border:1px solid var(--bd) !important; background:#fff !important; color:var(--ink) !important; font-weight:600; }
body.v2 .demo-card { background:#fff !important; border:1px solid var(--bd) !important; border-radius:22px !important; overflow:hidden; box-shadow:var(--sh) !important;
  transition:transform .4s var(--ease), box-shadow .4s, border-color .3s !important; }
body.v2 .demo-card:hover { transform:translateY(-6px) !important; border-color:#b9cbe6 !important; box-shadow:0 24px 50px -24px rgba(10,22,40,.3) !important; }
body.v2 .demo-thumb img { transition:transform .8s var(--ease); }
body.v2 .demo-card:hover .demo-thumb img { transform:scale(1.04); }
body.v2 .demo-badge { border-radius:999px !important; font-weight:600 !important; backdrop-filter:blur(8px); }
body.v2 .demo-name { font-size:19px !important; font-weight:800 !important; color:var(--ink) !important; }
body.v2 .demo-industry { color:var(--mut) !important; }
body.v2 .demo-tags span, body.v2 .demo-tag { background:#f1f5fb !important; color:var(--ink-2) !important; border-radius:999px !important; border:0 !important; }
body.v2 .demo-footer { border-top:1px solid #eef2f7 !important; }
body.v2 .demo-arrow { color:var(--accent) !important; transition:transform .3s var(--ease); }
body.v2 .demo-card:hover .demo-arrow { transform:translateX(5px); }

/* ---------- страница одного демо ---------- */
body.v2 .demo-page { padding-top:96px !important; background:var(--bg-l) !important; }
body.v2 .demo-page-headline { font-weight:800 !important; color:var(--ink) !important; }
body.v2 .demo-page-desc, body.v2 .for-whom-list li, body.v2 .features-list li { color:var(--ink-2) !important; }
body.v2 .demo-section-title { font-family:"JetBrains Mono",ui-monospace,monospace !important; font-size:12px !important; letter-spacing:.12em; text-transform:uppercase; color:var(--accent) !important; }
body.v2 .demo-page-tags span, body.v2 .demo-meta-tags span { background:rgba(32,130,255,.08) !important; color:var(--accent) !important; border:1px solid rgba(32,130,255,.2) !important; border-radius:999px !important; }
body.v2 .demo-meta, body.v2 .demo-meta-row, body.v2 .demo-page-meta { background:#fff !important; border:1px solid var(--bd) !important; border-radius:18px !important; box-shadow:var(--sh); }
body.v2 .demo-meta-label { color:var(--mut) !important; }
body.v2 .demo-meta-value { color:var(--ink) !important; font-weight:800 !important; }
body.v2 .demo-preview-frame { border-radius:22px !important; overflow:hidden; border:1px solid var(--bd) !important; box-shadow:0 30px 70px -30px rgba(10,22,40,.4) !important; }
body.v2 .demo-open-full, body.v2 .demo-breadcrumb a { color:var(--accent) !important; }
body.v2 .demo-related { background:transparent !important; }
body.v2 .demo-related-title { font-weight:800 !important; color:var(--ink) !important; }
body.v2 #live-btn-wrap a { border-radius:14px !important; }

/* ---------- правовые документы ---------- */
body.v2 .container { width:min(1180px, calc(100% - 32px)); margin:0 auto; }
body.v2 .doc-hero { padding:140px 0 100px; }
body.v2 .doc-hero .container { position:relative; }
body.v2 .doc-hero h1 { margin:14px 0 0; font-size:clamp(34px,5vw,58px); font-weight:800; line-height:1.05; max-width:18ch; color:#fff; }
body.v2 .doc-hero .doc-sub { margin:14px 0 0; max-width:580px; color:rgba(255,255,255,.72); font-size:17px; line-height:1.6; }
body.v2 .doc-meta { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:22px; color:rgba(255,255,255,.66); font-size:14px; font-weight:600; }
body.v2 .doc-meta b { color:var(--cyan); }
body.v2 .doc-wrap { padding:64px 0 96px; }
body.v2 .doc-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:44px; align-items:start; }
body.v2 .doc-toc { position:sticky; top:96px; padding:22px; border:1px solid var(--bd); border-radius:22px; background:#fff; box-shadow:var(--sh); }
body.v2 .doc-toc strong { display:block; margin-bottom:12px; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); }
body.v2 .doc-toc a { display:block; padding:7px 0 7px 12px; margin-left:-2px; border-left:2px solid transparent; color:var(--mut); font-size:14px; line-height:1.4; text-decoration:none; transition:color .2s, border-color .2s; }
body.v2 .doc-toc a:hover, body.v2 .doc-toc a.on { color:var(--accent); border-color:var(--accent); }
body.v2 .doc-content { max-width:780px; background:#fff; border:1px solid var(--bd); border-radius:24px; padding:40px; box-shadow:var(--sh); }
body.v2 .doc-content section { scroll-margin-top:96px; }
body.v2 .doc-content h2 { margin:40px 0 14px; font-size:24px; font-weight:800; line-height:1.2; color:var(--ink); }
body.v2 .doc-content section:first-child h2 { margin-top:0; }
body.v2 .doc-content h3 { margin:24px 0 10px; font-size:17px; font-weight:700; color:var(--ink); }
body.v2 .doc-content p { margin:0 0 14px; color:var(--ink-2); line-height:1.7; }
body.v2 .doc-content ul { margin:0 0 16px; padding:0; list-style:none; }
body.v2 .doc-content li { position:relative; padding:6px 0 6px 26px; color:var(--ink-2); line-height:1.6; }
body.v2 .doc-content li::before { content:""; position:absolute; left:4px; top:15px; width:7px; height:7px; border-radius:50%; background:linear-gradient(135deg,#60a5fa,var(--accent)); }
body.v2 .doc-content li b { color:var(--ink); }
body.v2 .doc-content a { color:var(--accent); font-weight:600; text-decoration:none; } body.v2 .doc-content a:hover { text-decoration:underline; }
body.v2 .doc-content table { width:100%; border-collapse:collapse; margin:10px 0 18px; font-size:14px; }
body.v2 .doc-content th, body.v2 .doc-content td { padding:10px 12px; border-bottom:1px solid var(--bd); text-align:left; vertical-align:top; }
body.v2 .doc-content th { background:#f2f7ff; color:var(--accent); font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
body.v2 .doc-contacts { margin-top:14px; padding:24px; border:1px solid var(--bd); border-radius:18px; background:#f7faff; }
body.v2 .doc-contacts p { margin:4px 0; }
body.v2 .doc-end { margin-top:36px; padding-top:20px; border-top:1px solid var(--bd); color:var(--mut); font-size:14px; }
@media (max-width:960px) { body.v2 .doc-layout { grid-template-columns:1fr; gap:0; } body.v2 .doc-toc { display:none; } }
@media (max-width:760px) {
  body.v2 .doc-content { padding:24px 18px; border-radius:20px; }
  .v2-sheet, body.v2 .demos-layout, body.v2 .doc-wrap { margin-top:-28px !important; border-radius:28px 28px 0 0; }
  body.v2 .demos-hero { padding:110px 0 80px !important; }
  body.v2 .doc-hero { padding:110px 0 80px; }
}
/* свёрнутая панель фильтров на мобиле — без пустой плашки */
body.v2 .demos-sidebar.is-collapsed { background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }

/* ---------- документы: оглавление /legal и улучшения внутри ---------- */
.legal-hub { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.lh-card { position:relative; display:block; padding:30px; background:#fff; border:1px solid var(--bd); border-radius:24px; box-shadow:var(--sh); color:var(--ink); text-decoration:none;
  transition:transform .45s var(--ease), box-shadow .45s, border-color .3s; }
.lh-card:hover { transform:translateY(-6px); border-color:var(--accent); box-shadow:0 24px 50px -24px rgba(10,22,40,.28); }
.lh-ic { width:54px; height:54px; border-radius:16px; display:grid; place-items:center; font-size:26px; background:linear-gradient(135deg,#eaf2ff,#dbe8ff); margin-bottom:18px; }
.lh-card b { display:block; font-size:20px; font-weight:800; }
.lh-card p { margin:8px 0 16px; color:var(--mut); line-height:1.55; font-size:15px; }
.lh-card em { font-style:normal; color:var(--accent); font-weight:700; }
.lh-card em, .doc-more a em { display:inline-block; transition:transform .3s var(--ease); } .lh-card:hover em { transform:translateX(5px); }
@media (max-width:760px) { .legal-hub { grid-template-columns:1fr; } .lh-card { padding:22px; } }

.read-bar { position:fixed; top:0; left:0; height:3px; width:100%; z-index:120; transform-origin:0 50%; transform:scaleX(0); background:linear-gradient(90deg,var(--cyan),var(--accent)); }
.doc-print { display:inline-flex; align-items:center; gap:8px; margin-top:22px; padding:10px 16px; border-radius:12px; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.06); color:#fff; font:600 14px Inter,sans-serif; cursor:pointer; backdrop-filter:blur(8px); transition:background .2s; }
.doc-print:hover { background:rgba(255,255,255,.14); }
body.v2 .doc-content h2 { display:flex; align-items:baseline; gap:12px; }
body.v2 .doc-content h2 .sec-n { flex:none; width:36px; height:36px; border-radius:12px; display:inline-grid; place-items:center; font-family:"JetBrains Mono",monospace; font-size:14px; color:#fff;
  background:linear-gradient(135deg,#60a5fa,var(--accent)); box-shadow:0 8px 18px -8px rgba(32,130,255,.7); transform:translateY(-3px); }
body.v2 .doc-content section { padding:6px 0 10px; border-bottom:1px dashed #e5ebf3; }
body.v2 .doc-content section:last-of-type { border-bottom:0; }
body.v2 .doc-contacts { background:linear-gradient(135deg,#f2f7ff,#fff) !important; border-color:#d6e5fb !important; }
.doc-more { margin-top:28px; }
.doc-more strong { display:block; font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
.doc-more div { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.doc-more a { display:block; padding:16px 18px; border-radius:16px; background:#fff; border:1px solid var(--bd); color:var(--ink); font-weight:700; font-size:15px; text-decoration:none; box-shadow:var(--sh); transition:border-color .2s, transform .3s var(--ease); }
.doc-more a:hover { border-color:var(--accent); transform:translateY(-3px); }
.doc-more a em { font-style:normal; color:var(--accent); margin-left:4px; }
@media (max-width:760px) { .doc-more div { grid-template-columns:1fr; } }
@media print {
  .nav2, .foot2, .doc-toc, .doc-print, .doc-more, .read-bar, [aria-label="Cookie"] { display:none !important; }
  body.v2 .doc-hero { background:#fff !important; color:#000; padding:0 0 16px; } body.v2 .doc-hero h1, body.v2 .doc-hero .doc-sub, body.v2 .doc-meta { color:#000 !important; }
  body.v2 .doc-wrap { margin:0 !important; box-shadow:none; padding:0; } body.v2 .doc-layout { display:block; } body.v2 .doc-content { box-shadow:none; border:0; padding:0; max-width:none; }
}

/* иконки соцсетей в подвале */
.foot2-soc { display:flex; gap:10px; margin-top:18px; }
.foot2-soc a { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; color:#5b6b82; background:#f1f5fb; border:1px solid #e2e8f1; transition:color .2s, background .2s, transform .2s; }
.foot2-soc a:hover { color:#fff; background:#2082ff; border-color:#2082ff; transform:translateY(-2px); }
.foot2-soc svg { width:19px; height:19px; }

/* ---------- блог ---------- */
.post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.post-card { display:flex; flex-direction:column; gap:8px; padding:0 0 22px; background:#fff; border:1px solid var(--bd); border-radius:24px; overflow:hidden; color:var(--ink); text-decoration:none;
  box-shadow:var(--sh); transition:transform .45s var(--ease), box-shadow .45s, border-color .3s; }
.post-card:hover { transform:translateY(-6px); border-color:#c9d6ea; box-shadow:0 24px 50px -24px rgba(10,22,40,.28); }
.pc-cover { position:relative; height:150px; display:grid; place-items:center; margin-bottom:8px; overflow:hidden;
  background:radial-gradient(circle at 80% 20%, rgba(59,130,246,.55), transparent 55%), radial-gradient(circle at 10% 90%, rgba(125,211,252,.3), transparent 50%), var(--navy); }
.pc-cover::before { content:""; position:absolute; inset:0; opacity:.5; background-image:linear-gradient(rgba(125,211,252,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(125,211,252,.08) 1px, transparent 1px); background-size:32px 32px; }
.pc-cover i { position:relative; font-style:normal; font-size:56px; transition:transform .5s var(--ease); }
.post-card:hover .pc-cover i { transform:scale(1.12) rotate(-6deg); }
.pc-meta { padding:0 22px; font-size:12px; color:var(--mut); }
.pc-meta em { font-style:normal; font-weight:700; color:var(--accent); margin-right:8px; }
.post-card b { padding:0 22px; font-size:19px; line-height:1.25; font-weight:800; }
.post-card small { padding:0 22px; font-size:14px; line-height:1.55; color:var(--mut); }
.pc-more { padding:6px 22px 0; margin-top:auto; font-size:14px; font-weight:700; color:var(--accent); }
.post-crumbs { display:flex; gap:8px; font-size:13px; color:rgba(255,255,255,.6); margin-bottom:18px; }
.post-crumbs a { color:rgba(255,255,255,.8); text-decoration:none; } .post-crumbs a:hover { color:#fff; }
body.v2 .post-hero h1 { max-width:22ch; }
.post-content { max-width:800px; margin:0 auto; background:#fff; border:1px solid var(--bd); border-radius:26px; padding:44px 48px; box-shadow:var(--sh); color:var(--ink-2); }
.post-content .lead { font-size:19px; line-height:1.65; color:var(--ink); margin:0 0 10px; }
.post-content h2 { margin:40px 0 14px; font-size:26px; line-height:1.2; font-weight:800; color:var(--ink); letter-spacing:-.02em; }
.post-content h3 { margin:26px 0 8px; font-size:19px; font-weight:800; color:var(--ink); }
.post-content p { margin:0 0 14px; font-size:16px; line-height:1.75; }
.post-content ul { margin:0 0 18px; padding:0; list-style:none; }
.post-content li { position:relative; padding:7px 0 7px 28px; font-size:16px; line-height:1.65; }
.post-content li::before { content:""; position:absolute; left:6px; top:17px; width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,#60a5fa,var(--accent)); }
.post-content b { color:var(--ink); }
.post-content a { color:var(--accent); font-weight:600; text-decoration:none; } .post-content a:hover { text-decoration:underline; }
.post-content table { width:100%; border-collapse:collapse; margin:14px 0 22px; font-size:15px; border-radius:14px; overflow:hidden; box-shadow:0 0 0 1px var(--bd); }
.post-content th, .post-content td { padding:12px 14px; text-align:left; vertical-align:top; border-bottom:1px solid var(--bd); }
.post-content th { background:#f2f7ff; color:var(--accent); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.post-content td:last-child { white-space:nowrap; font-weight:700; color:var(--ink); }
.post-content tr:last-child td { border-bottom:0; }
.post-cta { margin-top:36px; padding:28px; border-radius:22px; color:#fff; display:grid; gap:18px;
  background:radial-gradient(circle at 90% 0%, rgba(125,211,252,.3), transparent 50%), linear-gradient(135deg,#3b82f6,#1d4ed8); }
.post-cta b { display:block; font-size:21px; color:#fff; } .post-cta p { margin:6px 0 0; color:rgba(255,255,255,.85); font-size:15px; }
.post-cta-btns { display:flex; gap:10px; flex-wrap:wrap; }
.pc-btn { display:inline-block; padding:13px 20px; border-radius:13px; font-weight:700; font-size:15px; text-decoration:none !important; transition:transform .2s; }
.pc-btn:hover { transform:translateY(-2px); }
.pc-btn.primary { background:#fff; color:var(--accent) !important; } .pc-btn.ghost { color:#fff !important; border:1px solid rgba(255,255,255,.4); }
.post-rel { padding:10px 0 80px; background:var(--bg-l); }
.post-rel h2 { font-size:26px; font-weight:800; color:var(--ink); margin:0 0 20px; }
@media (max-width:1000px) { .post-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:760px) {
  .post-grid { grid-template-columns:1fr; }
  .post-content { padding:26px 18px; border-radius:22px; }
  .post-content .lead { font-size:17px; } .post-content h2 { font-size:22px; }
  .post-content table { font-size:14px; } .post-content td:last-child { white-space:normal; }
}