#privacy-ui { font: 15px/1.6 Montserrat, sans-serif; color: #352e29; }
#privacy-ui [hidden] { display:none !important; }
#privacy-banner { position:fixed; z-index:10000; bottom:18px; left:18px; right:18px; max-width:1080px; margin:auto; padding:24px; background:#fffaf3; border:1px solid #b6a078; border-radius:20px; box-shadow:0 8px 36px #352e2930; max-height:85dvh; overflow:auto; }
#privacy-ui h2 {font:600 28px/1.2 'Cormorant Garamond',serif; margin:0 0 12px;}
#privacy-ui p {margin:10px 0;}
.privacy-actions {display:flex; gap:12px; flex-wrap:wrap; margin-top:18px;}
#privacy-ui button {flex:1; border:1px solid #9b855e; border-radius:12px; padding:12px 16px; color:#352e29; background:#fff; font:inherit; cursor:pointer;}
#privacy-ui button:hover {background:#eee4d6;}
#privacy-ui :focus-visible,.privacy-links :focus-visible {outline:3px solid #715b35; outline-offset:3px;}
#privacy-ui a,.privacy-links a {color:inherit; text-decoration:underline;}
#privacy-dialog {color:#352e29; background:#fffaf3; border:1px solid #b6a078; border-radius:20px; padding:28px; width:min(560px,calc(100% - 28px)); max-height:85dvh; overflow:auto;}
#privacy-dialog::backdrop {background:#231d1966;}
.privacy-toggle {display:flex; align-items:center; gap:12px; font-weight:600;}
.privacy-toggle input {width:24px; height:24px; accent-color:#715b35;}
.privacy-links {display:flex; justify-content:center; flex-wrap:wrap; gap:16px; padding:24px; background:#f6f0e8; color:#352e29; font:14px/1.6 Montserrat,sans-serif;}
.privacy-links button {border:0; background:none; color:inherit; font:inherit; text-decoration:underline; cursor:pointer; padding:0;}
.legal-page {max-width:850px; margin:60px auto; padding:24px; line-height:1.8; color:#352e29;}
.legal-page h1 {font:600 clamp(34px,6vw,54px)/1.15 'Cormorant Garamond',serif;}
.legal-page h2 {font-size:22px; margin-top:32px;}
.legal-page a {text-decoration:underline;}
.legal-pending {border-left:4px solid #9b855e; padding:16px; background:#fff3dc;}
@media(max-width:600px) {#privacy-banner {bottom:8px;left:8px;right:8px;padding:18px;} .privacy-actions {flex-direction:column;gap:8px;} #privacy-ui button {width:100%;} #privacy-dialog {padding:20px;}}
