/* Help pages: same layout as the timesheet's help (production/public/help.css), on base.css. */
.help-main { max-width: 1050px; }
.help-main header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 22px 0; border-bottom: 1px solid var(--line); margin-bottom: 24px; }
.help-main h1 { font-size: 28px; }
.help-main p, .help-main li { line-height: 1.65; }
.help-main a { color: var(--ink); }
.help-main .sched-button { color: #16222c; }
.help-start, .help-contents { padding: 22px; background: var(--raised); border: 1px solid var(--line); border-radius: 12px; margin: 20px 0; }
.help-start ol { display: flex; flex-wrap: wrap; gap: 18px 36px; padding-left: 22px; margin-bottom: 0; }
.help-tools { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; margin: 24px 0; }
.help-tools label { flex: 1; min-width: 220px; }
.help-contents ul { columns: 2; padding-left: 22px; margin-bottom: 0; }
.help-topic { padding: 0; background: var(--raised); border: 1px solid var(--line); border-radius: 12px; margin: 14px 0; scroll-margin-top: 20px; }
.help-topic summary { padding: 20px; font-weight: 700; cursor: pointer; font-size: 17px; }
.help-body { padding: 0 22px 12px; }
.help-body table { width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 12px; }
.help-body th, .help-body td { text-align: left; vertical-align: top; padding: 10px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.help-note { padding: 10px 14px; border-radius: 9px; background: var(--paper); color: var(--muted); font-size: 14px; }
.help-swatch { display: inline-block; width: 22px; height: 12px; border-radius: 3px; vertical-align: middle; margin-right: 6px; }
.help-footer { margin: 35px 0; color: var(--muted); font-size: 13px; }
#help-empty { padding: 16px; background: var(--raised); }
[data-mode][hidden] { display: none !important; }
@media (max-width: 640px) {
  .help-main h1 { font-size: 24px; } .help-contents ul { columns: 1; } .help-tools label { min-width: 100%; }
  .help-topic summary { padding: 16px; } .help-body { padding: 0 16px 10px; } .help-start ol { display: block; } .help-start li { margin: 8px 0; }
  .help-body table { font-size: 12px; } .help-body td, .help-body th { padding: 6px; }
}
@media print {
  .help-tools, .help-contents, .help-footer, .help-main header a, #help-empty { display: none !important; }
  .help-topic { border: 0; margin: 16px 0; } .help-topic summary { padding: 0 0 8px; } .help-body { padding: 0; }
  .help-body tr { break-inside: avoid; } .help-main { max-width: none; }
}