/** * Fischer Bell — component layer. * * A CSS port of the Claude Design component library (components/core, /commerce, /forms, * /navigation). The design system expresses these as React inline styles; here they are * classes so block patterns, WooCommerce templates and PHP partials can all share them. * * Every value comes from tokens.css, which in turn aliases theme.json. No literal colours. */ /* ----------------------------------------------------------------- base ---- Ported from the kit's tokens/base.css, whose very first rule this is. It was missed in the original port, leaving the whole theme on the content-box model: any element with padding plus a percentage or fixed dimension added the padding ON TOP of it. That is what made service cards overflow their own grid cell and overlap the row below by exactly padding*2 + border. */ *, *::before, *::after { box-sizing: border-box; } /* Form controls do not inherit type from their parent by default — left alone, a bare