/* MonitoringKapal Final QA 16 October 2026: WCAG AA text contrast.
   Only audited selectors; no geometry, typography or content changes. */
body.mkv4-page .mkv4-chips > span:nth-child(2) { color: #a44937; }
body.mkv4-page .mkv4-chips > span:nth-child(3) { color: #10754e; }
body.mkv4-page .metric-gold > span { color: #855711; }
body.mkv4-page .metric-cyan > span { color: #086e8e; }
body.mkp1-page .mkp1-main-source-grid a > em { color: #076e97; }
body.mkd1-page .mkd1-resultbar > div { color: #516975; }
body.mkd1-page .mkd1-context { color: #066b8a; }
body.mkd1-page .mkd1-code { color: #526b76; }
body.mkv4-page .mkm1-weather-head > span,
body.mkv4-page .mkm1-weather-metrics > div > span,
body.mkv4-page .mkm1-related-list a small { color: #536b76; }
body.mkv4-page .mkm1-source-grid a > em { color: #076e97; }

/* The legacy GeneratePress off-canvas output renders under the premium footer.
   Premium pages already have their own accessible C2 details navigation.
   Scope the suppression to these premium pages only. */
body.mkv4-page #generate-slideout-menu,
body.mkv4-page .slideout-overlay { display: none !important; }

/* MarineTraffic portrait-friendly viewing area, vessel and port profiles only.
   No effect on monitoring areas, directories, or desktop (> 768px). */
@media (max-width: 480px) {
  body.single-mk_vessel.mkv4-page .mkv4-map,
  body.single-mk_port.mkp1-page .mkv4-map {
    aspect-ratio: auto;
    height: 500px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  body.single-mk_vessel.mkv4-page .mkv4-map,
  body.single-mk_port.mkp1-page .mkv4-map {
    aspect-ratio: auto;
    height: 520px;
  }
}