/* Active nav for subpages (matches partials/header.html data-nav + body data-page) */
body[data-page="seo"] a[data-nav="seo"],
body[data-page="seo"] a[data-nav="palvelut"],
body[data-page="verkkosivut"] a[data-nav="verkkosivut"],
body[data-page="verkkosivut"] a[data-nav="palvelut"],
body[data-page="palvelut"] a[data-nav="palvelut"],
body[data-page="caset"] a[data-nav="caset"],
body[data-page="yhteys"] a[data-nav="yhteys"],
body[data-page="case-study"] a[data-nav="caset"] {
  opacity: 1 !important;
  color: #00f0ff !important;
}
body[data-page="seo"] [data-site-nav-desktop] a[data-nav="seo"],
body[data-page="seo"] [data-site-nav-desktop] a[data-nav="palvelut"],
body[data-page="verkkosivut"] [data-site-nav-desktop] a[data-nav="verkkosivut"],
body[data-page="verkkosivut"] [data-site-nav-desktop] a[data-nav="palvelut"],
body[data-page="palvelut"] [data-site-nav-desktop] a[data-nav="palvelut"],
body[data-page="caset"] [data-site-nav-desktop] a[data-nav="caset"],
body[data-page="yhteys"] [data-site-nav-desktop] a[data-nav="yhteys"],
body[data-page="case-study"] [data-site-nav-desktop] a[data-nav="caset"] {
  border-bottom: 2px solid #00f0ff;
  padding-bottom: 0.25rem;
}