/* Mobile layout is intentionally separate from desktop and Mini App styles. */
@media (max-width:760px) {
  .site-header .header-inner { min-height:64px; gap:10px; flex-wrap:nowrap; }
  .site-header .brand-logo { min-width:0; gap:8px; font-size:15px; }
  .site-header .brand-mark { width:32px; height:32px; flex-shrink:0; }
  .site-header .header-actions { margin-left:auto; gap:8px; flex-shrink:0; }
  .header-actions :is(.lang-toggle,.header-balance,.ox-head-ping) { display:none!important; }
  .mobile-nav-panel { max-height:100dvh; overflow-y:auto; padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
  .container { padding-inline:16px; }
  .ox-page-shell :is(.saas-grid,.saas-card,.cab-key-grid,.cab-key-tile,.ox-referral) { min-width:0; max-width:100%; }
  .ox-page-shell .ox-page-hero { padding-block:22px 12px; }
  .ox-page-hero .page-title { font-size:30px; line-height:1.15; }
  .ox-page-hero .page-lead { font-size:14px; margin-top:10px; }
  .ox-forest-immersive .ox-forest-stage.container { gap:20px; padding-top:24px; }
  .ox-forest-immersive h1 { font-size:clamp(32px,8.5vw,44px); line-height:1.12; }
  .ox-forest-immersive .ox-forest-kicker { display:none; }
  .ox-forest-immersive .ox-forest-actions { gap:14px; }
  .ox-forest-immersive .ox-forest-connect { min-height:48px; }
  .ox-forest-immersive .ox-forest-facts { display:none; }
  .ox-forest-immersive .ox-forest-art { border-radius:22px; }
  .ox-forest-immersive .ox-forest-frame { aspect-ratio:1.9; }
  .ox-experience { padding-block:32px 12px; }
  .ox-experience-heading h2 { font-size:28px; }
  .ox-experience-heading>p { margin-top:10px; font-size:14px; }
  .ox-experience-setup { padding:18px; }
  .ox-experience-context { display:none; }
  .ox-experience-device { margin-block:20px; }
  .ox-experience-shortcuts { margin-top:18px; }
  .ox-experience-shortcuts a { padding-block:14px; }
  .ox-page-home .ox-section-steps { display:none; }
  .ox-page-home .ox-cta-band { padding-block:32px; min-height:0; }
  .cab-section-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin-bottom:16px; }
  .cab-section-nav .btn { min-width:0; min-height:46px; padding:9px 5px; font-size:12px; white-space:normal; text-align:center; line-height:1.3; }
  .cab-section-nav .cab-section-balance { grid-column:1/-1; justify-self:end; min-height:36px; padding-inline:12px; }
  .cab-keys-heading { flex-direction:row; align-items:center; gap:12px; }
  .cab-keys-heading h2 { font-size:21px; }
  .cab-keys-heading p { display:none; }
  .cab-keys-heading .btn { flex-shrink:0; padding:10px 12px; font-size:12px; }
  .cab-sections .cab-key-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  .cab-sections .cab-key-tile { padding:18px; gap:12px; border-radius:20px; }
  .cab-key-tile-head { flex-wrap:wrap; gap:8px; }
  .cab-sections .cab-key-label { font-size:18px; overflow-wrap:anywhere; }
  .cab-key-token-copy { min-width:0; max-width:100%; }
  .cab-key-token-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
  .cab-key-summary-actions .btn { min-width:0; min-height:46px; padding:10px 8px; font-size:13px; white-space:normal; }
  :is(.cab-key-dialog,.ox-connect) { max-height:calc(100dvh - 24px); overflow-y:auto; overscroll-behavior:contain; }
  .ox-connect { padding:18px; width:calc(100% - 24px); }
  .ox-connect h2 { font-size:23px; }
  .ox-connect :is(.ox-platforms,.ox-platform-tabs) { flex-wrap:wrap; }
  .ox-page-shell input:not([type=range]):not([type=checkbox]) { font-size:16px; max-width:100%; }
  .ox-page-shell :is(code,.referral-link) { overflow-wrap:anywhere; }
  .public-setup { grid-template-columns:minmax(0,1fr); }
  .public-setup > * { min-width:0; }
  .public-client > span { min-width:0; overflow-wrap:anywhere; }
  .public-setup-download .btn { white-space:normal; text-align:center; }
}
@media (max-width:360px) {
  .site-header .brand-logo { font-size:14px; }
  .cab-key-summary-actions { gap:6px; }
  .ox-forest-immersive .ox-forest-actions { align-items:stretch; flex-direction:column; }
}