/* content-v2.css: dark-theme companions for blog + guides pages (2026-09-14) */
:root{
  --content-max:1200px;
  --badge-gray-bg:rgba(255,255,255,.06);--badge-gray-bd:rgba(255,255,255,.12);--badge-gray-tx:var(--ink-2);
  --mesh:radial-gradient(600px 300px at 20% -10%,rgba(125,211,255,.10),transparent 60%);
  --brand-tint:rgba(125,211,255,.14);--brand-on-tint:#7DD3FF;--brand-tint-bd:rgba(125,211,255,.35);
  --brand-fill:#7DD3FF;--radius-full:999px;--shadow-xs:0 1px 2px rgba(0,0,0,.35);--dur-base:.4s;
}
.spotlight{position:relative;--gx:50%;--gy:50%;}
.spotlight::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity var(--dur-base);
  background:radial-gradient(180px circle at var(--gx) var(--gy),var(--brand),transparent 62%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;}
.spotlight:hover::after{opacity:.85;}
.avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;
  background:var(--brand-tint);color:var(--brand-on-tint);box-shadow:inset 0 0 0 1px var(--brand-tint-bd);overflow:hidden;}
.avatar img{width:100%;height:100%;object-fit:cover;}
.avatar.sm{width:28px;height:28px;font-size:11px;}
/* dashboard card idiom (templates/v2/dashboard.html .dbc) */
.post-card,.post-related-card,.gx-card,.gd-related-card,.blog-mini{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:none;}
.post-card:hover,.post-related-card:hover,.gx-card:hover,.gd-related-card:hover{border-color:var(--border-strong);}
/* long-form article body */
.post-body,.gd-body{color:var(--ink-1);}
.post-body h2,.gd-body h2{color:var(--ink-1);}
.post-body p,.gd-body p,.post-body li,.gd-body li{color:var(--ink-2);}
.post-body a,.gd-body a{color:var(--brand-link);}
.post-body .table-wrap,.gd-body .table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--border);border-radius:14px;background:var(--surface);}
.post-body table,.gd-body table{width:100%;border-collapse:collapse;font-size:14px;}
.post-body th,.gd-body th{text-align:left;padding:12px 14px;color:var(--ink-1);border-bottom:1px solid var(--border-strong);background:var(--surface-2);}
.post-body td,.gd-body td{padding:11px 14px;color:var(--ink-2);border-bottom:1px solid var(--border);vertical-align:top;}
.post-body tr:last-child td,.gd-body tr:last-child td{border-bottom:0;}
.post-faq{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);}
.post-faq h3{font-size:16px;color:var(--ink-1);margin:18px 0 6px;}
.post-faq p{color:var(--ink-2);}