/* ============================================================ Little Bend Flower Farm — Page-level overrides & utilities Loaded AFTER tokens.css and components.css in every page. Use this file only for page-wide layout tweaks that don't belong in a component (e.g. section spacing when two components sit flush against each other). Keep it small. ============================================================ */ /* ── Section rhythm ─────────────────────────────────────── Utility classes for extra top/bottom breathing room when sections sit flush. Use sparingly; most components ship with their own padding. */ .section--tight { padding-top: 40px; padding-bottom: 40px; } .section--roomy { padding-top: 96px; padding-bottom: 96px; } .section--flush-t { padding-top: 0; } .section--flush-b { padding-bottom: 0; } /* ── Skip link (a11y) ───────────────────────────────────── Hidden until focused. Required for keyboard users to bypass the nav on every page. Paste Skip to content as the first element inside . */ .skip { position: absolute; left: -9999px; top: 0; background: var(--ink); color: var(--paper); padding: 10px 16px; font-family: var(--mono); font-weight: 500; font-size: 13.5px; letter-spacing: .14em; text-transform: uppercase; z-index: 200; } .skip:focus { left: 8px; top: 8px; } /* ── Screen-reader only ────────────────────────────────── */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* ── Print ──────────────────────────────────────────────── Strip decoration for print. Journal posts especially. */ @media print { body::before { display: none; } .nav, .nav__latest, .signup, .foot { display: none; } .card, .badge__circle { break-inside: avoid; } a { color: inherit; text-decoration: underline; } }