/* Task help uses the admin palette, with sentence case and room to read. */
[hidden] { display: none !important; }
.main { font-family: Arial, sans-serif; font-size: 1.0625rem; line-height: 1.65; font-weight: 400; min-width: 0; }
.main strong, .main summary { font-weight: 600; }
.main h1[tabindex="-1"]:focus-visible { outline: none; }
.operator-help-intro > p { margin: 0 0 .4rem; max-width: 65ch; }
.operator-help-impact { display: block; max-width: 70ch; }
.main h1, .main h2, .main h3, .configuration-page h1, .configuration-page h2, .configuration-page h3 {
  font-family: var(--font-text, sans-serif); text-transform: none; letter-spacing: normal; line-height: 1.3;
}
.main p, .guide-hub li { overflow-wrap: anywhere; }
.main button, .main input:not([type=checkbox]), .main select, .main summary { min-height: 44px; }
.main :focus-visible, .configuration-page :focus-visible { outline: 3px solid var(--link); outline-offset: 4px; }
.main [id], .configuration-page [id] { scroll-margin-top: 100px; }
.operator-help { margin: 0 0 1.5rem; padding: 1rem 1.25rem; border: 1px solid var(--stone-edge); border-left: 4px solid var(--link); border-radius: 8px; background: var(--panel); }
.operator-help > p { margin: .15rem 0; max-width: 65ch; }
.operator-help-purpose { font-size: 1.05rem; }
.operator-help-impact { color: var(--text-muted); font-size: .95rem; }
.operator-help summary, .guide-hub summary, .guide-topic summary { cursor: pointer; padding: .6rem 0; color: var(--text); }
.operator-help-menu > summary { color: var(--link); width: fit-content; }
.operator-help-menu > p { max-width: 60ch; font-size: .95rem; }
.operator-help-task { margin: .6rem 0; padding: 0 1rem; background: var(--input-bg); border: 1px solid var(--stone-edge); border-radius: 8px; }
.operator-help-task > summary { font-size: 1.06rem; }
.operator-help-task[open] { padding-bottom: 1rem; }
.operator-help-words { margin-top: 1rem; }
.operator-help-words dl { max-width: 65ch; }
.operator-help-words dt { margin-top: .7rem; font-weight: 700; }
.operator-help-words dd { margin: .2rem 0 1rem; color: var(--text-muted); }
.guide-hub { max-width: 1100px; }
.guide-hub > p, .guide-topic p, .guide-topic li { max-width: 65ch; }
.guide-task-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.guide-task-card, .guide-topic { border: 1px solid var(--stone-edge); border-radius: 8px; padding: 1rem 1.25rem; background: var(--panel); min-width: 0; }
.guide-task-card { display: block; text-decoration: none; color: var(--text); }
.guide-task-card:hover { border-color: var(--link); }
.guide-task-card strong, .guide-task-card h2 { display: block; font-size: 1.2rem; color: var(--link); margin: 0 0 .5rem; }
.guide-task-card p { margin: .25rem 0; }
.guide-topic { margin: 1rem 0; }
.guide-topic > summary { font-size: 1.15rem; }
.guide-topic details { margin: .75rem 0; }
.guide-topic h2 { font-size: 1.3rem; }
.guide-topic h3 { font-size: 1.15rem; }
.guide-callout, .help-expected { padding: .8rem 1rem; border-left: 3px solid var(--link); background: var(--panel-recess); border-radius: 0 6px 6px 0; max-width: 65ch; }
.help-expected > span { display: block; color: var(--link); }
.guide-steps { max-width: 65ch; padding-left: 1.6rem; }
.guide-steps > li { margin: 1rem 0 1.5rem; padding-left: .25rem; }
.guide-steps h3 { margin: .5rem 0; font-size: 1.25rem; }
.guide-steps p { margin: .5rem 0; }
.guide-steps.help-single-step { list-style: none; padding: 0; margin: .5rem 0 1rem; }
.help-single-step > li { margin: 0; padding: 0; }
.help-step-navigation, .help-step-controls, .help-resume { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.help-step-navigation { padding-top: .5rem; border-top: 1px solid var(--stone-edge); }
.help-step-progress { flex: 1 1 160px; font-size: 1rem; color: var(--text-muted); margin: 0; }
.help-step-controls { margin-top: 1.25rem; }
.help-step-controls button, .help-resume button, .help-find, .help-text-button, .help-word-close, .help-return {
  font-family: var(--font-text, sans-serif); font-size: 1rem; line-height: 1.4; text-transform: none; letter-spacing: normal; min-height: 44px; padding: .65rem 1rem; border: 1px solid var(--stone-edge); border-radius: 6px; background: var(--panel-recess); color: var(--text); box-shadow: none; cursor: pointer;
}
.help-step-controls button.help-next, .help-return { background: var(--link); color: var(--bg); border-color: var(--link); }
.help-text-button { background: transparent; text-decoration: underline; border-color: transparent; padding: .5rem; }
.help-resume p { flex-basis: 100%; }
.help-target-status { color: var(--heading); max-width: 60ch; }
.help-target-status:empty { display: none; }
.help-target-highlight { outline: 4px solid var(--link) !important; outline-offset: 5px !important; }
.help-return { position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%); z-index: 150; max-width: calc(100vw - 32px); box-shadow: 0 3px 15px var(--keyline); }
.term-wrapper, .hint-wrapper { position: relative; }
.main .hint-dot { display: inline-flex; justify-content: center; align-items: center; width: 32px; min-width: 32px; min-height: 32px; height: 32px; vertical-align: middle; cursor: pointer; font: inherit; border: 1px solid var(--stone-edge); border-radius: 50%; background: var(--panel-recess); color: var(--link); padding: 0; text-transform: none; box-shadow: none; }
.inline-word-explanation { display: inline-block; vertical-align: top; margin: .5rem 0; padding: 1rem; max-width: min(55ch, 100%); box-sizing: border-box; border: 1px solid var(--link); border-radius: 8px; background: var(--panel); color: var(--text); font-size: 1rem; font-weight: 400; line-height: 1.6; text-transform: none; letter-spacing: normal; }
.inline-word-explanation > span { display: block; }
.help-word-close { display: block; margin-top: .75rem; }
.hint-fallback { display: block; font-size: 1rem; }
#confirm-dialog { max-width: min(680px, calc(100vw - 32px)); box-sizing: border-box; }
#confirm-dialog .confirm-row { grid-template-columns: minmax(0, 1fr) minmax(90px, .6fr); gap: 1rem; }
#confirm-dialog dt, #confirm-dialog dd { min-width: 0; overflow-wrap: anywhere; }
#confirm-dialog { font-family: Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.6; }
#confirm-dialog h2, #confirm-dialog button { font-family: Arial, sans-serif; text-transform: none; letter-spacing: normal; }
#confirm-dialog dt { text-transform: none; }
#confirm-dialog button { min-height: 44px; }
.toggles > .inline-word-explanation { grid-column: 1 / -1; }
.help-dialog-guide { margin-bottom: 1.25rem; font-family: Arial, sans-serif; font-weight: 400; line-height: 1.6; }
.help-dialog-guide h3 { font-family: Arial, sans-serif; text-transform: none; letter-spacing: normal; }
.guide-hub code, .configuration-guide code { display: inline-block; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .95rem; }
.configuration-page .configuration-guide p, .configuration-page .configuration-guide li,
.configuration-page .configuration-field-description, .configuration-page .configuration-release p,
.configuration-page .configuration-actions p, .configuration-page .configuration-history p,
.configuration-page label, .configuration-page button, .configuration-page input, .configuration-page select,
.configuration-page .configuration-field-label, .configuration-page .configuration-help { font-size: 1rem; }
.configuration-page .configuration-caption, .configuration-page .configuration-field-meta,
.configuration-page .configuration-timing, .configuration-page .configuration-source,
.configuration-page .configuration-original, .configuration-page .configuration-heading-links { font-size: .9rem; letter-spacing: normal; }
.configuration-page .configuration-field-values .configuration-reset { font-size: .95rem; min-height: 44px; }
@media (max-width: 720px) {
  .appbar { display: grid; grid-template-columns: auto 1fr auto; }
  .appbar .brand { grid-column: 2 / -1; justify-self: end; font-size: .8rem; }
  .appbar .brand-mark { width: 26px; height: 26px; }
  .appbar .brand-env { font-size: .6rem; }
  .appbar .appbar-spacer { display: none; }
  .appbar [data-theme-toggle] { grid-column: 1; font-size: .8rem; }
  .appbar .who { grid-column: 2; font-size: .7rem; flex-wrap: wrap; gap: .15rem; }
  .appbar form.inline { grid-column: 3; }
  .appbar button, .appbar .drawer-toggle { min-height: 44px; font-family: Arial, sans-serif; font-size: .8rem; text-transform: none; letter-spacing: normal; padding: .45rem; }
  .guide-task-grid { grid-template-columns: 1fr; }
  .operator-help, .guide-topic, .guide-task-card { padding: .8rem; }
  .operator-help-task { padding: 0 .65rem; }
  .help-step-controls { flex-direction: column-reverse; align-items: stretch; }
  .help-step-controls button { width: 100%; }
  .help-step-navigation { gap: .25rem; }
  .help-step-progress { flex-basis: 100%; }
  .configuration-heading-links { align-items: start; }
  #configuration-sections { grid-template-columns: 1fr; }
  .configuration-pagination { flex-wrap: wrap; }
  .configuration-page button { white-space: normal; }
  .help-return { bottom: .75rem; }
}
@media (prefers-reduced-motion: reduce) { .main *, .configuration-page * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }