/* Phone adaptations preserve the desktop layout and the quiet Etch surfaces. */
.mobile-nav-toggle { display: none; }

@media (max-width: 600px) {
  .topbar-inner { min-height: 60px; height: auto; padding: 6px 16px; gap: 8px; flex-wrap: wrap; }
  .brand { min-width: 44px; min-height: 44px; justify-content: center; margin-right: auto; }
  .mobile-nav-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 12px; border: 1px solid var(--hairline); border-radius: var(--pill); background: var(--surface); color: var(--text); font: inherit; font-size: .85rem; cursor: pointer; }
  .mobile-nav-toggle svg { width: 18px; height: 18px; }
  .mobile-nav-toggle[aria-expanded="true"] { background: var(--surface-2); }
  .mobile-nav-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
  .lang-btn { min-width: 44px; min-height: 44px; margin: 0; }
  .tabs { display: none; order: 3; flex: 0 0 100%; width: 100%; overflow: visible; margin: 0; padding: 8px 0 12px; gap: 6px; border-top: 1px solid var(--hairline); -webkit-mask-image: none; mask-image: none; }
  .tabs[data-open="true"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tab-btn { min-height: 44px; padding: 12px; text-align: left; font-size: .9rem; }

  .app { padding: 32px 18px max(64px, env(safe-area-inset-bottom)); }
  .page-title { font-size: 2.15rem; }
  .page-sub { margin-bottom: 30px; line-height: 1.6; }
  .section { margin-top: 36px; }
  .btn, .seg, .related-word, .fix-zh-btn { min-height: 44px; }
  .btn.small { padding-block: 10px; }
  .delete-btn { width: 44px; height: 44px; flex-shrink: 0; }
  .word-open { display: inline-flex; align-items: center; min-height: 44px; }
  .m-info { min-width: 0; }
  .m-word, .m-def, .dictionary-example, .reading-text, .clue-example { overflow-wrap: anywhere; }
  .suggestion { min-height: 44px; }
  .dictionary-search input, .bank-search input, .select, .fix-zh-input { font-size: 16px; }
  .dictionary-search .btn { flex-shrink: 0; }
  .field-row, .select { min-width: 0; max-width: 100%; }
  .field-row .select { flex: 1; width: 0; }

  .card-row:has(> .segmented) { flex-direction: column; align-items: stretch; gap: 12px; }
  .card-row > .segmented { display: flex; width: 100%; }
  .card-row > .segmented .seg { flex: 1; min-width: 0; padding-inline: 6px; }
  .card-row > .segmented[data-setting="benchmark"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .row-label, .row-value { min-width: 0; overflow-wrap: anywhere; }
  .row-value { max-width: 55%; }

  .clue-card { padding: 24px 20px; }
  .clue-card .btn.quiet { margin-top: 16px; }
  .practice-head { margin-bottom: 24px; }
  .letterboxes { gap: 6px; margin: 26px 0 22px; }
  .letter-box { width: 38px; height: 48px; }
  .word-peek { padding: 22px; }
  .word-peek-head { gap: 10px; }
  .word-peek-title { font-size: 2.2rem; }
}