/* 2026-09-26 (Niels): the shared component rules, next to gw-header.css (UFH header series
   PR 7, werkmap/specs/2026-09-26-ufh-studie-header.md). A page adopts a component by adding
   its gw- class; the page's own copy of the rule is then deleted. The tokens stay copied per
   page (programme spec §7.3, as amended 2026-09-26), so every rule here reads only canonical
   token names and never a colour literal: each page's light and dark values follow.
   Pages link this before their own <style>, so a page rule that remains still wins.
   Guarded by werkmap/tools/test_gw_ui.cjs.
   Only the components that two or more pages share with identical values live here. A
   component used by one page stays in that page until a second one needs it. */

/* 2026-09-26 (Niels): underline tabs on a bottom rule. Moved verbatim from /ufh (nav) and
   /ufh/opvolging (.subnav, .subnav-btn), which carried the same values. */
.gw-tabs{display:flex;gap:2px;flex-wrap:wrap;}
.gw-tabs button{border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;padding:10px 12px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-muted);border-radius:0;cursor:pointer;}
.gw-tabs button:hover{color:var(--ink);}
.gw-tabs button.active{color:var(--ink);border-bottom-color:var(--brand);background:transparent;}