#sunnah-consent{font:16px/1.5 system-ui,sans-serif;color:#193f34}#sunnah-consent button{font:inherit;min-height:44px;padding:10px 18px;border:1px solid #28684f;border-radius:8px;background:#fff;color:#174c36;cursor:pointer}#sunnah-consent button:focus-visible,#sunnah-consent input:focus-visible{outline:3px solid #bd8620;outline-offset:3px}#sunnah-consent h2{font-size:21px;line-height:1.3;margin:0 0 8px}#sunnah-consent p{margin:8px 0}.sc-preferences{margin:24px}.sc-banner{position:fixed;z-index:10000;bottom:0;left:0;right:0;padding:22px max(20px,calc((100vw - 1180px)/2));background:#fffdf7;border-top:1px solid #ddd8cb;box-shadow:0 -5px 24px #183c3218;display:flex;gap:28px;align-items:center}.sc-banner[hidden]{display:none}.sc-banner>div:first-child{flex:1}.sc-actions{display:flex;gap:10px;flex-wrap:wrap}#sunnah-consent [data-choice=accept],#sunnah-consent .sc-save{background:#106443;color:white}.sc-option{display:flex;align-items:center;gap:12px;margin:24px 0}.sc-option input{width:24px;height:24px}#sunnah-consent dialog{max-width:460px;width:calc(100% - 64px);border:1px solid #d5ddcf;border-radius:14px;padding:28px;color:inherit}#sunnah-consent dialog::backdrop{background:#173a3466}.sc-close{float:right;margin:-12px -12px 12px 12px}@media(max-width:700px){.sc-banner{flex-direction:column;align-items:stretch;gap:12px;padding:16px 16px max(16px,env(safe-area-inset-bottom))}.sc-actions{display:grid;grid-template-columns:1fr 1fr}.sc-actions button:last-child{grid-column:1/-1}.sc-banner p{font-size:14px}}

/* Mobile consent visibility fix */
.sc-banner{z-index:2147483000;box-sizing:border-box;max-height:85vh;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:700px){.sc-banner{gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px))}.sc-banner h2{font-size:18px!important}.sc-banner p{font-size:13px;line-height:1.45;margin:5px 0}.sc-actions{gap:8px}#sunnah-consent .sc-actions button{font-size:14px;padding:9px 10px;min-height:44px}.sc-actions button:last-child{grid-column:1/-1}}

@media(max-width:700px){.sc-banner{bottom:calc(104px + env(safe-area-inset-bottom,0px));max-height:calc(100vh - 140px - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 140px - env(safe-area-inset-bottom,0px));padding-bottom:14px}}