/* Shared by the existing FAQ and the compact App reader; no external fonts. */
.help-reader { margin: 0; background: #f5f8fa; color: #163145; font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.help-reader *, .faq-help * { box-sizing: border-box; }
.help-reader a, .faq-help a { color: #086479; text-underline-offset: .2em; }
.help-reader a:hover, .faq-help a:hover { text-decoration-thickness: 2px; }
.help-reader a:focus-visible, .help-reader summary:focus-visible, .faq-help a:focus-visible, .faq-help summary:focus-visible { outline: 3px solid #c06512; outline-offset: 4px; }
.help-reader .help-shell { max-width: 920px; margin: auto; padding: 28px max(20px, env(safe-area-inset-right)) 48px max(20px, env(safe-area-inset-left)); }
.help-reader h1 { font-size: clamp(30px, 6vw, 44px); line-height: 1.2; margin: 10px 0 16px; letter-spacing: -.025em; }
.help-reader h2 { font-size: 24px; line-height: 1.35; margin: 0 0 16px; }
.help-reader p { margin: 12px 0; }
.help-reader .help-version { font-size: 13px; letter-spacing: .025em; color: #506575; margin: 0; }
.help-language { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 20px 0; }
.help-language a { display: inline-flex; align-items: center; min-height: 44px; padding: 7px 16px; border: 1px solid #a5bdc8; border-radius: 24px; text-decoration: none; background: #fff; }
.help-language a[aria-current="page"] { background: #163e50; border-color: #163e50; color: #fff; }
.help-fallback { border-left: 4px solid #b46b19; background: #fff4e2; padding: 14px 18px; margin: 18px 0; border-radius: 4px 12px 12px 4px; }
.faq-help { line-height: 1.65; overflow-wrap: anywhere; }
.faq-help .help-intro { margin: 0 0 22px; color: #40596a; }
.faq-help .help-index { border: 1px solid #bccdd6; border-radius: 16px; background: #eef6f8; margin: 0 0 30px; scroll-margin-top: 100px; }
.faq-help .help-index summary { font-weight: 700; padding: 16px 20px; cursor: pointer; }
.faq-help .help-index nav { padding: 0 14px 16px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; }
.faq-help .help-index a { padding: 9px 10px; min-height: 44px; border-radius: 8px; background: #fff; font-size: 15px; }
.faq-help .doc-section { margin: 36px 0; scroll-margin-top: 100px; }
.faq-help .faq { display: grid; gap: 10px; }
.faq-help .faq details { border: 1px solid #d0dce2; border-radius: 14px; background: #fff; padding: 0; overflow: hidden; }
.faq-help .faq summary { padding: 18px 20px; cursor: pointer; color: #163145; font-weight: 650; line-height: 1.5; list-style: revert; }
.faq-help .faq summary::after { content: none; }
.faq-help .faq details[open] summary { border-bottom: 1px solid #e3ebef; }
.faq-help .help-answer { padding: 6px 20px 20px; }
.faq-help .help-answer p { margin: 14px 0; }
.faq-help .help-role { display: inline-block; color: #17546a; background: #e9f4f7; padding: 4px 10px; font-size: 13px; font-weight: 650; border-radius: 7px; }
.faq-help ol { padding-left: 24px; margin: 14px 0; }
.faq-help li { padding-left: 4px; margin: 12px 0; }
.faq-help li::marker { color: #086479; font-weight: 700; }
.faq-help .help-shot { margin: 24px 0 8px; max-width: 600px; }
.faq-help .help-shot img { display: block; width: 100%; height: auto; border: 1px solid #d0dce2; border-radius: 12px; }
.faq-help figcaption { color: #506575; font-size: 13px; padding: 8px 2px; }
.faq-help .help-back { display: inline-block; font-size: 14px; padding: 10px 0; min-height: 44px; }
.help-reader footer { display: flex; flex-wrap: wrap; gap: 12px 24px; border-top: 1px solid #cfdee5; padding-top: 20px; }
.help-reader footer a { display: inline-block; padding: 8px 0; }
.help-reader .help-skip { position: absolute; top: -100px; left: 15px; padding: 10px; background: #fff; }
.help-reader .help-skip:focus { top: 10px; }
@media (max-width: 480px) {
  .help-reader .help-shell { padding-top: 22px; }
  .faq-help .help-index nav { grid-template-columns: 1fr; }
  .faq-help .faq summary { padding: 16px; }
  .faq-help .help-answer { padding: 4px 16px 16px; }
}
@media print { .faq-help .help-answer { display: block !important; } .help-language, .help-back, .help-skip { display: none !important; } }