/* Shared privacy & cookie-consent UI: the banner and the settings modal.
   One copy for every page that includes the consent markup; consent logic
   lives in js/consent.js. Built on the foundation tokens in site-chrome.css. */
.consent-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:10000;max-width:620px;margin:auto;background:var(--color-surface);color:var(--color-text);border:1px solid #333;border-radius:var(--radius-layer);padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.35);font-family:var(--font-ui);text-align:left}
.consent-banner[hidden],.consent-modal[hidden]{display:none!important}
.consent-banner h2,.consent-modal h2{font-size:16px;font-weight:500;margin:0 0 8px;text-transform:none;letter-spacing:normal;text-align:left}
.consent-banner p,.consent-modal p{font-size:12px;line-height:1.55;color:var(--color-text-secondary);margin:0;text-align:left}
.consent-banner a,.consent-modal a{color:var(--color-text);text-underline-offset:3px}
.consent-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.consent-btn{appearance:none;border:1px solid #444;background:transparent;color:var(--color-text);border-radius:var(--radius-pill);padding:10px 15px;font:inherit;font-family:var(--font-ui);font-size:12px;cursor:pointer}
.consent-btn.primary{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text)}
.consent-btn:hover{opacity:.82}
.consent-modal{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.68);display:flex;align-items:center;justify-content:center;padding:20px;font-family:var(--font-ui);text-align:left}
.consent-panel{width:100%;max-width:520px;background:var(--color-surface);color:var(--color-text);border:1px solid #333;border-radius:var(--radius-layer);padding:22px}
.consent-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid var(--color-line)}
.consent-row:first-of-type{margin-top:18px}
.consent-row strong{display:block;font-size:13px;font-weight:500;margin-bottom:4px}
.consent-row span{font-size:11px;color:var(--color-text-muted);line-height:1.4}
.cookie-settings-link{cursor:pointer;text-decoration:underline;text-underline-offset:3px;background:none;border:0;color:inherit;font:inherit;padding:0}
@media(max-width:560px){.consent-banner{left:10px;right:10px;bottom:10px}
.consent-actions{display:grid;grid-template-columns:1fr 1fr}
.consent-actions .primary{grid-column:1/-1}
.consent-btn{width:100%}
}