/* Scoped editorial layouts; reuse existing cards, controls, typography and assets. */
body.tm-ui .seo-landing { padding-bottom: 40px; }
body.tm-ui .seo-landing .breadcrumbs { flex-wrap: wrap; overflow-wrap: anywhere; }
body.tm-ui .landing-intro { max-width: 840px; padding: 8px 0 32px; }
body.tm-ui .landing-intro h1 { font-size: clamp(28px, 3.4vw, 42px); line-height: 1.15; margin-bottom: 18px; }
body.tm-ui .landing-intro>p:not(.landing-kicker):not(.landing-caption) { font-size: 17px; max-width: 70ch; }
body.tm-ui .landing-kicker { color: var(--muted); font-size: 13px; margin-bottom: 12px; }
body.tm-ui .landing-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 20px 8px; }
body.tm-ui .landing-actions .button { white-space: normal; text-align: center; }
body.tm-ui .landing-caption { font-size: 13px; color: var(--muted); margin-top: 16px; max-width: 90ch; }
body.tm-ui .landing-offers { scroll-margin-top: 90px; margin-bottom: 32px; }
body.tm-ui .landing-offers .section-heading { margin-bottom: 20px; }
body.tm-ui .seo-landing h2 { font-size: clamp(22px, 2.2vw, 28px); line-height: 1.25; }
body.tm-ui .landing-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-block: 32px; }
body.tm-ui .landing-sheet { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); min-width: 0; }
body.tm-ui .landing-sheet p:last-child { margin-bottom: 0; }
body.tm-ui .seo-landing .steps { margin-bottom: 36px; }
body.tm-ui .landing-callout { padding: 28px; background: var(--soft); border-radius: 14px; margin-top: 32px; }
body.tm-ui .landing-callout p { max-width: 70ch; }
body.tm-ui .landing-toc { max-width: 840px; }
body.tm-ui .landing-toc ol { display: flex; flex-wrap: wrap; gap: 4px 28px; padding-left: 20px; margin-bottom: 0; }
body.tm-ui .landing-toc a { display: inline-block; padding-block: 10px; text-decoration: underline; text-underline-offset: 3px; }
body.tm-ui .landing-guide { max-width: 840px; }
body.tm-ui .landing-guide section { padding-block: 28px 8px; border-bottom: 1px solid var(--line); scroll-margin-top: 90px; }
body.tm-ui .landing-guide p, body.tm-ui .landing-guide li { line-height: 1.7; }
body.tm-ui .landing-guide li { padding-left: 4px; margin-bottom: 12px; }
body.tm-ui .landing-related { border-top: 1px solid var(--line); margin-top: 36px; padding-top: 24px; }
body.tm-ui .landing-related .filter-chips { display: flex; flex-wrap: wrap; gap: 8px; overflow: visible; }
body.tm-ui .landing-related .filter-chips a { display: flex; align-items: center; padding: 10px 14px; min-height: 44px; border: 1px solid var(--line); border-radius: 7px; }
body.tm-ui .landing-related .filter-chips a:hover { background: var(--soft); }
@media (max-width: 767px) {
  body.tm-ui .landing-columns { grid-template-columns: 1fr; gap: 16px; margin-block: 24px; }
  body.tm-ui .landing-sheet, body.tm-ui .landing-callout { padding: 20px; }
  body.tm-ui .landing-intro { padding-bottom: 24px; }
  body.tm-ui .landing-intro>p:not(.landing-kicker):not(.landing-caption) { font-size: 15px; }
  body.tm-ui .landing-actions { flex-direction: column; }
  body.tm-ui .landing-actions .button { width: 100%; min-height: 46px; }
  body.tm-ui .landing-toc ol { display: block; }
  body.tm-ui .landing-related .filter-chips { display: grid; }
}