.sf-consent[hidden],.sf-consent [hidden]{display:none!important}
.sf-consent{position:fixed;z-index:10000;inset:auto 16px 64px auto;box-sizing:border-box;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 96px);overflow:auto;padding:24px;background:#fff;color:#182c3c;border:1px solid #9aaab4;border-radius:12px;box-shadow:0 8px 36px #0003;font:400 16px/1.6 Arial,sans-serif;text-align:left}
.sf-consent h2{margin:0 0 10px;color:#182c3c;font:700 22px/1.3 Arial,sans-serif;letter-spacing:normal;text-transform:none}
.sf-consent p{margin:0 0 12px;color:#182c3c;font:400 16px/1.6 Arial,sans-serif}
.sf-consent a{color:#064e6a;text-decoration:underline;font:600 16px/1.6 Arial,sans-serif}
.sf-consent-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sf-consent-actions button,.sf-consent-preferences{min-height:44px;padding:10px 16px;border:1px solid #24465c;border-radius:6px;background:#fff;color:#18394e;font:600 15px/1.4 Arial,sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer;white-space:normal}
.sf-consent-actions button{flex:1 1 180px}
.sf-consent-actions button:hover,.sf-consent-preferences:hover{background:#eaf2f6;color:#18394e}
.sf-consent-actions button:focus-visible,.sf-consent a:focus-visible,.sf-consent-preferences:focus-visible{outline:3px solid #005da8;outline-offset:3px}
.sf-consent-preferences{position:fixed;z-index:9999;inset:auto 16px 12px auto;box-shadow:0 2px 10px #0002;max-width:calc(100% - 32px)}
@media(max-width:480px){.sf-consent{padding:18px;inset:auto 12px 64px;width:calc(100% - 24px)}.sf-consent-actions button{flex-basis:100%}}
/* Course purchase controls stay unobstructed; preferences remain accessible after the footer. */
body[data-course-id]>.sf-consent-preferences{position:static;display:block;inset:auto;margin:16px auto 32px;max-width:calc(100% - 32px)}
@media(max-width:1000px){body[data-course-id]>.sf-consent-preferences{position:static;display:block;inset:auto;margin:16px auto calc(140px + env(safe-area-inset-bottom));max-width:calc(100% - 32px)}}