/* kc_seo.css — the server-rendered SEO sections (#kc-seo) on the homepage, chart pages and static pages.
   Uses the same design tokens as Home_preview.php / kc_v2_core.css (dark by default, light via
   body[data-bs-theme="light"] or html[data-kc-light="1"]). SEO runbook 2026-09. */
#kc-seo{max-width:560px;margin:0 auto;padding:28px 14px 120px;font-family:'Bricolage Grotesque','Noto Sans Devanagari',sans-serif;color:var(--tx,#F3F4FA);line-height:1.62;font-size:14.5px;overflow-wrap:anywhere}
#kc-seo .kc-seo-in{background:var(--panel,#14172B);border:1px solid var(--bd,#2A2E4E);border-radius:20px;padding:18px 16px 16px}
#kc-seo h1{font-size:20px;line-height:1.3;margin:0 0 12px;font-weight:800;color:var(--tx,#F3F4FA)}
#kc-seo h2{font-size:15.5px;line-height:1.35;margin:24px 0 8px;font-weight:800;color:var(--goldTx,#FFD066)}
#kc-seo p{margin:0 0 10px}
#kc-seo a{color:var(--accHi,#A79BFF);font-weight:700;text-decoration:none}
#kc-seo a:hover{text-decoration:underline}
#kc-seo .kc-seo-upd{font-size:12.5px;color:var(--tx2,#A7ABC6)}
#kc-seo .kc-seo-tbl{width:100%;border-collapse:collapse;font-size:12.5px;background:var(--panel2,#0E101F);border:1px solid var(--bd,#2A2E4E);border-radius:14px;overflow:hidden}
#kc-seo .kc-seo-tbl th,#kc-seo .kc-seo-tbl td{padding:7px 8px;border-bottom:1px solid var(--bd2,#1C2039);text-align:left;vertical-align:top}
#kc-seo .kc-seo-tbl th{font-weight:800;color:var(--tx2,#A7ABC6);font-size:11.5px;text-transform:uppercase;letter-spacing:.02em}
#kc-seo .kc-seo-tbl tr:last-child td{border-bottom:0}
#kc-seo .kc-seo-hi{font-weight:500;color:var(--tx2,#A7ABC6)}
#kc-seo .kc-seo-star{color:var(--gold,#FFC94A)}
#kc-seo .kc-seo-note{font-size:12.5px;color:var(--tx2,#A7ABC6);margin-top:8px}
#kc-seo .kc-seo-links{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;list-style:none}
#kc-seo .kc-seo-links li{margin:0}
#kc-seo .kc-seo-links li a{display:inline-block;padding:5px 10px;border:1px solid var(--bd,#2A2E4E);border-radius:999px;background:var(--panel2,#0E101F);font-size:12.5px;color:var(--tx,#F3F4FA)}
#kc-seo .kc-seo-links li a .kc-seo-hi{font-size:11.5px}
#kc-seo .kc-seo-names{padding-left:18px;margin:0;font-size:13px}
#kc-seo .kc-seo-names li{margin:0 0 6px}
#kc-seo .kc-seo-bc{font-size:12.5px;color:var(--tx2,#A7ABC6);margin:0 0 10px}
#kc-seo .kc-seo-bc a{font-weight:600}
#kc-seo .kc-seo-faq{margin:0}
#kc-seo .kc-seo-faq dt{font-weight:800;margin:12px 0 2px}
#kc-seo .kc-seo-faq dd{margin:0;color:var(--tx2,#A7ABC6)}
#kc-seo .kc-seo-disc{font-size:12px;color:var(--tx3,#7E83A8);margin-top:22px}
#kc-seo .kc-seo-foot{margin-top:12px;font-size:13px;line-height:2}
#kc-seo .kc-seo-copy{font-size:11.5px;color:var(--tx3,#7E83A8);margin:6px 0 0}
#kc-seo ul{padding-left:18px}
/* chart pages: the block sits inside <main class="kcc-wrap"> which already has its own width and padding */
.kcc-wrap #kc-seo{max-width:none;padding:18px 0 8px}
.kcc-wrap #kc-seo .kc-seo-in{padding:0;border:0;background:transparent}
.kcc-wrap #kc-seo h2:first-of-type{margin-top:8px}
@media (min-width:760px){#kc-seo{max-width:920px}}
@media (min-width:1100px){#kc-seo{max-width:1240px}}
