/* Shared header / footer / cookie banner chrome, matching the homepage design system. */

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:700;font-size:16px;text-decoration:none;border-radius:999px;padding:15px 28px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease}
.btn-primary{background:var(--yellow);color:var(--black)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--white);border-color:#3a3a3a}
.btn-ghost:hover{border-color:var(--white)}
.btn-sm{padding:10px 20px;font-size:14px}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:80;background:rgba(8,8,8,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.site-logo{font-weight:900;font-size:18px;letter-spacing:-.02em;color:var(--white);text-decoration:none;flex:none}
.site-logo span{color:var(--yellow)}
.site-nav{display:flex;gap:28px}
.site-nav a{color:var(--grey);font-size:15px;font-weight:600;text-decoration:none}
.site-nav a:hover{color:var(--white)}
.site-header-cta{flex:none}
@media(max-width:760px){.site-nav{display:none}}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--line);padding:48px 0 40px;color:var(--grey);font-size:14px}
.site-footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.site-footer .legal-links{margin-top:6px;display:inline-block}
.site-footer .legal-links a{color:var(--grey)}
.site-footer .legal-links a:hover{color:var(--yellow)}
.site-footer .socials{display:flex;gap:10px}
.site-footer .socials a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--grey)}
.site-footer .socials a:hover{color:var(--yellow);border-color:var(--yellow)}
.site-footer .socials svg{width:18px;height:18px}

/* ---------- Cookie banner ---------- */
.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--panel);border-top:1px solid var(--line);padding:18px 0}
.cookiebar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cookiebar p{color:var(--grey);font-size:14px;max-width:60ch;margin:0}
.cookiebar-actions{display:flex;gap:10px;flex:none}
@media(max-width:640px){.cookiebar-inner{flex-direction:column;align-items:stretch}.cookiebar-actions{justify-content:flex-end}}