.landing-guide { max-width: 72ch; margin-inline: auto; padding-block: 12px 32px; }
.landing-guide section + section { margin-top: 1.6rem; }
.landing-guide :is(h2, h3)[id] { scroll-margin-block-start: 1rem; }
.landing-guide .landing-topics { border-block: 1px solid var(--line); margin-block: 1rem 1.5rem; padding-block: .65rem; }
.landing-topics ul { columns: 2; margin: 0; padding-inline-start: 1.1rem; }
.landing-topics li { break-inside: avoid; margin-block: .25rem; }
.landing-guide pre { margin: .65rem 0 1rem; padding: .7rem .85rem; border: 1px solid var(--line); background: var(--white); white-space: pre-wrap; overflow-wrap: anywhere; tab-size: 4; }
.landing-guide :not(pre) > code { overflow-wrap: anywhere; }
.landing-guide .editor-return { font-weight: 700; }
@media (max-width: 620px) {
  .landing-topics ul { columns: 1; }
  .compact-compare .crumbs { margin-block-start: 9px; }
  .compact-compare .hero { padding-block: 10px 13px; }
  .compact-compare .hero .eyebrow { display: none; }
  .compact-compare h1 { font-size: clamp(1.95rem, 7.9vw, 2.9rem); line-height: 1.04; }
  .compact-compare .lede { margin-block-start: 7px; }
  .compact-compare .editor-toolbar { gap: 6px; }
  .compact-compare .bench-heading p { display: none; }
  .compact-compare .tool-settings .settings-note { font: .82rem/1.4 system-ui, sans-serif; }
}