/* MVK Marine V6.2 | Mobile preview | isolated layout */
@media (max-width:980px) {
  /* Independent viewport: dock occupies its own row, never overlays forecasts. */
  .mv61 {
    display:flex!important; flex-direction:column!important;
    height:100vh!important; height:100dvh!important;
    min-height:0!important; max-height:100dvh!important;
    overflow:hidden!important; padding:0!important;
    overscroll-behavior:contain;
  }
  .mv61-cover { flex:0 0 auto; min-height:0!important; padding:12px 12px 10px!important;
    background-position:center 47%!important; }
  .mv61-brand { min-height:42px!important; gap:9px!important; }
  .mv61-logo { width:39px!important;height:39px!important;border-radius:11px!important;font-size:27px!important; }
  .mv61-brand b { font-size:21px!important; }
  .mv61-brand small { font-size:7px!important;letter-spacing:1.1px!important; }
  .mv61-menu { width:37px!important;height:37px!important; }
  .mv61-spot { margin-top:10px!important; min-height:50px!important;padding:7px 11px!important;border-radius:13px!important; }
  .mv61-spot select { font-size:15px!important; }
  .mv61-pin { font-size:22px!important; }
  .mv61-main {
    flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important;
    overflow-x:hidden!important; padding:4px 11px 16px!important;
    -webkit-overflow-scrolling:touch; overscroll-behavior-y:contain;
    scroll-padding-top:12px; scrollbar-width:none;
  }
  .mv61-main::-webkit-scrollbar { display:none; }
  .mv61-hero { min-height:132px!important;gap:10px!important;padding:10px!important;border-radius:15px!important; }
  .mv61-gauge { width:104px!important;height:104px!important;flex-basis:104px!important;padding:9px!important;
    box-shadow:0 0 21px #ff5b8570,inset 0 0 0 4px #0b3145!important; }
  .mv61-gauge strong { font-size:39px!important; }
  .mv61-live { margin-bottom:5px!important;font-size:9px!important; }
  .mv61-pill { font-size:12px!important;padding:3px 7px!important; }
  .mv61-hero-body p { margin:5px 0!important;font-size:10px!important;line-height:1.25!important; }
  .mv61-best { padding:5px 7px!important;gap:6px!important; }
  .mv61-best>span { font-size:18px!important; }
  .mv61-best b { font-size:17px!important; }
  .mv61-best small,.mv61-best em { font-size:9px!important; }
  .mv61-metrics { gap:5px!important;margin:7px 0!important; }
  .mv61-metric { min-height:77px!important;padding:7px 5px!important;border-radius:12px!important; }
  .mv61-metric>div span { font-size:15px!important; }
  .mv61-metric>div small { font-size:9px!important; }
  .mv61-metric b { margin:5px 0 3px!important;font-size:clamp(13px,3.7vw,18px)!important; }
  .mv61-metric>small { font-size:9px!important; }
  .mv61-panel { padding:10px!important;margin:7px 0!important;border-radius:14px!important; }
  .mv61-title { margin-bottom:7px!important; }
  .mv61-title h2 { font-size:16px!important; }
  .mv61-title>small { font-size:9px!important; }
  .mv61-no-tide { padding:9px!important;gap:8px!important; }
  .mv61-no-tide>span { font-size:23px!important; }
  .mv61-no-tide b { font-size:11px!important; }
  .mv61-no-tide small { font-size:9px!important; }
  .mv61-hour { flex-basis:55px!important;min-width:55px!important;padding:6px 2px!important;gap:4px!important; }
  .mv61-hour-icon { font-size:19px!important; }
  .mv61-hour b { font-size:18px!important; }
  .mv61-hour small { font-size:9px!important; }
  .mv61-activity { min-height:46px!important;padding:5px 2px!important; }
  .mv61-activity-icon { width:32px!important;height:32px!important;flex-basis:32px!important;font-size:17px!important; }
  .mv61-activity-text b { font-size:11px!important; }
  .mv61-activity-score>b { font-size:15px!important; }
  .mv61-nav {
    position:relative!important;bottom:auto!important;left:auto!important;
    transform:none!important;flex:0 0 59px!important;
    height:59px!important;width:calc(100% - 22px)!important;
    max-width:none!important;margin:4px 11px calc(5px + env(safe-area-inset-bottom,0px))!important;
    z-index:30!important;border-radius:15px!important;
    background:#031a2b!important;
  }
  .mv61-nav a { font-size:10px!important; }
  .mv61-nav a span { font-size:22px!important; }
  .mv61-main [id] { scroll-margin-top:12px; }
}
@media (max-width:360px) {
  .mv61-gauge { flex-basis:92px!important;width:92px!important;height:92px!important; }
  .mv61-best em { display:block; margin-left:0!important; }
  .mv61-metric b { font-size:12px!important; }
}