/* SEO Warm — canonical spec from component library */
.seo-warm {
  background: #FAFAFA;
  padding: 80px 40px;
}

.seo-warm--top { padding-top: 80px; padding-bottom: 38px; }
.seo-warm--bottom { padding-top: 38px; padding-bottom: 80px; }

.seo-inner {
  max-width: 900px;
  margin: 0 auto;
}

.seo-eyebrow {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--electric-blue);
  margin-bottom: 16px;
}

.seo-h2 {
  font-size: clamp(22px, 2.6vw, 34px);
  font-weight: 800;
  color: #111;
  border-left: 5px solid var(--gold);
  padding-left: 20px;
  margin-bottom: 28px;
  line-height: 1.3;
}

.seo-p {
  font-size: 18px;
  line-height: 1.88;
  color: #2C2C2C;
  margin-bottom: 20px;
}

.seo-p strong { color: #111; }

.seo-p a.seo-link {
  color: var(--electric-blue);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.seo-rule {
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--gold) 50%, transparent 100%);
  margin: 72px 0;
  opacity: 0.28;
}

.seo-pull-quote {
  margin: 36px 0;
  padding: 28px 32px;
  border-left: 5px solid var(--gold);
  background: rgba(254,192,39,0.06);
  border-radius: 0 4px 4px 0;
}

.seo-pull-quote-text {
  font-size: 19px;
  font-style: italic;
  color: #2C2C2C;
  line-height: 1.6;
  margin-bottom: 10px;
}

.seo-pull-quote-attr {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #888;
}