/* עמודי /b/ (build_seo_pages.py). השלד, הצבעים והרכיבים באים מ-style.css
   (‏paper-form, ‏th-row, ‏crumbs, ‏tf-*); כאן רק מה שאין שם, וטוקנים בלבד. */
.seo-main { padding-top: 6px; padding-bottom: 60px; }
.seo-main h1 { margin: 14px 0 8px; }
.seo-main h2 { font-size: 1.2rem; margin: 1.6rem 0 .6rem; color: var(--text-heading); }
.seo-main h3 { font-size: 1rem; margin: 1.1rem 0 .5rem; color: var(--text-heading); }
.seo-main h2 i, .seo-main h3 i, .seo-more i {
  font-style: normal; font-weight: 400; font-size: .82rem; color: var(--text-muted);
}

.seo-facts {
  display: grid; gap: 8px 20px; margin: 18px 0;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.seo-facts div { display: grid; gap: 2px; }
.seo-facts dt { font-size: .8rem; color: var(--text-muted); }
.seo-facts dd { margin: 0; font-weight: 600; color: var(--text-heading); }

.seo-form { max-width: 360px; }

.seo-q { grid-template-columns: auto 1fr auto; }
.seo-q-title { display: block; }
.seo-meta { display: block; font-size: .82rem; color: var(--text-muted); margin-top: 2px; }
.seo-go {
  font-size: .85rem; font-weight: 600; color: var(--iris-deep);
  text-decoration: none; white-space: nowrap;
}
.seo-go:hover { text-decoration: underline; }
@media (max-width: 599px) {
  .seo-q { grid-template-columns: auto 1fr; }
  .seo-go { grid-column: 2; justify-self: start; }
}

.seo-note { font-size: .9rem; color: var(--text-muted); margin: .8rem 0; }

.seo-more { margin: 0; padding: 0 1.2rem 0 0; display: grid; gap: 6px; }
.seo-cols { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.seo-forms {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.seo-forms a {
  display: grid; gap: 1px; padding: 8px 12px;
  border: 1px solid var(--border); border-radius: var(--radius-btn);
  background: var(--surface); color: var(--text-heading); text-decoration: none;
}
.seo-forms a:hover { background: var(--iris-soft); }
.seo-forms b { font-variant-numeric: tabular-nums; }
.seo-forms i { font-style: normal; font-size: .78rem; color: var(--lilac-deep); }

.seo-pdf { margin: 14px 0; }
.seo-sheet { display: grid; gap: 14px; }
.seo-sheet-page { margin: 0; }
.seo-sheet-page img {
  display: block; width: 100%; max-width: 820px; height: auto;
  border: 1px solid var(--border); border-radius: var(--radius-btn); background: var(--surface);
}