.privacy-modal { max-height: min(86dvh, 780px); overflow-y: auto; }
.privacy-modal a, .privacy-page a { color: #d8efc2; }
.privacy-modal form, .privacy-page form { display: grid; gap: 1rem; }
.privacy-modal label, .privacy-page label { display: grid; gap: .5rem; color: #d2d7df; font-size: .875rem; }
.privacy-modal input, .privacy-modal textarea, .privacy-modal select, .privacy-page input {
  min-width: 0; width: 100%; min-height: 48px; padding: .75rem; border: 1px solid #69717c; border-radius: 12px;
  font: inherit; color: #f3f2ef; background: #10151c; box-sizing: border-box;
}
.privacy-modal details { margin-block: 1.5rem; padding-block: 1rem; border-top: 1px solid #49515c; }
.privacy-modal summary { cursor: pointer; min-height: 44px; }
.privacy-report { display: inline-flex; align-items: center; min-height: 44px; }
.privacy-modal .privacy-export { display: grid; gap: .5rem; margin-block: 1rem; justify-items: start; }
.privacy-modal .privacy-export p, .privacy-modal p.privacy-export { margin: 0; color: #c3c9d1; font-size: .875rem; }
.privacy-page { margin: 0; padding: 24px; background: #0b0f16; color: #f3f2ef; font: 16px/1.7 system-ui,sans-serif; }
.privacy-page main { max-width: 720px; margin: 32px auto; }
.privacy-page h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.12; }
.privacy-page h2 { margin-top: 2rem; font-size: 1.35rem; }
.privacy-page p { color: #c3c9d1; }
.privacy-page nav { display: flex; flex-wrap: wrap; gap: 20px; }
.privacy-page button { padding: 12px 18px; min-height: 48px; font: inherit; border: 0; border-radius: 16px; background: #d8efc2; color: #182214; cursor: pointer; }
.privacy-page :focus-visible { outline: 3px solid #d8efc2; outline-offset: 3px; }
.privacy-page li { color: #c3c9d1; margin-block: .35rem; }
.privacy-page li strong { color: #f3f2ef; }
.privacy-page mark { padding: 0 .25em; border-radius: 4px; background: #3d3520; color: #ffe7a3; }