/*
  Responsive refinements are intentionally kept separate from the main design
  system so hosting owners can make future device-specific adjustments safely.
*/
@media (orientation: landscape) and (max-height: 540px) and (max-width: 991px) {
  .mobile-panel-head { min-height: 66px; }
  .mobile-panel-head img { max-height: 44px; }
  .mobile-nav { padding-block: 0.5rem; }
  .mobile-nav a { min-height: 46px; font-size: 1.05rem; }
  .mobile-panel-contact { padding-block: 0.65rem; }
}

@supports not (backdrop-filter: blur(12px)) {
  .site-header { background: #fffdf8; }
}

@supports (padding: max(0px)) {
  .floating-actions {
    right: max(14px, env(safe-area-inset-right));
    bottom: max(18px, calc(env(safe-area-inset-bottom) + 14px));
  }
}