/* Cookie banner, email sign-up and policy links (public/site-extras.js).
 * Text colours are chosen against #0b0c0f for a contrast of at least 7:1. */
.site-extras{box-sizing:border-box;display:grid;gap:18px;padding:26px max(18px,calc((100% - 1180px)/2)) 30px;border-top:1px solid #6d5a2b;background:#0b0c0f;color:#e9e2c9;font:400 15px/1.6 Manrope,'IBM Plex Sans Arabic',Arial,sans-serif}
.site-extras *{box-sizing:border-box}
.site-extras-updates{display:grid;gap:10px;max-width:640px}
.site-extras-updates strong{color:#f3dc9a;font:600 17px/1.4 'Cormorant Garamond','Amiri',Georgia,serif;letter-spacing:.02em}
.site-extras-row{display:flex;flex-wrap:wrap;gap:10px}
.site-extras input[type=email]{flex:1 1 220px;min-width:0;padding:11px 13px;border:1px solid #8a7440;border-radius:8px;background:#14161b;color:#f6f1de;font:inherit}
.site-extras input[type=email]::placeholder{color:#a8a290}
.site-extras input[type=email]:focus-visible,.site-extras button:focus-visible,.site-extras a:focus-visible,.cookie-banner button:focus-visible,.cookie-banner a:focus-visible{outline:2px solid #f3dc9a;outline-offset:2px}
/* Hidden in place. Parking it far off the left edge makes an Arabic page, which can scroll leftwards, ten thousand pixels wide. */
.site-extras-trap{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none;clip-path:inset(50%)}
.site-extras button,.cookie-banner button{padding:11px 18px;border:1px solid #d2a940;border-radius:8px;background:#e3b53e;color:#14110a;font:700 14px/1.2 Manrope,'IBM Plex Sans Arabic',Arial,sans-serif;cursor:pointer}
.site-extras button.site-extras-quiet,.site-extras-links button,.cookie-banner button.cookie-essential{background:transparent;color:#f3dc9a;border-color:#8a7440}
.site-extras-age{display:flex;align-items:flex-start;gap:9px;color:#d8d2bd;font-size:14px}
.site-extras-age input{width:18px;height:18px;margin-top:2px;accent-color:#e3b53e;flex-shrink:0}
.site-extras-status{min-height:1.4em;margin:0;color:#f3dc9a;font-size:14px}
.site-extras-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding-top:16px;border-top:1px solid #2c2817}
.site-extras-links a{color:#f3dc9a;text-decoration:underline;text-decoration-color:#8a7440;text-underline-offset:3px}
.site-extras-links button{padding:7px 12px;font-weight:600}
.cookie-banner{box-sizing:border-box;position:fixed;z-index:400;inset:auto 16px 16px;max-width:760px;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:16px 18px;border:1px solid #d2a940;border-radius:12px;background:#0b0c0f;box-shadow:0 18px 50px #000c;color:#e9e2c9;font:400 14px/1.6 Manrope,'IBM Plex Sans Arabic',Arial,sans-serif}
.cookie-banner p{flex:1 1 300px;margin:0}
.cookie-banner a{color:#f3dc9a;text-decoration:underline;text-underline-offset:3px}
.cookie-banner div{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:560px){.site-extras-row button{flex:1 1 auto}.cookie-banner div{width:100%}.cookie-banner button{flex:1 1 auto}}