/* Rendered Help answers. Propshaft loads every stylesheet on every page and this app has no Tailwind Typography plugin, so every rule here is self-scoped under .help-page / .help-content -- same reasoning as playbook.css for Playbook markdown. Plain CSS on purpose: a new Tailwind arbitrary class needs a rebuild (see Appendix E trap 5 in the Help spec); this file needs none. */
.help-page h2 { font-size: 1.5rem; font-weight: 700; color: #111827; line-height: 1.3; margin: 2.5rem 0 1rem; padding-bottom: 0.4rem; border-bottom: 1px solid #e5e7eb; }
.help-page h2:first-child { margin-top: 0; }
.help-page h3 { font-size: 1.25rem; font-weight: 700; color: #111827; line-height: 1.35; margin: 1.75rem 0 0.5rem; }
.help-content { display: block; color: #1f2937; font-size: 1.0625rem; line-height: 1.65; margin: 0 0 1rem; }
.help-content p { margin: 0.75em 0; }
.help-content a { color: #c2410c; text-decoration: none; }
.help-content a:hover { text-decoration: underline; color: #9a3412; }
.help-content a:visited { color: #893F01; }
.help-content strong { font-weight: 700; color: #111827; }
.help-content ul { list-style: disc; margin: 0.75em 0; padding-left: 1.5em; }
.help-content ol { list-style: decimal; margin: 0.75em 0; padding-left: 1.5em; }
.help-content li { margin: 0.35em 0; }

/* v2 additions (SPEC-2026-08-03-help-v2.md Build step 7): section cards on
   the hub, the search dropdown, the section-page breadcrumb, and the
   optional steps list. Same self-scoping rule as above -- every selector
   still starts with .help-. */

.help-page h1 { font-size: 1.75rem; font-weight: 700; color: #111827; line-height: 1.25; margin: 0.75rem 0 1.5rem; }

/* Section cards (hub) */
.help-section-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e5e7eb; border-radius: 1rem; padding: 1.25rem; }
.help-section-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 9999px; background: #fff7ed; color: #c2410c; margin-bottom: 0.75rem; }
.help-section-card h2 { font-size: 1.125rem; font-weight: 700; margin: 0 0 0.25rem; }
.help-section-card h2 a { color: #111827; text-decoration: none; }
.help-section-card h2 a:hover { color: #c2410c; text-decoration: underline; }
.help-section-card h2 a:visited { color: #111827; }
.help-section-card-count { font-size: 0.8125rem; color: #6b7280; margin: 0 0 0.75rem; }
.help-section-card-preview { list-style: none; margin: 0; padding: 0; border-top: 1px solid #f3f4f6; padding-top: 0.5rem; }
.help-section-card-preview li { margin: 0; }
.help-section-card-preview a { display: flex; align-items: center; min-height: 44px; font-size: 0.9375rem; color: #374151; text-decoration: none; }
.help-section-card-preview a:hover { color: #c2410c; text-decoration: underline; }
.help-section-card-preview a:visited { color: #374151; }

/* Emergency line (hub) */
.help-emergency-line { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid #e5e7eb; font-size: 0.9375rem; color: #374151; max-width: 48rem; }

/* Search (hub) */
.help-search { position: relative; }
.help-search-field { display: flex; align-items: center; gap: 0.5rem; min-height: 44px; padding: 0 0.9rem; background: #fff; border: 1px solid #d1d5db; border-radius: 0.75rem; color: #6b7280; }
.help-search-field:focus-within { border-color: #c2410c; box-shadow: 0 0 0 1px #c2410c; }
.help-search-input { flex: 1; border: 0; outline: none; font-size: 1rem; color: #111827; background: transparent; min-height: 44px; }
.help-search-results { position: absolute; z-index: 20; top: calc(100% + 0.375rem); left: 0; right: 0; background: #fff; border: 1px solid #e5e7eb; border-radius: 0.75rem; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); max-height: 20rem; overflow-y: auto; }
.help-search-results.hidden { display: none; }
.help-search-result { display: block; min-height: 44px; padding: 0.6rem 1rem; font-size: 0.9375rem; color: #111827; text-decoration: none; border-bottom: 1px solid #f3f4f6; }
.help-search-result:last-child { border-bottom: none; }
.help-search-result:visited { color: #111827; }
.help-search-result[aria-selected="true"], .help-search-result:hover { background: #fff7ed; color: #9a3412; }
.help-search-empty { padding: 0.9rem 1rem; font-size: 0.875rem; color: #4b5563; line-height: 1.5; }
.help-search-empty a { color: #c2410c; text-decoration: underline; }

/* Breadcrumb + next/prev (section pages) */
.help-breadcrumb { font-size: 0.875rem; color: #6b7280; margin-bottom: 0.5rem; }
.help-breadcrumb a { color: #c2410c; text-decoration: none; }
.help-breadcrumb a:hover { text-decoration: underline; }
.help-breadcrumb a:visited { color: #893F01; }
.help-section-nav { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid #e5e7eb; }
.help-section-nav-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 0.9375rem; font-weight: 600; color: #c2410c; text-decoration: none; }
.help-section-nav-link:hover { text-decoration: underline; }
.help-section-nav-link:visited { color: #893F01; }
.help-section-nav-next { margin-left: auto; }

/* Steps + image (article support, structural only -- see HelpContent) */
.help-steps { list-style: decimal; margin: 0.75em 0; padding-left: 1.5em; color: #1f2937; font-size: 1.0625rem; line-height: 1.65; }
.help-steps li { margin: 0.5em 0; }
.help-item-image { display: block; max-width: 100%; border-radius: 0.75rem; border: 1px solid #e5e7eb; margin: 0.75rem 0; }