.legal-main { padding: 50px 0 90px; }
.legal-main article { max-width: 760px; }
.legal-main h1 { font-size: clamp(38px, 5vw, 56px); margin: 14px 0 10px; }
.legal-main h2 { font-size: 26px; margin: 38px 0 10px; }
.legal-main p, .legal-main li { color: var(--ink-2); margin: 0 0 12px; }
.legal-main ul { padding-left: 22px; }
.legal-main .updated { color: var(--ink-3); font-size: 14px; }
.legal-main .box { padding: 16px 18px; border-radius: 8px; background: var(--card); border: 1px solid var(--line); margin: 18px 0; }

/* Guides (/productcart-to-shopify/, /productcart-end-of-life/) */
.guide .crumbs { font-size: 14px; color: var(--ink-3); margin-bottom: 14px; }
.guide .crumbs a { color: inherit; }
.guide .answer { border-left: 4px solid var(--green, #1a7f4b); }
.guide ol { padding-left: 22px; }
.guide ol li, .guide .timeline-list li { margin-bottom: 10px; }
.guide code { font-family: "Geist Mono", ui-monospace, monospace; font-size: .9em; overflow-wrap: anywhere; }
.guide .faq-list details { border-top: 1px solid var(--line); padding: 14px 0; }
.guide .faq-list details:last-child { border-bottom: 1px solid var(--line); }
.guide .faq-list summary { cursor: pointer; font-weight: 600; color: var(--ink); }
.guide .faq-list details > div { margin-top: 10px; }
.guide .cta { margin-top: 36px; }
.guide .source { font-size: 14px; color: var(--ink-3); }

/* Small screens: the simple page header keeps just Pricing and Sign in. */
@media (max-width: 520px) {
  header.top .nav[style] { gap: 14px; }
  header.top .nav[style] a { white-space: nowrap; }
  header.top .nav[style] a:first-child { display: none; }
}