/* seo-pages.css (shared additions; uses landing tokens) */
.page-hero { padding-top: 110px; padding-bottom: 26px; }
.page-hero .hero-inner { padding-bottom: 10px; }
.page-kicker { display:inline-flex; gap:10px; align-items:center; justify-content:center; font-size:13px; color: var(--muted); margin-bottom:14px; }
.kicker-pill { border:1px solid rgba(11,18,32,.08); background: rgba(255,255,255,.75); padding:6px 10px; border-radius: 999px; }
.toc { margin: 28px auto 0; max-width: 920px; background: #fff; border: 1px solid rgba(11,18,32,.07); border-radius: 16px; box-shadow: var(--shadow2); padding: 18px; }
.toc h2 { margin: 0 0 10px; font-size: 18px; }
.toc a { color: var(--primary-ink); }
.toc a:hover { color: var(--primary); }
.toc-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 18px; }
@media (max-width: 720px){ .toc-grid { grid-template-columns: 1fr; } }
.content { max-width: 920px; margin: 0 auto; }
.card { background:#fff; border:1px solid rgba(11,18,32,.07); border-radius: 16px; box-shadow: var(--shadow2); padding: 18px; }
.card h2 { margin: 0 0 10px; font-size: 22px; }
.card h3 { margin: 18px 0 8px; font-size: 18px; }
.card p { margin: 0 0 10px; color: var(--muted); font-weight: 300; line-height: 1.75; }
.kpi-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 14px; }
.kpi { background: var(--soft); border: 1px solid rgba(11,18,32,.06); border-radius: 14px; padding: 12px; }
.kpi .k { font-size: 12px; color: var(--muted2); letter-spacing: .08em; text-transform: uppercase; }
.kpi .v { font-size: 16px; font-weight: 650; margin-top: 6px; color: #0f172a; }
@media (max-width: 860px){ .kpi-grid { grid-template-columns: 1fr; } }

.faq { margin-top: 18px; }
.faq details { border: 1px solid rgba(11,18,32,.08); border-radius: 14px; padding: 12px 14px; background: #fff; box-shadow: 0 6px 16px rgba(11,18,32,.06); }
.faq details + details { margin-top: 10px; }
.faq summary { cursor: pointer; font-weight: 650; color: #0f172a; }
.faq p { margin-top: 8px; }
.note { font-size: 13px; color: var(--muted2); }
.internal-links { margin-top: 14px; display:flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.internal-links a { border: 1px solid rgba(11,18,32,.08); padding: 8px 10px; border-radius: 999px; color: var(--primary-ink); background: rgba(255,255,255,.75); }
.internal-links a:hover { background: rgba(22,163,74,.08); border-color: rgba(15,106,47,.35); }