/* Legal: /terms-of-use/, /privacy-policy/, /cookie-policy/ and the store's /store/refund_returns/. Long policy text
   in the approved article column. Ported from design/templates/legal/legal.css without its shared tail (lv-topics--rail
   and lv-byline are in the global stylesheet). Template rules sit on the hooks lg-head, lg-doc, lg-rail, lg-call,
   lg-list, lg-contact and lg-table. */

/* ---------- Page head (hook lg-head on lv-arthead) ---------- */
.lg-head .lv-crumbs a { min-width: 48px; } /* "Store" is narrower than a 48px target, as on store-category and blog-listing */

/* ---------- The policy (hook lg-doc on lv-art): the theme's prose column as it stands ---------- */
.lg-doc .lv-prose > :first-child { margin-top: 0; }
.lg-doc .lv-toc { scroll-margin-top: 24px; }
.lg-doc .lv-prose h3 { scroll-margin-top: 24px; }
.lg-doc .lv-prose h2 + h3 { margin-top: 24px; }

/* Numbered lists: the live "1. ... 2. ..." lines, now a real list. The numbers are the live numbers */
.lg-list { list-style: decimal; padding-left: 44px; margin: 0 0 var(--s3); }
.lg-list li { padding-left: 4px; }
.lg-list li::marker { color: var(--c-head); font-weight: 700; font-variant-numeric: tabular-nums; }

/* Contact details at the end of a policy: one line each, phone and email as 48px targets */
.lg-contact { font-style: normal; margin: 0 0 var(--s3); }
.lg-contact p { margin: 0 0 4px; }
.lg-contact a { display: inline-flex; align-items: center; min-height: 48px; }

/* The cookie policy's two tables: the theme's lv-table in the prose column. On phones each row is one block, the
   name over its description, because the descriptions are paragraphs, not short values */
.lg-tablewrap { margin: 28px 0 32px; }
.lg-table tbody th { width: 30%; color: var(--c-head); }
.lg-table td p { margin: 0 0 12px; line-height: 1.6; }
.lg-table td p:last-child { margin-bottom: 0; }
@media (max-width: 760px) {
  .lg-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .lg-table tr { display: block; padding: 18px; border-bottom: 1px solid var(--c-hairline); }
  .lg-table tbody tr:last-child { border-bottom: 0; }
  .lg-table tbody th, .lg-table td { display: block; width: auto; padding: 0; border: 0; }
  .lg-table tbody th { margin-bottom: 8px; font-weight: 700; }
}

/* ---------- Rail (hook lg-rail on lv-rail) ---------- */
.lg-call p { margin: 4px 0 0; }
.lg-call .lg-mail { display: inline-flex; align-items: center; min-height: 48px; font-size: 19px; overflow-wrap: anywhere; }
.lg-back { margin: 12px 0 0; }