:root {
  --brand-primary: #1688f2;
  --brand-ink: #061a3a;
  --brand-secondary: #2f9bf4;
  --brand-surface: #ffffff;
  --brand-tint: #f4f8fd;
  --muted: #5c6578;
  --line: #e2e8f0;
  font-family: Poppins, system-ui, sans-serif;
  color: var(--brand-ink);
  background: var(--brand-tint);
  line-height: 1.65;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: var(--brand-primary); }
.seo-wrap { width: min(920px, 100% - 2rem); margin: 0 auto; }
.seo-header { background: var(--brand-surface); border-bottom: 1px solid var(--line); padding: 0.85rem 0; position: sticky; top: 0; }
.seo-header .row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.seo-header nav { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; align-items: center; font-size: 0.95rem; }
.seo-header nav a { text-decoration: none; color: var(--brand-ink); font-weight: 500; }
.seo-header nav a:hover { color: var(--brand-primary); }
.seo-brand img { display: block; height: 36px; width: auto; }
.btn {
  display: inline-block;
  background: var(--brand-primary);
  color: #fff !important;
  text-decoration: none;
  padding: 0.45rem 0.9rem;
  border-radius: 0.5rem;
  font-weight: 600;
}
.seo-main { padding: 2rem 0 3rem; background: var(--brand-surface); margin: 1.25rem auto; border-radius: 1rem; padding-left: max(1rem, calc((100% - 920px) / 2 + 1rem)); padding-right: max(1rem, calc((100% - 920px) / 2 + 1rem)); max-width: none; width: 100%; }
.seo-main > * { width: min(920px, 100%); margin-left: auto; margin-right: auto; }
.seo-main h1 { font-size: clamp(1.75rem, 3vw, 2.35rem); font-weight: 600; line-height: 1.2; margin: 0.5rem 0 1rem; }
.seo-main h2 { font-size: 1.25rem; margin-top: 1.75rem; }
.crumbs { font-size: 0.875rem; color: var(--muted); margin-bottom: 0.5rem; }
.crumbs a { color: var(--muted); }
.seo-cta { margin-top: 2.5rem; padding: 1.25rem; background: var(--brand-tint); border-radius: 0.75rem; border: 1px solid var(--line); }
.seo-footer { padding: 2rem 0; font-size: 0.9rem; color: var(--muted); }
.fine { font-size: 0.8rem; }
.updated { color: var(--muted); font-size: 0.85rem; margin-top: 2rem; }
.seo-faq { margin-top: 0.5rem; display: grid; gap: 0.65rem; }
.seo-faq-item {
  border: 1px solid var(--line);
  border-radius: 0.65rem;
  padding: 0.65rem 0.9rem;
  background: var(--brand-tint);
}
.seo-faq-item summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--brand-ink);
}
.seo-faq-item p { margin: 0.55rem 0 0.15rem; color: var(--muted); }
@media (max-width: 720px) {
  .seo-header nav .btn { width: 100%; text-align: center; }
}