/* Static SEO copy stays server-rendered inside an accessible disclosure. */
.seo-static{
  display:flex;
  width:100%;
  flex-direction:column;
  margin:var(--space-7) auto var(--space-9);
  color:var(--ui-text-muted);
}

.seo-toggle{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:var(--space-2);
  color:var(--ui-text-muted);
  font-size:14px;
  font-weight:500;
  line-height:1.3;
  cursor:pointer;
  list-style:none;
  transition:color .15s ease;
  user-select:none;
}

.seo-toggle::-webkit-details-marker{display:none}
.seo-toggle span{border-bottom:1px dashed currentColor}
.seo-toggle:hover{color:var(--ui-accent)}
.seo-toggle:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:4px}
.seo-toggle svg{width:16px;height:16px;flex:none;transition:transform .2s ease}
.seo-static[open]>.seo-toggle svg{transform:rotate(180deg)}

.seo-static>section{
  margin-top:var(--space-3);
  padding:var(--space-7);
  border:1px solid var(--ui-border);
  border-radius:var(--radius-workspace);
  background:var(--ui-surface);
  box-shadow:var(--shadow-card);
}

.seo-static h2{
  max-width:780px;
  margin:0 0 var(--space-4);
  color:var(--ui-text);
  font-size:clamp(24px,2.4vw,32px);
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.025em;
}

.seo-static p,
.seo-static li{
  font-size:16px;
  line-height:1.6;
}

.seo-static section>p{
  max-width:820px;
  margin:0 0 var(--space-4);
}

.seo-static section>p:last-child{margin-bottom:0}

.seo-tasks{
  display:flex;
  max-width:820px;
  flex-direction:column;
  gap:var(--space-3);
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:seo-task;
}

.seo-tasks li{
  position:relative;
  min-height:32px;
  padding-left:44px;
  counter-increment:seo-task;
}

.seo-tasks li::before{
  position:absolute;
  top:0;
  left:0;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:var(--radius-control);
  background:var(--ui-accent-soft);
  color:var(--ui-accent);
  content:counter(seo-task);
  font-size:12px;
  font-weight:700;
}

.seo-tasks strong,
.seo-faq h3{color:var(--ui-text);font-weight:600}

.seo-faq{max-width:820px}
.seo-faq h3{margin:var(--space-5) 0 var(--space-2);font-size:17px;line-height:1.35}
.seo-faq h3:first-child{margin-top:0}
.seo-faq p{margin:0}

@media(max-width:760px){
  .seo-static{margin:var(--space-6) auto var(--space-8)}
  .seo-static>section{padding:var(--space-5) var(--space-4)}
  .seo-static h2{font-size:24px}
  .seo-static p,
  .seo-static li{font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  .seo-toggle,
  .seo-toggle svg{transition:none}
}