/* GENERATED by scripts/build_help_site.py from web/dash/styles.css -- edit those, then rebuild.
   Every rule is scoped to .helpc so the dashboard's names (.card, .btn) can't touch the site. */
.helpc {
  
  --ui-accent: #0071f5;
  --ui-accent-strong: #0060d0;
  --ui-accent-soft: #e7f2fe;

  
  --brand: #2563eb;

  
  --nav-bg: #06183e;
  --nav-ink: #d9e2f2;
  --nav-ink-strong: #ffffff;
  --nav-icon: #9fb3d1;
  --nav-hover: rgba(255, 255, 255, 0.07);
  --nav-active: rgba(255, 255, 255, 0.10);
  --nav-line: rgba(255, 255, 255, 0.10);
  --nav-accent: #4da2ff;
  
  --ink: #0f172a;
  --ink-2: #334155;
  --muted: #64748b;
  --line: #e3e8ef;
  --surface: #fff;
  --app-bg: #f9f9ff;

  --danger: #dc2626;
  --danger-soft: #fef2f2;
  --danger-line: #fecaca;

  
  --r-card: 1.5rem;
  --r-field: 0.75rem;

  --shadow-card: 0 24px 60px -24px rgba(15, 23, 42, 0.28),
                 0 2px 6px rgba(15, 23, 42, 0.04);

  --max-w: 1400px;
}
.helpc .card {
  width: 100%;
  
  max-width: 100%;
  min-width: 0;
  background: var(--surface);
  border-radius: var(--r-card);
  box-shadow: var(--shadow-card);
}
.helpc .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border: 1px solid transparent;
  border-radius: var(--r-field);
  font: inherit;
  font-size: 1.0625rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, transform 0.06s;
}
.helpc .bill__stepper .btn { width: 2.25rem; padding-left: 0; padding-right: 0; justify-content: center; font-size: 1.125rem; }
.helpc .btn:active:not(:disabled) { transform: translateY(1px); }
.helpc .btn:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }
.helpc .btn--primary { background: var(--ui-accent); color: #fff; }
.helpc .btn--primary:hover:not(:disabled) { background: var(--ui-accent-strong); }
.helpc .btn:disabled { opacity: 0.65; cursor: not-allowed; }
.helpc .confirm__actions .btn { padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .btn.is-loading .spinner { display: block; }
.helpc .btn.is-loading .btn__label { opacity: 0.85; }
@media (prefers-reduced-motion: reduce) {
  .helpc .btn:active:not(:disabled) { transform: none; }
}
.helpc .topbar__user .btn { margin-left: 0.625rem; }
.helpc .card.pad { padding: 1.5rem; border: 1px solid var(--line); box-shadow: none; }
.helpc .modal__foot .btn { padding: 0.5rem 0.875rem; font-size: 0.875rem; }
.helpc .tm-shared a.btn { text-decoration: none; }
.helpc .svc-panel__head .btn { white-space: nowrap; flex: none; }
.helpc .capshot__foot .btn { padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .cropm__foot .btn { padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .thumbpick__foot .btn { padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .videorow__meta .btn { margin-top: 0.375rem; }
.helpc .savebar .btn { padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .editor__bar .btn { padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
@media (max-width: 60rem) {
  .helpc .savebar__actions .btn { flex: 1; }
}
.helpc .s-new { background: var(--ui-accent-soft); color: var(--ui-accent); }
.helpc .s-sent { background: #dcfce7; color: #16a34a; }
.helpc .s-consult { background: #f1ebfe; color: #8106f0; }
.helpc .s-booking { background: #ffedd5; color: #ea580c; }
.helpc .s-preparing { background: #fef3c7; color: #b45309; }
.helpc .payrow__actions .btn { flex: none; padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .notes-tools .btn.is-busy { opacity: 0.6; pointer-events: none; }
.helpc .pvrec__foot .btn { padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .grade-bar__send .btn { padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .card[hidden] { display: none !important; }
.helpc .rv-edit__foot .btn { padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .gsimlock .btn { flex: none; }
.helpc .gsimlock .btn:disabled { opacity: 1; background: var(--ui-accent-soft); color: var(--ui-accent); border-color: transparent; cursor: default; }
.helpc .aiknow__foot .btn { flex: none; }
.helpc .photo-actions .btn { min-width: 0; font-size: 0.90625rem; white-space: nowrap; }
.helpc .wh-secret .btn { flex: none; }
.helpc .card > [hidden] { display: none !important; }
.helpc .is-inherited .btn:disabled { opacity: 0.5; pointer-events: none; }
.helpc .card.is-flagged { animation: cardflag 2.2s ease-out 1; }
@media (prefers-reduced-motion: reduce) {
  .helpc .card.is-flagged { animation: none; }
}
.helpc .topbar__user .acct .btn { margin-left: 0; }
.helpc .recs__acts a.btn { text-decoration: none; }
.helpc { display: grid; gap: 1.25rem; }
.helpc .help__search { display: flex; align-items: center; gap: 0.875rem; padding: 0 0.75rem 0 1.25rem; height: 3.75rem;
  background: var(--surface); border: 1px solid var(--line); border-radius: 1.25rem; box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05); }
.helpc .help__search:focus-within { border-color: var(--ui-accent); box-shadow: 0 0 0 3px var(--ui-accent-soft); }
.helpc .help__search > svg { width: 1.375rem; height: 1.375rem; fill: none; stroke: var(--ink-2); stroke-width: 1.9; flex: none; }
.helpc .help__search input { flex: 1; min-width: 0; border: 0; outline: none; background: none; font: inherit; font-size: calc(1rem - 2px); color: var(--ink); }
.helpc .help__topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.helpc .help__topic { padding: 1.5rem 1.5rem 0.75rem; }
.helpc .help__topichead { display: flex; gap: 1.125rem; align-items: center; padding-bottom: 1rem; }
.helpc .help__topicicon { flex: none; width: 3.15rem; height: 3.15rem; border-radius: 0.9rem; background: var(--ui-accent-soft);
  display: flex; align-items: center; justify-content: center; color: var(--ui-accent); }
.helpc .help__topicicon svg { width: 1.575rem; height: 1.575rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.helpc .help__topichead h2 { margin: 0; font-size: calc(1.25rem - 3px); font-weight: 700; color: var(--ink); letter-spacing: -0.01em; }
.helpc .help__topichead p { margin: 0.25rem 0 0; font-size: calc(0.875rem - 1px); color: var(--muted); line-height: 1.45; }
.helpc .help__list { list-style: none; margin: 0; padding: 0; }
.helpc .help__list li + li a, .helpc .help__list li:first-child a { border-top: 1px solid var(--line); }
.helpc .help__list a { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.8rem 0;
  font-size: calc(0.9375rem - 1px); color: var(--ink-2); text-decoration: none; }
.helpc .help__list a svg { width: 1rem; height: 1rem; fill: none; stroke: var(--muted); stroke-width: 2; flex: none; transition: transform 0.12s; }
.helpc .help__list a:hover { color: var(--ui-accent); }
.helpc .help__list a:hover svg { stroke: var(--ui-accent); transform: translateX(2px); }
@media (min-width: 1101px) {
  .helpc.is-searching { padding-right: calc(21.5rem - 100px); }
}
.helpc .help__clear { flex: none; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border: 0; border-radius: 0.625rem;
  background: none; color: var(--ink-2); cursor: pointer; }
.helpc .help__clear:hover { background: #f1f5f9; }
.helpc .help__clear[hidden] { display: none; }
.helpc .help__clear svg { width: 1.125rem; height: 1.125rem; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.helpc .help__search input::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
.helpc .help__stuck { display: flex; align-items: center; gap: 1.125rem; padding: 1rem 1.25rem; flex-wrap: wrap; }
.helpc .help__stuckicon { flex: none; width: 3.5rem; height: 3.5rem; border-radius: 1rem; background: var(--ui-accent-soft); color: var(--ui-accent);
  display: flex; align-items: center; justify-content: center; }
.helpc .help__stuckicon svg { width: 1.75rem; height: 1.75rem; fill: none; stroke: currentColor; stroke-width: 1.7; }
.helpc .help__stucktxt { flex: 1; min-width: 12rem; }
.helpc .help__stucktxt strong { font-size: calc(1.125rem - 1px); color: var(--ink); }
.helpc .help__stucktxt p { margin: 0.2rem 0 0; font-size: 0.875rem; color: var(--muted); }
.helpc .help__stuckbtn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5625rem 1.125rem; font-size: 0.9375rem; }
.helpc .help__stuckbtn svg { width: 0.875rem; height: 0.875rem; fill: none; stroke: currentColor; stroke-width: 2.2; }
.helpc .help__crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; font-size: 0.9375rem; color: var(--muted); }
.helpc .help__crumbs a { color: var(--ui-accent); text-decoration: none; }
.helpc .help__crumbs a:hover { text-decoration: underline; }
.helpc .help__crumbs svg { width: 0.875rem; height: 0.875rem; fill: none; stroke: var(--muted); stroke-width: 2; }
.helpc .help__layout { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: 1.5rem; align-items: start; }
.helpc .help__main { display: grid; gap: 1.25rem; min-width: 0; }
.helpc .help__title { margin: calc(0.25rem + 10px) 0 0; font-size: calc(2.5rem - 8px); line-height: 1.15; font-weight: 800; letter-spacing: -0.025em; color: var(--ink); }
.helpc .help__lead { margin-top: -0.5rem; font-size: calc(1.0625rem - 2px); line-height: 1.6; color: var(--muted); max-width: 52rem; }
.helpc .help__lead p { margin: 0 0 0.5rem; }
.helpc .help__lead p:last-child { margin-bottom: 0; }
.helpc .help__lead:has(.help__panels) { max-width: none; }
.helpc .help__lead > .help__panels:last-child { margin-bottom: 0; }
.helpc .help__section { padding: 1.5rem 1.75rem; font-size: 0.9375rem; line-height: 1.65; color: var(--ink-2); }
.helpc .help__section h2 { margin: 0 0 1rem; font-size: 1.375rem; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); scroll-margin-top: 1.5rem; }
.helpc .help__section h3 { margin: 1.25rem 0 0.375rem; font-size: 1rem; color: var(--ink); }
.helpc .help__section p { margin: 0 0 0.875rem; }
.helpc .help__section > :last-child { margin-bottom: 0; }
.helpc .help__section ul, .helpc .help__section ol { margin: 0 0 1rem; padding-left: 1.375rem; display: grid; gap: 0.375rem; }
.helpc .help__section code { font-size: 0.8125rem; background: #f1f5f9; padding: 0.1rem 0.35rem; border-radius: 0.3rem; }
.helpc .help__section a, .helpc .help__lead a { color: var(--ui-accent); text-decoration: none; }
.helpc .help__section a:hover, .helpc .help__lead a:hover { text-decoration: underline; }
.helpc .help__section ol.help__steps { list-style: none; padding: 0; gap: 0; margin: 0; }
.helpc .help__steps li { position: relative; display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1.25rem; }
.helpc .help__steps li:not(:last-child)::before { content: ""; position: absolute; left: 1.5rem; top: 3.25rem; bottom: -0.25rem;
  border-left: 2px dotted #c7d7ee; transform: translateX(-1px); }
.helpc .help__stepnum { width: 3rem; height: 3rem; border-radius: 50%; background: var(--ui-accent-soft); color: var(--ui-accent);
  display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 700; margin-top: 0.75rem; }
.helpc .help__steptxt { padding: 0.875rem 0 1.125rem; }
.helpc .help__steps li:not(:last-child) .help__steptxt { border-bottom: 1px solid var(--line); }
.helpc .help__steptxt > strong { display: block; font-size: 1.0625rem; color: var(--ink); margin-bottom: 0.25rem; }
.helpc .help__steptxt p strong { color: var(--ink-2); }
.helpc .help__steptxt p { margin: 0; color: var(--muted); }
.helpc .help__note { display: flex; align-items: center; gap: 1rem; margin: 0 0 1rem; padding: 0.875rem 1.125rem;
  border-radius: 0.875rem; background: var(--ui-accent-soft); color: var(--ink-2); font-size: 0.875rem; line-height: 1.55; }
.helpc .help__noteicon { flex: none; width: 1.375rem; height: 1.375rem; fill: none; stroke: var(--ui-accent); stroke-width: 1.8;
  padding-right: 1rem; box-sizing: content-box; border-right: 1px solid #c9dcf7; }
.helpc .help__notetxt strong { color: var(--ink); }
.helpc .help__secsub { margin: -0.5rem 0 1.125rem !important; color: var(--muted); font-size: 0.9375rem; }
.helpc .help__itemicon { width: 2.25rem; height: 2.25rem; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; }
.helpc :where(.help__itemicon) { background: var(--ui-accent-soft); color: var(--ui-accent); }
.helpc .help__itemicon svg { width: 1.125rem; height: 1.125rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.helpc .help__dottile i { width: 0.625rem; height: 0.625rem; border-radius: 50%; background: currentColor; }
.helpc .help__panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; margin: 0 0 1.125rem; }
.helpc .help__panel { padding: 1.25rem; border: 1px solid var(--line); border-radius: 1.125rem; background: var(--surface);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04); }
.helpc .help__panel h3 { margin: 0 0 0.25rem; font-size: 1.125rem; font-weight: 700; color: var(--ink); }
.helpc .help__panel > p { margin: 0 0 1rem; color: var(--muted); font-size: 0.875rem; line-height: 1.5; }
.helpc .help__prows { display: grid; gap: 0.625rem; }
.helpc .help__prow { display: flex; align-items: center; gap: 0.875rem; padding: 0.75rem 0.875rem; border: 1px solid var(--line); border-radius: 0.875rem; }
.helpc .help__prow .help__itemicon { flex: none; width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; }
.helpc .help__prow .help__itemicon svg { width: 1.5rem; height: 1.5rem; }
.helpc .help__prow > div > strong { display: block; font-size: 0.9375rem; color: var(--ink); line-height: 1.35; }
.helpc .help__prow > div > span { display: block; font-size: 0.875rem; color: var(--muted); line-height: 1.45; }
.helpc .help__prow > div > span strong { color: var(--ink-2); }
@media (max-width: 1280px) {
  .helpc .help__panels { grid-template-columns: 1fr; }
}
.helpc .help__panels--one { grid-template-columns: 1fr; }
.helpc .help__panel .help__fig { margin: 0 0 1rem; }
.helpc .help__vflow { margin: 0.25rem 0 1.25rem; }
.helpc .help__vstep { display: grid; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr); gap: 1.125rem; align-items: center;
  padding: 0.75rem; border: 1px solid var(--line); border-radius: 1rem; background: #f8fafd; }
.helpc .help__vimg { display: block; border-radius: 0.625rem; overflow: hidden; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); }
.helpc .help__vimg img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.helpc .help__vtxt { display: flex; align-items: flex-start; gap: 0.75rem; }
.helpc .help__vnum { flex: none; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%;
  background: var(--ui-accent-soft); color: var(--ui-accent); font-size: 0.8125rem; font-weight: 700; }
.helpc .help__vtxt strong { display: block; font-size: 1rem; color: var(--ink); line-height: 1.35; margin-bottom: 0.15rem; }
.helpc .help__vtxt span:not(.help__vnum) { display: block; font-size: 0.875rem; color: var(--muted); line-height: 1.5; }
.helpc .help__varrow { display: flex; justify-content: center; padding: 0.3rem 0; color: #94a3b8; }
.helpc .help__varrow svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 640px) {
  .helpc .help__vstep { grid-template-columns: 1fr; }
}
.helpc .help__flow { display: flex; align-items: center; gap: 0.625rem; margin: 0.25rem 0 1.125rem; }
.helpc .help__flowstep { flex: 1; min-width: 0; display: flex; align-items: center; gap: 0.75rem; padding: calc(0.875rem - 1px) 1rem; border-radius: 0.875rem; background: #f3f7fe; }
.helpc .help__flowstep .help__itemicon { width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; background: var(--ui-accent-soft); color: var(--ui-accent); }
.helpc .help__flowstep strong { display: block; font-size: calc(1.0625rem - 2px); color: var(--ink); }
.helpc .help__flowstep span { color: var(--muted); font-size: calc(0.875rem - 1px); white-space: nowrap; }
.helpc .help__flowarrow { color: #94a3b8; font-size: 1.375rem; flex: none; }
@media (max-width: 760px) {
  .helpc .help__flow { flex-direction: column; align-items: stretch; }
  .helpc .help__flowarrow { transform: rotate(90deg); align-self: center; }
}
.helpc .help__fig { margin: 0.5rem 0 1.25rem; }
.helpc .help__fig img { display: block; max-width: 100%; border: 1px solid var(--line); border-radius: 0.75rem; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06); }
.helpc .help__fig figcaption { margin-top: 0.5rem; font-size: 0.8125rem; color: var(--muted); }
.helpc .help__aside { position: sticky; top: 1.25rem; padding: 1.25rem; display: grid; gap: 1.25rem; }
.helpc .help__asideblock { display: grid; gap: 0.25rem; }
.helpc .help__asideblock + .help__asideblock { border-top: 1px solid var(--line); padding-top: 1.25rem; }
.helpc .help__asidelabel { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 0.5rem; }
.helpc .help__toclink { position: relative; display: block; padding: 0.55rem 0.875rem; border-radius: 0.625rem; font-size: 0.9375rem;
  color: var(--ink-2); text-decoration: none; }
.helpc .help__toclink:hover { color: var(--ui-accent); }
.helpc .help__toclink.is-on { background: var(--ui-accent-soft); color: var(--ui-accent); }
.helpc .help__toclink.is-on::before { content: ""; position: absolute; left: 0; top: 0.4rem; bottom: 0.4rem; width: 3px; border-radius: 3px; background: var(--ui-accent); }
.helpc .help__related { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0.375rem; font-size: 0.9375rem; color: var(--ink-2); text-decoration: none; border-radius: 0.5rem; }
.helpc .help__related:hover { color: var(--ui-accent); }
.helpc .help__related svg { width: 1.25rem; height: 1.25rem; flex: none; fill: none; stroke: var(--muted); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.helpc .help__related:hover svg { stroke: var(--ui-accent); }
@media (max-width: 1100px) {
  .helpc .help__layout { grid-template-columns: 1fr; }
  .helpc .help__aside { position: static; }
}
@media (max-width: 960px) {
  .helpc .help__topics { grid-template-columns: 1fr; }
  .helpc .help__title { font-size: 2rem; }
  .helpc .help__section { padding: 1.25rem; }
}

/* The page around it, on the website. */
.hcp { background: #f9f9ff; border-bottom: 1px solid var(--line); }
.hcp__inner { max-width: 1240px; margin: 0 auto; padding: 56px 40px 96px; }
.hcp__head h1 { margin: 0 0 8px; font-size: 44px; line-height: 1.1; font-weight: 800; letter-spacing: -0.02em; color: #0f172a; }
.hcp__head p { margin: 0 0 32px; font-size: 18px; color: #64748b; }
.helpc { font-size: 0.95rem; }
/* The site resets every list to no markers (website/styles.css); the dashboard leaves an article's
   lists at the browser's own bullets and numbers. Put them back, for article lists only -- the
   topic lists and the numbered step cards have none on purpose. */
.helpc .help__section ul:not([class]), .helpc .help__lead ul:not([class]) { list-style: disc; }
.helpc .help__section ol:not([class]), .helpc .help__lead ol:not([class]) { list-style: decimal; }
.helpc .help__toclink { display: block; }
.helpc .help__result { text-decoration: none; color: inherit; }
@media (max-width: 760px) {
  .hcp__inner { padding: 32px 16px 64px; }
  .hcp__head h1 { font-size: 32px; }
  .helpc .help__layout { display: block; }
  .helpc .help__aside { display: none; }
}