/* Technical mobile layer. Selected visual references remain in docs/mobile/. */
.mobile-apply { display: none; }
.mobile-apply[hidden] { display: none !important; }
@media (max-width: 900px) {
  .mobile-apply {
    display: inline-flex;
    position: fixed;
    z-index: 80;
    left: max(16px, env(safe-area-inset-left));
    bottom: calc(16px + env(safe-area-inset-bottom));
    min-height: 44px;
    min-width: 72px;
    padding: 10px 18px;
    align-items: center;
    justify-content: center;
    border: 1px solid #b99058;
    border-radius: 24px;
    background: #3a0317;
    color: #fff9f0;
    font: 500 14px/1.2 DariBundledInter, sans-serif;
    text-decoration: none;
    box-shadow: 0 3px 14px #3a031726;
  }
  .mobile-apply:focus-visible { outline: 2px solid #b99058; outline-offset: 4px; }
  /* Content grows naturally; only the Modes composition has a viewport minimum. */
  #main #modes.modes-section { height: auto; min-height: 92svh; }
  #main > section:not(#top):not(#modes) { height: auto; min-height: 0; }
  #main #for-you .card-track { touch-action: pan-y pinch-zoom; }
}