.task-help-entry { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.task-help-entry p { margin: 0; flex: 1 1 220px; }
.task-help-entry button, .task-help-panel button, .task-setup button { border: 1px solid #cbd5e1; border-radius: 8px; background: white; padding: 8px 12px; font-size: 13px; font-weight: 600; color: #17354a; cursor: pointer; }
.task-help-entry button:hover, .task-help-panel button:hover, .task-setup button:hover { background: #edf3f7; }
.task-help-entry button, .task-setup-compact button { padding: 4px 0; border: 0; background: transparent; color: #64748b; font-size: 12px; font-weight: 400; text-decoration: underline; text-underline-offset: 3px; }
.task-help-entry button:hover, .task-setup-compact button:hover { background: transparent; color: #17354a; }
.task-help-panel button:disabled { opacity: .45; cursor: default; }
.task-help-entry button:focus-visible, .task-help-panel :focus-visible, .task-setup button:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.task-help-host { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 0 20px; max-width: 1000px !important; }
.task-help-host > :not(.task-help-panel) { grid-column: 1; min-width: 0; }
.task-help-host > .task-help-panel { grid-column: 2; grid-row: 1 / span 3; }
.task-form-layout > .task-help-panel { grid-row: 1; }
.task-help-panel { padding: 20px; background: #f4f8fa; border: 1px solid #dce5eb; border-radius: 12px; color: #334155; font-size: 14px; line-height: 1.6; overflow-y: auto; max-height: 75dvh; }
.task-form-layout > .task-help-panel { position: sticky; top: 16px; align-self: start; }
.task-help-header, .task-help-controls, .task-setup-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.task-help-panel h2, .task-setup h2 { font-size: 16px; font-weight: 700; color: #17354a; }
.task-help-panel h3, .task-setup h3 { font-weight: 600; color: #17354a; }
.task-help-panel p { margin: 10px 0 16px; }
.task-help-eyebrow { font-size: 12px; color: #526476; margin: 14px 0; }
.task-help-hint { font-size: 12px; }
.task-help-panel details { padding: 12px 0; border-top: 1px solid #dce5eb; }
.task-help-panel summary { cursor: pointer; font-weight: 600; }
.task-help-controls { margin: 16px 0; }
.task-help-target { outline: 3px solid #f97316 !important; outline-offset: 4px; scroll-margin: 16px; }
.task-setup { margin-bottom: 24px; padding: 20px; border: 1px solid #dce5eb; border-radius: 14px; background: #f8fafc; color: #526476; font-size: 14px; }
.task-setup[hidden] { display: none; }
.task-setup.task-setup-compact { padding: 0; margin-bottom: 12px; border: 0; background: transparent; text-align: right; }
.task-setup > p { margin-top: 8px; }
.task-setup-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; padding: 0; margin: 16px 0 0; }
.task-setup-list li { display: flex; gap: 10px; }
.task-setup-list p { font-size: 13px; margin: 6px 0 12px; }
.task-setup-number { display: grid; place-items: center; flex: 0 0 26px; height: 26px; border-radius: 50%; background: #e2e8f0; color: #334155; font-weight: 600; }
.task-setup-list [data-complete="true"] .task-setup-number { background: #dcfce7; color: #166534; }
@media (max-width: 760px) {
  .task-help-host { display: flex; flex-direction: column; }
  .task-help-host > .task-help-panel { order: -1; position: static; max-height: 34dvh; width: 100%; padding: 14px; }
  [data-modal] > .task-help-host { overflow-y: auto; }
  .task-setup-list { grid-template-columns: 1fr; }
}