/* ========================================================================== VolunHub Design System Based on: Cercetașii României Brand Guidelines (Anexa 2) Framework: Bootstrap 5.3.x with CSS custom property overrides Audience: Young people (scouts), information-dense UI ========================================================================== PAGE LAYOUT — HOUSE RULES (deviations need a reason) 1. Full-width, left-aligned content. Page content fills the container from `templates/base.html` (`{% block container_class %}container{% endblock %}`). Do NOT wrap forms or content in narrow centered columns (e.g. `col-md-6 mx-auto`, `col-lg-8 offset-lg-2`). Forms span the container; lay fields out side-by-side with the Bootstrap grid (`row` + `col-md-6`) instead of stacking them in a narrow center column. If a page genuinely needs more width, override with `container-fluid` — never go narrower. 2. Breadcrumbs before the title on every page. Use the `{% block breadcrumbs %}` slot in `base.html` (rendered before `{% block content %}`) with `