.help-launcher { position:fixed; right:22px; bottom:24px; z-index:35; min-height:48px; padding:12px 20px; border:0; border-radius:28px; background:#e4bc7b; color:#211d17; font:600 .9rem Arial,sans-serif; box-shadow:0 6px 24px #0003; }
body:not([data-page="/jw-v2/owner"]) dialog.help-dialog { position:fixed; z-index:45; inset: auto 20px 94px auto; margin:0; width:420px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 118px); padding:0; border:1px solid #b39462; border-radius:20px; background:#fffdf8; color:#242424; overflow:hidden; }
.help-dialog[open] { display:flex; flex-direction:column; }
.help-dialog::backdrop { background:#0008; }
.help-header { display:flex; align-items:center; justify-content:space-between; gap:16px; background:#171615; color:#fffdf8; padding:18px 20px; }
.help-header h2 { font-size:1.4rem; margin:0; color:#e4bc7b; }
.help-header p { font-size:.8rem; margin:5px 0 0; color:#ded4c4; }
.help-close { width:44px; height:44px; flex-shrink:0; padding:0; background:transparent; color:#fff; border:1px solid #71634f; border-radius:50%; font-size:1.8rem; }
.help-intro { padding:16px 20px 8px; font-size:.82rem; line-height:1.5; margin:0; }
.help-topics { display:flex; gap:8px; padding:8px 20px 12px; flex-wrap:wrap; }
.help-topics button,.help-matches button,.help-followup button { min-height:44px; padding:8px 12px; border:1px solid #cdbb9e; border-radius:12px; background:#f3ede3; color:#352b1e; font:inherit; font-size:.84rem; text-align:left; }
.help-messages { overflow-y:auto; overscroll-behavior:contain; padding:4px 20px 14px; min-height:120px; height:280px; flex:1 1 auto; }
.help-message { padding:12px 14px; margin:8px 0; border-radius:14px 14px 14px 2px; background:#eee7db; color:#30291f; font-size:.9rem; line-height:1.55; white-space:pre-line; overflow-wrap:anywhere; }
.help-message.question { background:#252320; color:#fffdf8; margin-left:22px; border-radius:14px 14px 2px 14px; }
.help-matches { display:grid; gap:8px; }
.help-followup { display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:.8rem; margin:10px 0; }
.help-form { border-top:1px solid #ded5c7; padding:12px 20px; flex-shrink:0; }
.help-form label { font-size:.8rem; margin:0 0 6px; display:block; }
.help-form > div { display:flex; gap:8px; }
.help-form input { min-width:0; flex:1; width:100%; min-height:46px; margin:0; padding:10px 12px; border:1px solid #9b8c77; border-radius:10px; background:#fff; color:#242424; font-size:16px; }
.help-form button { min-width:54px; min-height:46px; border:0; border-radius:10px; background:#e4bc7b; color:#211d17; font-weight:600; }
.help-form small { display:block; margin-top:8px; color:#625e56; font-size:.7rem; line-height:1.4; }
.help-footer { display:flex; justify-content:space-between; gap:10px; padding:0 20px 12px; flex-shrink:0; }
.help-footer :is(a,button) { display:inline-flex; align-items:center; min-height:44px; padding:0; border:0; background:none; color:#76531e; font:inherit; font-size:.8rem; text-decoration:underline; text-underline-offset:3px; }
body:has(.site-header nav.open) .help-launcher { display:none; }
@media(max-width:700px) {
 .help-launcher { bottom:calc(98px + env(safe-area-inset-bottom)); right:16px; padding:10px 14px; }
 body:not([data-page="/jw-v2/owner"]) dialog.help-dialog { inset: auto 12px calc(166px + env(safe-area-inset-bottom)) 12px; margin:0; width:auto; max-width:none; max-height:calc(100dvh - 186px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
 .help-intro { font-size:.78rem; }
 .help-header,.help-form { padding:12px 16px; }
 .help-topics { padding:6px 16px 10px; gap:6px; }
 .help-messages { padding-inline:16px; }
 .help-footer { padding-inline:16px; }
}
@media(max-height:560px) { .help-intro,.help-topics,.help-form small { display:none; } .help-header { padding:8px 16px; } .help-messages { min-height:80px; } }
.help-intro { color:#625e56; }
.help-dialog label,.help-followup { color:#514a40; }

.help-launcher { width:56px; height:56px; min-height:56px; padding:0; display:grid; place-items:center; border-radius:50%; }
.help-dialog { box-shadow:0 16px 60px #0005; }
.help-topics { order:0; }
.help-launcher svg { display:block; }
