.card-help-slot{position:relative;min-width:0;display:flex}.card-help-slot>.builder-card{width:100%;height:100%}.manage-page .card-help-trigger{position:absolute;right:8px;top:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:5px;background:#fff;color:#c91523;border:2px solid #657c8b;border-radius:8px;cursor:pointer;min-height:0}.card-help-trigger svg{width:24px;height:20px}.card-help-trigger:focus-visible{outline:3px solid #126fb5;outline-offset:2px}.card-help-dialog{width:min(94vw,560px);max-height:94vh;padding:16px;border:2px solid #526b7b;border-radius:12px;background:white;color:#102c3b;box-sizing:border-box}.card-help-dialog::backdrop{background:rgba(0,0,0,.65)}.card-help-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.card-help-dialog h2{font-size:18px;margin:0}.card-help-dialog button{padding:8px 12px;border:2px solid #526b7b;border-radius:7px;background:#fff;color:#102c3b;cursor:pointer}.card-help-player{width:100%;height:min(66vh,650px);border:0;background:#111}.card-help-dialog p{font-size:13px}.card-help-dialog a{color:#075f9a;text-decoration:underline}

@media(max-width:700px){.card-help-slot>.builder-card{padding-top:34px;min-height:112px}.manage-page .card-help-trigger{width:30px;height:28px;right:3px;top:3px;padding:3px}}

html.card-help-open,html.card-help-open body{overflow:hidden}
@media(max-width:700px){
 .card-help-dialog{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom));overflow:hidden}
 .card-help-dialog[open]{display:flex;flex-direction:column;gap:6px}
 .card-help-dialog header{flex:none;margin:0;min-height:42px}
 .card-help-dialog h2{font-size:16px}
 .card-help-dialog header button{flex:none;min-height:42px}
 .card-help-dialog .card-help-player{display:block;flex:1 1 0;min-height:0;width:100%;height:auto}
 .card-help-dialog p{flex:none;font-size:12px;line-height:1.3;margin:0}
}

.card-help-options{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;flex:none}
.card-help-options button{font-size:12px;min-height:36px;padding:6px 9px}
.card-help-options button[aria-expanded=true]{background:#e6f2fb;border-color:#126fb5}
.card-help-instructions{background:#eff6fa;border:1px solid #617b8b;border-radius:7px;padding:9px;font-size:13px;line-height:1.5;max-height:22vh;overflow:auto;flex:none}
.card-help-instructions[hidden]{display:none}
@media(max-width:700px){.card-help-options{margin:0}.card-help-options button{min-height:36px}.card-help-instructions{font-size:12px}}

.vendor-business-wrapper .card-help-slot>.vendor-dashboard-card{width:100%;height:100%;box-sizing:border-box;padding-top:44px}
.vendor-business-wrapper .card-help-trigger{position:absolute;right:8px;top:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:5px;background:#fff;color:#c91523;border:2px solid #657c8b;border-radius:8px;cursor:pointer}

.campaign-help-heading { align-items: center; justify-content: space-between; gap: 12px; }
.campaign-help-heading h2, .campaign-help-heading h3 { margin: 0; min-width: 0; }
.campaign-help-heading h3 { font-size: 14px; font-weight: 700; }
.campaign-help-heading .card-help-trigger { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; padding: 5px; border: 1px solid #657c8b; border-radius: 8px; background: #fff; color: #c91523; cursor: pointer; }
