/* Kitbit: one stylesheet for every page. One accent (price-sticker yellow), ink for text and lines, system fonts, no images. Yellow marks "the answer": the header, the hub hero, the glyph tiles, the result panel. Classes the tool pages reuse: .wrap centred column, max 60rem with 1rem gutters .tool the panel that holds the inputs: .field blocks, then one .result .field one labelled input:

..

(text, number and search inputs, select and textarea are styled; checkbox, range, file keep native looks) .hint small helper text under a field or inside a result .result yellow answer panel: an h2/h3 label, then a direct-child or for the big number (a inside a

or

stays normal text), or a
of rows. In that
every
is followed by exactly one
, all direct children (no wrapper divs): it is a two-column grid, label on the left, value on the right. A

inside is a live note: leave it in the page (never hidden) and change only its text, so it takes no room while empty. .faq

..

Q

A

..
.promo app promo card, one app per card (glyph tile, heading, text, Play button), lives in the footer of every page (the hub footer stacks two); on a tool page a contextual