.st-consent { box-sizing: border-box; width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 24px; border: 1px solid #dad4de; border-radius: 8px; color: #211929; background: #fff; font: 16px/1.5 Arial, sans-serif; overflow: auto; letter-spacing: 0; }
.st-consent::backdrop { background: rgb(12 4 25 / 65%); }
.st-consent *, .st-consent *::before, .st-consent *::after { box-sizing: border-box; }
.st-consent-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.st-consent h2 { margin: 0; font: bold 24px/1.25 Arial, sans-serif; color: #211929; }
.st-consent p { margin: 16px 0; color: #42394a; font: inherit; }
.st-consent button { min-height: 44px; padding: 10px 14px; border: 1px solid #81008b; border-radius: 4px; background: #fff; color: #6e0078; font: bold 15px/1.3 Arial, sans-serif; cursor: pointer; white-space: normal; }
.st-consent button:hover { background: #f9effb; }
.st-consent button:focus-visible, .st-consent input:focus-visible, .st-consent summary:focus-visible, .st-consent a:focus-visible { outline: 3px solid #187285; outline-offset: 3px; }
.st-consent .st-consent-links { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; }
.st-consent .st-consent-links a { display: inline-flex; align-items: center; min-height: 44px; color: #6e0078; text-decoration: underline; text-underline-offset: 3px; }
.st-consent [data-st-close] { flex: 0 0 44px; padding: 0; border-color: transparent; font-size: 26px; }
.st-consent-option { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid #e1dce5; margin: 0; }
.st-consent div.st-consent-option { display: block; }
.st-consent-option span span, .st-consent-option > span:last-child { display: block; font-size: 14px; }
.st-consent-option strong { display: block; font-size: 16px; }
.st-consent input[type="checkbox"] { appearance: auto; flex: 0 0 22px; width: 22px; height: 22px; margin: 0 4px; accent-color: #81008b; }
.st-consent .st-consent-scope { font-size: 13px; }
.st-consent-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.st-consent-primary { margin-bottom: 16px; }
.st-consent-scope summary { min-height: 44px; padding-block: 10px; cursor: pointer; }
.st-consent-actions [data-st-save] { grid-column: 1 / -1; }
.st-consent [data-st-reload] { width: 100%; margin-top: 12px; }
.st-consent [hidden] { display: none !important; }
.st-consent details { margin-top: 16px; }
.st-consent pre { font: 12px/1.4 monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 380px) { .st-consent { padding: 16px; } .st-consent h2 { font-size: 21px; } .st-consent-actions { grid-template-columns: 1fr; } }