/* Helpful, optional task shortcuts. No layout movement or competing loops. */
html#etc-ds#etc-ds .etc-context-help {
  --help-bg: #fff; --help-ink: #153b31; --help-muted: #526b61;
  --help-edge: #d6e6dd; --help-soft: #f1f7f3; --help-accent: #0c7053;
  position: fixed; z-index: 1055; left: 24px; bottom: max(24px, env(safe-area-inset-bottom));
  width: 386px; max-width: calc(100vw - 88px);
  max-height: calc(100vh - 160px); max-height: calc(100dvh - 160px);
  overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box;
  padding: 20px; border: 1px solid var(--help-edge); border-top: 3px solid var(--help-accent);
  border-radius: 18px; background: var(--help-bg); color: var(--help-ink);
  box-shadow: 0 16px 55px #163e3126, 0 3px 10px #163e310d;
  font-family: inherit; font-size: 14px; line-height: 1.5; text-align: left;
}
html#etc-ds#etc-ds .etc-context-help *,
html#etc-ds#etc-ds .etc-context-help *::before,
html#etc-ds#etc-ds .etc-context-help *::after { box-sizing: border-box; }
html#etc-ds#etc-ds .etc-help-top { display: flex; align-items: center; gap: 8px; margin: -8px -9px 8px 0; }
html#etc-ds#etc-ds .etc-help-visual { display: block; width: calc(100% + 40px); max-width: none !important; height: auto !important; aspect-ratio: 3 / 1; margin: -20px -20px 16px; object-fit: cover; background: #d3d8c8; }
html#etc-ds#etc-ds .has-visual .etc-help-top { margin: 0 0 10px; }
html#etc-ds#etc-ds .has-visual .etc-help-close { position: absolute; top: 8px; right: 8px; color: #153b31; background: #fffffff2; border-color: #ffffffc0; box-shadow: 0 2px 10px #142e2520; }
html#etc-ds#etc-ds .etc-help-kicker { flex: 1; font-size: 11px; font-weight: 700; letter-spacing: .035em; color: var(--help-accent); }
html#etc-ds#etc-ds .etc-help-close { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid transparent; border-radius: 50%; background: transparent; color: var(--help-muted); font: 400 28px/1 Arial,sans-serif; cursor: pointer; }
html#etc-ds#etc-ds .etc-help-title { margin: 0 0 10px !important; padding: 0; font-size: 22px !important; font-weight: 750; line-height: 1.2 !important; letter-spacing: -.02em; color: var(--help-ink) !important; }
html#etc-ds#etc-ds .etc-help-copy { margin: 0 0 18px; font-size: 14px; line-height: 1.55; color: var(--help-muted); }
html#etc-ds#etc-ds .etc-help-cta { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid var(--help-accent); border-radius: 10px; background: var(--help-accent) !important; color: #fff !important; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none !important; }
html#etc-ds#etc-ds .etc-help-arrow { flex: 0 0 auto; font-size: 18px; line-height: 1; }
html#etc-ds#etc-ds .etc-help-note { margin: 10px 0 14px; color: var(--help-muted); font-size: 11px; line-height: 1.5; }
html#etc-ds#etc-ds .etc-help-secondary { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 12px; padding-top: 4px; border-top: 1px solid var(--help-edge); }
html#etc-ds#etc-ds .etc-help-link { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; background: none; border: 0; border-radius: 3px; color: var(--help-muted); font: inherit; font-size: 12px; line-height: 1.35; text-align: left; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
html#etc-ds#etc-ds .etc-help-secondary .etc-help-link:first-child { color: var(--help-accent); font-weight: 650; }
html#etc-ds#etc-ds .etc-help-tools { display: grid; gap: 8px; }
html#etc-ds#etc-ds .etc-help-tool { display: flex; align-items: center; gap: 12px; min-height: 66px; padding: 12px; border: 1px solid var(--help-edge); border-radius: 12px; background: var(--help-soft); color: var(--help-ink) !important; text-decoration: none !important; }
html#etc-ds#etc-ds .etc-help-tool > i { display: flex; align-items: center; justify-content: center; width: 28px; flex: 0 0 28px; color: var(--help-accent); font-size: 20px; }
html#etc-ds#etc-ds .etc-help-tool > span:not(.etc-help-arrow) { flex: 1; min-width: 0; }
html#etc-ds#etc-ds .etc-help-tool strong { display: block; color: inherit; font-size: 14px; line-height: 1.35; }
html#etc-ds#etc-ds .etc-help-tool small { display: block; margin-top: 3px; color: var(--help-muted); font-size: 11px; line-height: 1.4; }
html#etc-ds#etc-ds .etc-help-preference { margin-top: 10px; }
html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .etc-help-menu-entry { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid var(--hb-edge); border-radius: 9px; background: var(--hb-surface); color: var(--hb-ink); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .etc-help-menu-entry i { color: var(--hb-ink); }
html#etc-ds#etc-ds .etc-context-help :is(a,button):focus-visible,
html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .etc-help-menu-entry:focus-visible { outline: 3px solid #54a6e2; outline-offset: 3px; }
html#etc-ds#etc-ds .etc-help-close:hover { background: var(--help-soft); border-color: var(--help-edge); color: var(--help-ink); }
html#etc-ds#etc-ds .etc-help-tool:hover { border-color: var(--help-accent); }
html#etc-ds#etc-ds .etc-help-link:hover { color: var(--help-accent); }
html#etc-ds#etc-ds .etc-help-cta:hover { filter: brightness(1.1); }
html#etc-ds#etc-ds#etc-ds#etc-ds.etc-context-help-open .eh-buttons .eh-order::after { animation: none !important; opacity: 0 !important; }
html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-ecosystem > a.etc-help-cue { outline: 3px solid #3b9673; outline-offset: 3px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons :is(.eh-navlinks a,.eh-ecosystem > a,.eh-pay,.eh-account,.etc-help-menu-entry) { transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons :is(.eh-navlinks a,.eh-ecosystem > a,.eh-pay,.eh-account,.etc-help-menu-entry):hover { box-shadow: 0 0 0 3px #1e89651a !important; }
  html#etc-ds#etc-ds .etc-context-help :is(.etc-help-cta,.etc-help-tool,.etc-help-close) { transition: border-color .18s ease, background-color .18s ease, filter .18s ease; }
}
@media (prefers-reduced-motion: no-preference) {
  html#etc-ds#etc-ds .etc-context-help { animation: etc-help-enter .24s ease-out both; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-ecosystem > a.etc-help-cue { animation: etc-help-cue 2s ease-in-out 2; }
}
@keyframes etc-help-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes etc-help-cue { 0%,100% { outline-color: transparent; } 40%,65% { outline-color: #3b9673; } }
html#etc-ds#etc-ds[data-etc-theme="dark"] .etc-context-help { --help-bg: #122c24; --help-ink: #edf7f1; --help-muted: #b1c7bb; --help-edge: #36564a; --help-soft: #1a392e; --help-accent: #75d6ad; box-shadow: 0 16px 55px #0008; }
html#etc-ds#etc-ds[data-etc-theme="dark"] .etc-help-cta { color: #10291f !important; }
/* The existing editor strip keeps its link and 14-day close behavior. */
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar { border-color: #d6e6dd !important; background: #f1f7f3 !important; }
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar::after,
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__pulse { display: none !important; animation: none !important; }
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__inner { gap: 16px; padding-top: 10px; padding-bottom: 10px; }
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__inner::before { content: ''; display: block; flex: 0 0 162px; width: 162px; height: 54px; border-radius: 8px; background: #d3d8c8 url('/images/context-help-20261101/editor.jpg') center / cover no-repeat; }
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__text b { display: block; margin-bottom: 4px; color: #153b31 !important; font-size: 14px; }
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__text span { color: #526b61 !important; font-size: 12px; }
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__cta { width: auto !important; min-height: 44px; justify-content: center; border: 1px solid #0c7053; background: #0c7053 !important; color: #fff !important; box-shadow: none !important; transform: none; }
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__close { width: 44px; height: 44px; color: #526b61 !important; }
html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar :is(a,button):focus-visible { outline: 3px solid #54a6e2; outline-offset: 3px; }
html#etc-ds#etc-ds#etc-ds#etc-ds[data-etc-theme="dark"] .etc-editor-bar { border-color: #36564a !important; background: #16352b !important; }
html#etc-ds#etc-ds#etc-ds#etc-ds[data-etc-theme="dark"] .etc-editor-bar__text b { color: #edf7f1 !important; }
html#etc-ds#etc-ds#etc-ds#etc-ds[data-etc-theme="dark"] .etc-editor-bar__text span,
html#etc-ds#etc-ds#etc-ds#etc-ds[data-etc-theme="dark"] .etc-editor-bar__close { color: #b1c7bb !important; }
@media (min-width: 768px) and (max-width: 1023px) {
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__inner { display: grid; grid-template-columns: 162px minmax(0,1fr) 44px; gap: 8px 16px; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__inner::before { grid-column: 1; grid-row: 1 / 3; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__text { grid-column: 2; grid-row: 1; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__close { grid-column: 3; grid-row: 1; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__cta { grid-column: 2; grid-row: 2; justify-self: start; }
}
@media (max-width: 767px) {
  html#etc-ds#etc-ds .etc-context-help { left: 12px; bottom: max(12px,env(safe-area-inset-bottom)); width: calc(100vw - 76px); max-width: 386px; padding: 16px; border-radius: 14px; }
  html#etc-ds#etc-ds .etc-help-title { font-size: 19px !important; }
  html#etc-ds#etc-ds .etc-help-copy { font-size: 13px; margin-bottom: 14px; }
  html#etc-ds#etc-ds .etc-help-cta { padding: 11px 12px; font-size: 13px; }
  html#etc-ds#etc-ds .etc-help-secondary { flex-direction: column; gap: 0; }
  html#etc-ds#etc-ds .etc-help-tool { padding: 10px; gap: 8px; }
  html#etc-ds#etc-ds .etc-help-tool strong { font-size: 13px; }
  html#etc-ds#etc-ds .etc-help-visual { width: calc(100% + 32px); margin: -16px -16px 14px; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__inner { display: grid; grid-template-columns: 90px 1fr 44px; gap: 8px; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__inner::before { width: 90px; height: 54px; grid-column: 1; grid-row: 1; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__text { grid-column: 2; grid-row: 1; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__text b { font-size: 12px; margin: 0; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__close { grid-column: 3; grid-row: 1; }
  html#etc-ds#etc-ds#etc-ds#etc-ds .etc-editor-bar__cta { grid-column: 1 / -1; grid-row: 2; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html#etc-ds#etc-ds .etc-context-help, html#etc-ds#etc-ds .etc-context-help *,
  html#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-ecosystem > a.etc-help-cue { animation: none; transition: none; }
}