/* Mobile layout: keep navigation in document flow and prioritize core actions. */
@media (max-width:1050px) {
  .header-inner {height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}
}
@media (max-width:780px) {
  .demo-bar {display:none}
  .header-inner {display:flex;flex-wrap:nowrap;height:auto;min-height:76px;gap:12px;padding:12px 18px}
  .header .brand {min-width:0;flex:1;white-space:normal}
  .platform-brand {font-size:15px;line-height:1.5;word-break:keep-all}
  .header .onboarding-cta,.header .header-auth {display:none}
  .mobile-menu {flex:none;min-width:44px;min-height:44px}
  .home-page {display:flex;flex-direction:column}
  .home-page>.container {width:100%}
  .home-hero {order:-2}
  .home-actions {order:-1}
  .hero {padding-top:24px;padding-bottom:22px}
  .hero .eyebrow {display:none}
  .hero h1 {font-size:1.8rem;line-height:1.45;letter-spacing:-.04em;word-break:keep-all}
  .hero p {font-size:1rem;line-height:1.6}
  .search-box {min-width:0}
  .search-box input {min-width:0;width:100%;font-size:1rem}
  .quick-actions {gap:8px;padding-bottom:24px}
  .quick-card {min-width:0;padding:14px 6px}
  .quick-card h3 {font-size:.875rem;white-space:normal;word-break:keep-all;line-height:1.5}
  .section-head {flex-wrap:wrap;gap:10px;align-items:flex-start}
  .section-head>div {min-width:0;flex:1 1 230px}
  .section-head h2 {font-size:1.3rem;line-height:1.5;word-break:keep-all}
  .section-head .text-link {font-size:.875rem;word-break:keep-all}
  .section-head p {font-size:.9375rem;line-height:1.6}
  .trust-section {padding:20px 0 28px}
  .trust-section .section-head h2 {display:none}
  .trust-section .eyebrow {margin:0;font-size:.875rem}
  .trust-grid {grid-template-columns:1fr;gap:10px}
  .trust-card {display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;padding:16px;align-items:center}
  .trust-card>strong {grid-column:1;grid-row:1 / 3;font-size:1.8rem;line-height:1.3;margin:0}
  .trust-card>strong span {font-size:.875rem;margin-left:3px}
  .trust-card>.helper {grid-column:2;font-size:.75rem;line-height:1.5}
  .trust-card h3 {grid-column:2;font-size:.9375rem;line-height:1.5;margin:3px 0 0;word-break:keep-all}
  .defect-card {padding:18px}
  .defect-card h3 {font-size:1.125rem;line-height:1.5;margin:14px 0 10px;word-break:keep-all}
  .defect-summary {font-size:1rem;line-height:1.6}
  .live-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
  .live-links .button {font-size:.875rem;padding:10px 8px;min-height:44px;word-break:keep-all;white-space:normal}
  .page-title {font-size:1.5rem;line-height:1.5;word-break:keep-all}
  .footer-top {display:block}
  .footer-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin-top:14px}
  .footer-links a {display:flex;align-items:center;min-height:44px;font-size:.875rem;word-break:keep-all}
  .footer {margin-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .footer p {font-size:.875rem;line-height:1.7}
  .mobile-bottom a {font-size:.75rem;min-height:48px}
  dialog {max-height:calc(100dvh - 40px);overflow:auto;max-width:calc(100vw - 32px)}
  #music-player {display:none}
  body.music-open {padding-bottom:0}
  .music-entry .music-listen {font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center;white-space:normal}
}
