.ft-seo {
  box-sizing: border-box;
  width: min(880px, 100%);
  margin: 32px auto 0;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.12);
  color: #e8f0ff;
  font: 16px/1.7 Arial, Helvetica, sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}
.ft-seo h1 { margin: 0 0 16px; color: white; font-size: clamp(23px, 4vw, 32px); line-height: 1.25; }
.ft-seo h2 { margin: 30px 0 12px; color: white; font-size: 22px; line-height: 1.35; scroll-margin-top: 24px; }
.ft-seo h3 { margin: 22px 0 8px; color: white; font-size: 18px; line-height: 1.4; }
.ft-seo p { margin: 0 0 14px; }
.ft-seo nav { margin: 24px 0; padding: 16px 20px; background: rgba(255,255,255,0.06); border-radius: 10px; }
.ft-seo ul { margin: 0; padding-left: 20px; }
.ft-seo li { margin: 6px 0; }
.ft-seo a { color: #d5f5ff; text-underline-offset: 3px; }
.ft-seo a:focus-visible { outline: 3px solid #00d4ff; outline-offset: 4px; }
.ft-seo-fallback { min-height: 100vh; box-sizing: border-box; padding: 32px 16px; background: #1026b5; color: white; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.ft-seo-brand-header { display: flex; flex-direction: column; align-items: center; }
.ft-seo-logo { width: 92px; height: 92px; margin-bottom: 18px; filter: drop-shadow(0 0 5px rgba(255,255,255,.55)); }
.ft-seo-brand { margin: 0 0 .3rem; font-size: 32px; font-style: italic; font-weight: 700; letter-spacing: 4px; }
.ft-seo-brand-line { width: min(320px, 100%); height: 8px; margin-top: .3rem; }
.ft-seo-tagline { margin: .8rem 0 3rem; color: #e8f0ff; }
@media (max-width: 600px) {
  .ft-seo { padding: 20px 16px; margin-top: 24px; }
  .ft-seo h2 { font-size: 20px; }
}