.act-help-entry { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 16px 0 24px; }
:is(#exploreActHelpButton, #askPageHelpButton, #constitutionalHelpButton) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 9px 14px; border: 1px solid #a9bdd6; border-radius: 6px;
  background: transparent; color: #f7f2e8; font: 500 15px/1.4 var(--font-body, sans-serif); cursor: pointer;
}
:is(#exploreActHelpButton, #askPageHelpButton, #constitutionalHelpButton) svg { width: 18px; height: 18px; flex: none; }
:is(#exploreActHelpButton, #askPageHelpButton, #constitutionalHelpButton):hover { background: rgb(247 242 232 / 10%); border-color: #f7f2e8; }
.act-help-duration { color: #a9bdd6; font-size: 13px; }
:is(#exploreActHelpButton, #askPageHelpButton, #constitutionalHelpButton):focus-visible, .act-help-dialog button:focus-visible, .act-help-dialog a:focus-visible {
  outline: 2px solid var(--accent, #d4a017); outline-offset: 3px;
}
.act-help-dialog {
  box-sizing: border-box; width: min(1200px, calc(100% - 32px));
  max-height: calc(100dvh - 32px); padding: clamp(16px, 2.5vw, 28px); overflow: auto;
  border: 1px solid var(--border, #d3cbbb); border-radius: 12px;
  background: var(--panel-bg, #fff); color: var(--text-primary, #252525); font-family: var(--font-body, sans-serif);
}
.act-help-dialog::backdrop { background: rgb(0 0 0 / 70%); }
.act-help-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.act-help-heading h2 { margin: 0; font-size: 1.25rem; line-height: 1.4; }
.act-help-close {
  flex: none; min-height: 44px; padding: 8px 14px; border: 1px solid currentColor; border-radius: 6px;
  background: transparent; color: inherit; font: inherit; cursor: pointer;
}
.act-help-close:hover { background: var(--bg, #f5f1e8); }
.act-help-dialog p { line-height: 1.6; }
.act-help-dialog video { display: block; width: 100%; max-height: 70dvh; background: #000; }
.act-help-dialog a { color: var(--accent, #71551c); }
@media (max-width: 480px) {
  .act-help-entry { gap: 8px; }
  .act-help-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); }
  .act-help-heading h2 { font-size: 1.1rem; }
}
@media print { .act-help-entry, .act-help-dialog { display: none !important; } }