/* Scoped Owner feedback #24. Same How screens, existing motion slots and locale. */
.how-language { display: flex; justify-content: center; gap: 4px; width: max-content; margin: 0 auto 12px; padding: 3px; border: 1px solid #e3e5dd; border-radius: 28px; background: #f6f7f3; }
.how-language button { min-width: 48px; min-height: 40px; padding: 8px 12px; border: 0; border-radius: 24px; background: transparent; color: #666d5c; font-size: 13px; font-weight: 600; }
.how-language button[aria-pressed="true"] { background: #d9ef97; color: #273016; }
.how-language button:focus-visible { outline: 3px solid #6c842e; outline-offset: 2px; }
#desktop-help .desktop-help-inner { padding-top: 8px; }
#desktop-help-title, #help-title { white-space: normal; text-align: center; position: static; line-height: 1.12; }
#desktop-help-title { margin-bottom: 10px; }
#desktop-help .friend-copy, #help-dialog .mobile-friend-copy { display: flex; flex-direction: column; text-align: center; gap: 8px; margin: 0 auto 16px; }
#desktop-help .friend-copy strong, #help-dialog .mobile-friend-copy strong { font-size: 17px; font-weight: 500; }
#desktop-help .friend-copy span, #help-dialog .mobile-friend-copy span { white-space: pre-line; font-size: 13px; line-height: 1.5; color: #74756e; }
#desktop-help .usp { grid-template-columns: 36% 1fr; border: 0; box-shadow: none; background: transparent; padding: 0; gap: 8px; }
#desktop-help .usp img { height: clamp(114px, 15svh, 145px); width: 100%; object-fit: contain; }
#desktop-help .usp > div { text-align: center; transform: none; }
#desktop-help .usp span, #help-dialog .mobile-usp-list span { white-space: pre-line; line-height: 1.4; }
#help-dialog .mobile-how-hero { width: min(64vw, 270px); height: clamp(160px, 26svh, 255px); object-fit: contain; margin: 6px auto 8px; }
#help-dialog .mobile-usp-list > div { border: 0; box-shadow: none; background: transparent; }
#help-dialog .mobile-usp-list > div > p { transform: none; text-align: center; }
#help-dialog .mobile-usp-list img { object-fit: contain; }
#help-dialog .how-language { margin-top: 0; margin-bottom: 10px; }
#help-dialog .close { z-index: 3; }
#share-dialog .share-privacy { background: #f1f2ef; border: 0; box-shadow: none; font-style: italic; cursor: default; }
.share-sheet-actions svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 767px), (max-width: 1024px) and (pointer: coarse) {
  #help-dialog { padding-top: max(12px, env(safe-area-inset-top)); }
  #help-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
  #help-dialog .how-language, #help-dialog .mobile-help-start { flex: none; }
  #help-dialog .how-body { min-height: 0; overflow: auto; flex: 1; width: 100%; padding: 0 2px 8px; }
  #help-title { margin: 0 auto 10px; font-size: clamp(27px, 7.8vw, 36px); max-width: 520px; }
  #help-dialog .mobile-friend-copy { max-width: 560px; margin-bottom: 16px; }
  #help-dialog .mobile-usp-list { gap: 12px; }
  #help-dialog .mobile-usp-list > div { grid-template-columns: 29% 1fr; gap: 10px; }
  #help-dialog .mobile-usp-list img { width: 100%; height: 100px; }
  #help-dialog .mobile-usp-list strong { font-size: 14px; }
  #help-dialog .mobile-usp-list span { font-size: 12px; }
  #help-dialog .mobile-help-start { position: static; margin-top: 12px; }
}
@media (max-height: 520px) and (pointer: coarse) {
  #help-dialog .mobile-how-hero { height: 135px; }
}