/* ==========================================================================
   En-tête, marque et pied de page — public/css/components/chrome.css
   Communs aux pages du site (landing, calculateur, résultat, merci, erreurs).
   ========================================================================== */

.site-head { position: relative; z-index: 5; }
.site-head .wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); height: 64px; }
.head-nav { display: none; margin-left: auto; gap: var(--sp-6); align-items: center; font-size: 15px; color: var(--ink-2); }
.head-nav a { text-decoration: none; }
.head-actions { display: flex; align-items: center; gap: var(--sp-3); }
@media (min-width: 900px) { .head-nav { display: flex; } .site-head .wrap { height: 84px; } }

.brand { display: inline-flex; align-items: baseline; gap: 8px; text-decoration: none; color: var(--ink); }
.brand .ko { color: var(--accent-ink); font-size: 26px; font-weight: 600; line-height: 1; }
.brand span:last-child { font: italic 500 26px/1 var(--font-display); }

.site-foot { padding: 40px 0 48px; border-top: 1px solid var(--line-soft); font-size: 14px; color: var(--ink-3); }
.site-foot nav { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-bottom: 14px; }
.site-foot nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink-2); }
.site-foot .brand { margin-bottom: 18px; }