/*
 * Breadwinner v3 prototype, the four policy pages (privacy, terms, shipping-policy, refunds):
 * page-only styles, loaded after v3.css and v3-port.css on all four. Every colour, size and
 * space comes from the v3.css tokens; v3-port.css already supplies .wrap.ledger, .prose.flow,
 * c-prose-lists (ul/ol markers, <strong> lead-ins), .callout and .address-block. This file adds
 * only the one thing none of those cover: capping the reading column at 62 characters, tighter
 * than .ledger's own 4fr column, as the plan asks ("article.prose.flow.legal (max 62ch)").
 *
 * Motion: none. These are read, not played.
 */

.legal { max-width: 34rem; }   /* 62ch held 75 to 99 characters of Literata; 34rem holds about 65 and does not change with the font */

/* Section spacing: a touch more air above each h2 than .flow's default h2 rhythm, so a long
   policy reads as dated ledger entries rather than one unbroken scroll. */
.legal > h2 { margin-top: var(--s-3xl); }
.legal > h2:first-child { margin-top: 0; }
/* Below 390px the 28px headings scale with the screen (28px at 389px, 26px at 360px), so "Refunds
   and cancellations" keeps to one line instead of leaving "cancellations" alone on the second. */
@media (max-width: 389.98px) { .legal > h2 { font-size: 7.2vw; } }

/* The shipping-policy callout sits full width inside the capped column (c-prose-lists already
   does this for .prose > .callout); nothing extra needed here beyond the shared rule.
   Kept as a comment, not a rule, so the cascade stays easy to trace from v3-port.css. */