:root{--s4t-c:#333;--s4t-light:color-mix(in srgb,var(--s4t-c) 8%,#fff);--s4t-dark:color-mix(in srgb,var(--s4t-c) 78%,#000)}
.s4t-overlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.55)}
.s4t-overlay[hidden],.s4t-banner[hidden],.s4t-prefs[hidden],.s4t-id[hidden]{display:none}
.s4t-banner{position:fixed;z-index:99999;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:calc(100% - 32px);max-width:560px;max-height:calc(100vh - 32px);overflow-y:auto;margin:0;padding:24px;background:#fff;color:#000;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.18);font-size:15px;line-height:1.5;text-align:left}
.s4t-banner.s4t-bar{top:auto;bottom:16px;transform:translateX(-50%)}
#s4t-banner h2{margin:0 0 8px;padding:0;font-size:22px;line-height:1.3;letter-spacing:0;color:var(--s4t-c)}
#s4t-banner p{font-size:15px;line-height:1.5;margin:0 0 16px}
#s4t-banner a{color:var(--s4t-c);text-decoration:underline}
#s4t-banner .s4t-prefs label{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;cursor:pointer;font-size:15px;font-weight:400;line-height:1.4;text-transform:none;letter-spacing:0}
#s4t-banner .s4t-prefs strong{font-weight:600}
.s4t-prefs input{flex:none;width:18px;height:18px;margin-top:4px;accent-color:var(--s4t-c)}
#s4t-banner .s4t-prefs small{display:block;font-size:13px;font-weight:400;color:#555}
#s4t-banner .s4t-id{font-size:12px;color:#555}
.s4t-actions{display:flex;flex-wrap:wrap;gap:8px}
.s4t-banner .s4t-btn,.s4t-ph .s4t-btn{flex:1 1 140px;padding:10px 14px;border:1px solid var(--s4t-c);border-radius:4px;background:#fff;color:var(--s4t-c);font:inherit;font-size:14px;line-height:1.3;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.s4t-banner .s4t-btn:hover,.s4t-banner .s4t-btn:focus,.s4t-ph .s4t-btn:hover,.s4t-ph .s4t-btn:focus{background:var(--s4t-light);color:var(--s4t-c);border-color:var(--s4t-c)}
.s4t-banner .s4t-btn.s4t-primary,.s4t-ph .s4t-btn.s4t-primary{background:var(--s4t-c);color:#fff}
.s4t-banner .s4t-btn.s4t-primary:hover,.s4t-banner .s4t-btn.s4t-primary:focus,.s4t-ph .s4t-btn.s4t-primary:hover,.s4t-ph .s4t-btn.s4t-primary:focus{background:var(--s4t-dark);color:#fff}
.s4t-banner .s4t-btn:focus-visible,.s4t-ph .s4t-btn:focus-visible{outline:2px solid var(--s4t-c);outline-offset:2px}
.s4t-ph .s4t-btn{flex:none}
.s4t-embed{position:relative;width:100%}
.s4t-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;min-height:300px;height:100%;padding:24px;background:var(--s4t-light);color:#000;font-size:15px;line-height:1.5;text-align:center}
.s4t-embed-youtube .s4t-ph,.s4t-embed-vimeo .s4t-ph{min-height:0;aspect-ratio:16/9}
.s4t-ph p{max-width:440px;margin:0}
.s4t-table-wrap{overflow-x:auto}
.s4t-cookie-table{width:100%;border-collapse:collapse;font-size:14px}
.s4t-cookie-table th,.s4t-cookie-table td{padding:8px;border:1px solid #ddd;text-align:left;vertical-align:top}
@media (max-width:480px){.s4t-ph{min-height:220px;padding:16px}.s4t-embed-youtube .s4t-ph,.s4t-embed-vimeo .s4t-ph{aspect-ratio:auto;min-height:220px}}
