/* /owners — the restaurant-facing page. * * Loaded after styles.css and built entirely from its tokens, so the page * follows the app into dark mode and picks up any palette change without a * second definition of the brand living here. Everything is scoped under * .ow or prefixed ow- : this is the one document in Saucer that is a * pitch rather than a feed, and none of its layout should leak into the app. * * Wider than the app's 620px column on purpose — an owner reads this on a * laptop, usually with the link open next to their email. */ .ow-wide { max-width: 860px; } /* A wider gutter than the app's 16px. The feed is edge-to-edge photographs, where a tight margin reads as generous; this page is nothing but text and boxes, and the same margin reads as cramped. padding-INLINE, not padding. Every section here is also .wrap, so a two-class rule with the shorthand outranks `.ow section` and silently flattens the vertical rhythm — which it did, and the headings landed on top of the buttons above them. */ .ow .wrap { padding-inline: 22px; } @media (min-width: 560px) { .ow .wrap { padding-inline: 32px; } } .ow main { padding-bottom: 8px; } .ow section { padding-block: 52px 8px; } .ow section:first-child { padding-block-start: 30px; } /* Anchors doing a button's job. The app's buttons are