*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; background: #F5F1E8; color: #2B2A24;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
}
* { -webkit-tap-highlight-color: rgba(63, 90, 46, 0.12); }
button, [role="button"] { touch-action: manipulation; }
button:disabled { cursor: not-allowed; }
input:focus, textarea:focus, select:focus { outline: 2px solid #3F5A2E; outline-offset: 1px; }
button:focus-visible, a:focus-visible { outline: 2px solid #3F5A2E; outline-offset: 2px; }
/* iOS Safari zooms the whole page when you tap an input whose text is smaller than 16px. */
@media (max-width: 700px) {
  input, select, textarea { font-size: 16px !important; }
}
/* Narrow phones: show icon-only for secondary header buttons so the row doesn't wrap. */
@media (max-width: 440px) {
  .hide-narrow { display: none !important; }
}