/* Gold Star Personnel — shared foundation for every public page.
   Loaded first by app/layout.php (render_head), before each page's own
   stylesheet, so the reset, design tokens, and flag icons live in exactly one
   place. Page-specific rules stay in <page>.css. */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --gold:       #c9932a;
  --gold-light: #f5c842;
  --charcoal:   #111110;
  --charcoal2:  #181816;
  --charcoal3:  #1f1f1c;
  --white:      #ffffff;
  --muted:      rgba(255,255,255,0.45);
}

html { scroll-behavior: smooth; }

/* Flag icons — from lipis/flag-icons (MIT), inlined so no third-party request is
   made, and defined once here so the browser downloads them a single time for
   the whole site instead of once per page. */
.flag {
  display: inline-block;
  width: 20px;
  height: 14px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.flag-sk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23ee1c25' d='M0 0h640v480H0z'/%3E%3Cpath fill='%230b4ea2' d='M0 0h640v320H0z'/%3E%3Cpath fill='%23fff' d='M0 0h640v160H0z'/%3E%3Cpath fill='%23fff' d='M233 370.8c-43-20.7-104.6-61.9-104.6-143.2 0-81.4 4-118.4 4-118.4h201.3s3.9 37 3.9 118.4S276 350 233 370.8'/%3E%3Cpath fill='%23ee1c25' d='M233 360c-39.5-19-96-56.8-96-131.4s3.6-108.6 3.6-108.6h184.8s3.5 34 3.5 108.6C329 303.3 272.5 341 233 360'/%3E%3Cpath fill='%23fff' d='M241.4 209c10.7.2 31.6.6 50.1-5.6 0 0-.4 6.7-.4 14.4s.5 14.4.5 14.4c-17-5.7-38.1-5.8-50.2-5.7v41.2h-16.8v-41.2c-12-.1-33.1 0-50.1 5.7 0 0 .5-6.7.5-14.4s-.5-14.4-.5-14.4c18.5 6.2 39.4 5.8 50 5.6v-25.9c-9.7 0-23.7.4-39.6 5.7 0 0 .5-6.6.5-14.4 0-7.7-.5-14.4-.5-14.4 15.9 5.3 29.9 5.8 39.6 5.7-.5-16.4-5.3-37-5.3-37s9.9.7 13.8.7 13.8-.7 13.8-.7-4.8 20.6-5.3 37c9.7.1 23.7-.4 39.6-5.7 0 0-.5 6.7-.5 14.4s.5 14.4.5 14.4a119 119 0 0 0-39.7-5.7v26z'/%3E%3Cpath fill='%230b4ea2' d='M233 263.3c-19.9 0-30.5 27.5-30.5 27.5s-6-13-22.2-13c-11 0-19 9.7-24.2 18.8 20 31.7 51.9 51.3 76.9 63.4 25-12 57-31.7 76.9-63.4-5.2-9-13.2-18.8-24.2-18.8-16.2 0-22.2 13-22.2 13S253 263.3 233 263.3'/%3E%3C/svg%3E"); }
.flag-de { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23fc0' d='M0 320h640v160H0z'/%3E%3Cpath fill='%23000001' d='M0 0h640v160H0z'/%3E%3Cpath fill='red' d='M0 160h640v160H0z'/%3E%3C/svg%3E"); }