/* ==========================================================================
   TERMS OF SERVICE & DISCLAIMERS — page-specific styles
   (also loaded by page-legal-notice.php)
   The hero, reading panel, prose, callout and "full statement" box all come
   from the shared design system (design-system.css).
   ========================================================================== */

/* Anchor targets clear the site header when jumped to. #refunds and #cancel are
   linked from outside the page (301 from /refund-policy/, account dashboard),
   so landing on one must not hide its heading under the header. */
.pm-legal [id] { scroll-margin-top: calc(var(--pm-header-h) + var(--pm-space-6)); }

/* --------------------------------------------------------------------------
   "On this page" quick navigation
   A plain callout with a two-column list on wide screens. No new tokens.
   -------------------------------------------------------------------------- */
.pm-legal__toc { margin-top: var(--pm-space-8); }
.pm-legal__toc ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pm-legal__toc li { margin-bottom: var(--pm-space-2); }
.pm-legal__toc a { border-bottom: 0; }

@media (min-width: 720px) {
    .pm-legal__toc ul {
        columns: 2;
        column-gap: var(--pm-space-8);
    }
    .pm-legal__toc li { break-inside: avoid; }
}

/* Revision date line, top and bottom of the terms. */
.pm-legal__updated { color: var(--pm-text-soft); }