/* Reference: nordic-startup-tyylit.png. Public branding only; no admin styles. */
:root {
  --brand-night: #020510;
  --brand-blue: #176bff;
  --brand-cyan: #29d9ef;
  --brand-violet: #a475ff;
}
.nsn-brand .brand-wordmark, .footer-brand .brand-wordmark,
.seo-site-brand .brand-wordmark, .seo-footer-brand .brand-wordmark {
  display: grid; gap: 4px; border-left: 1px solid #6680b052; padding-left: 14px;
  font-family: Arial, Helvetica, sans-serif; text-align: left;
}
.brand-wordmark b {
  display: block; color: #f6f8ff; font: 800 24px/1 Arial, Helvetica, sans-serif;
  letter-spacing: .19em;
}
.brand-wordmark em {
  display: block; color: #79aaff; font: 700 10px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: .24em; white-space: nowrap;
}
.brand-wordmark small {
  display: block; margin-top: 3px; color: #c1cce1;
  font: 500 9px/1.3 Arial, Helvetica, sans-serif; letter-spacing: .035em;
  white-space: nowrap;
}
.nsn-app .nsn-brand-logo, .nsn-app .footer-brand img,
.seo-site-brand .seo-site-logo-image, .seo-footer-brand > a img {
  width: 280px; height: 72px; max-width: 100%; object-fit: contain; border-radius: 0; flex-shrink: 0;
}
.seo-site-brand { display: flex; align-items: center; }
.nsn-app .footer-brand b { font-size: 24px; line-height: 1; letter-spacing: .19em; }
.nsn-app .footer-brand small { font-size: 9px; }
.nsn-app .masthead {
  background: var(--brand-night) url('/nsn-brand-horizon-v3.webp') center bottom / cover no-repeat;
}
.nsn-app .masthead::before {
  background: linear-gradient(90deg, #020510aa, #02051055 65%, #02051033);
  pointer-events: none;
}
.nsn-app .nsn-header { min-height: 80px; border-bottom: 1px solid #a4bfff1c; }
.nsn-app .nsn-header nav.open { background: #080f25; border-color: #243b69; }
.nsn-app .header-search { background: #0c1530c9; border-color: #7a9ad94d; }
.nsn-app .header-live { border-color: #7a9ad94d; }
.nsn-app .header-live i { background: var(--brand-cyan); box-shadow: 0 0 8px #29d9ef70; }
.nsn-app .magazine-intro h1 { font-family: Arial, Helvetica, sans-serif; font-weight: 750; letter-spacing: -.045em; white-space: normal; }
.nsn-app .magazine-intro .edition-label { color: #97b8ff; }
.nsn-app .intro-actions a:first-child { background: var(--brand-blue); color: #fff; }
.nsn-app .intro-actions a + a { background: #080e24bf; border-color: #748bb35e; }
.nsn-app .intro-stats { border-color: #8daaff3d; }
.nsn-app .magazine-intro .nordic-map {
  border-color: #5e87e052; background: linear-gradient(145deg, #0b1732f2, #050b1cf2);
  box-shadow: 0 12px 40px #0005, inset 0 1px #a9caff12;
}
.nsn-app .map-pins, .nsn-app .map-pin-halo { fill: var(--brand-cyan); }
.nsn-app .map-caption-dot { background: var(--brand-cyan); }
.nsn-app .nordic-map-heading { color: #9bbbff; }
.nsn-app .brand-directory {
  position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
  padding-block: 20px; border-top: 1px solid #a4bfff29; gap: 8px;
}
.brand-directory a {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 66px; gap: 10px; padding: 8px; border-radius: 6px;
  color: #b3ccff; text-align: center;
}
.brand-directory a[data-tone="violet"] { color: #c1a0ff; }
.brand-directory a[data-tone="cyan"] { color: #7fe6f3; }
.brand-directory svg { width: 30px; height: 30px; }
.brand-directory span { color: #c4cee3; font-size: 10px; line-height: 1.4; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.brand-directory a:hover { background: #718cff17; }
.nsn-app .filter-pill.active { background: #1859d8; border-color: #1859d8; }
.nsn-app .signal-meta b { color: #245ac2; }
.nsn-app .story-label { background: #1b4ab2; }
.nsn-app .story-arrow { border-color: #668fe4; color: #3269db; }
.nsn-app .more-layout > .coverage-insight { background: linear-gradient(145deg, #111d3a, #050b1a 80%); border-color: #2c4370; }
.nsn-app .coverage-heading, .nsn-app .coverage-heading svg { color: #9bbbff; }
.nsn-app .coverage-track > span { background: #5b95ff; }
.nsn-app .coverage-topics [data-topic="ai-deeptech"] .coverage-track > span { background: #44d1ef; }
.nsn-app .coverage-topics [data-topic="people-ecosystem"] .coverage-track > span { background: #ae87f8; }
.nsn-app .coverage-topics [data-topic="climate-energy"] .coverage-track > span { background: #78e4ed; }
.nsn-app .coverage-insight > .coverage-explore { color: #b1caff; }
.nsn-app .briefing-banner { background-image: linear-gradient(90deg, #020510ed, #02051080), url('/nsn-brand-horizon-v3.webp'); background-size: cover; }
.nsn-app .site-footer { background: var(--brand-night); border-top: 1px solid #35548c; }
.nsn-app .footer-newsletter button { background: #276af0; color: #fff; }
.seo-site-topbar { background: var(--brand-night); grid-template-columns: minmax(285px,1fr) auto; }
.seo-site-topbar .seo-site-brand { grid-template-columns: none; gap: 0; }
.seo-site-brand .brand-wordmark small { color: #c1cce1; font-weight: 500; font-size: 9px; }
.seo-site-nav a:after { background: var(--brand-blue); }
.seo-site-footer { background: var(--brand-night); border-color: #35548c; }
.seo-site-footer:before { background-image: url('/nsn-brand-horizon-v3.webp'); }
.seo-site-footer:after { background: linear-gradient(90deg, #020510fa 15%, #020510dd 45%, #02051044), linear-gradient(0deg, #020510, transparent); }
.seo-site-footer .seo-footer-newsletter button, .seo-site-footer .seo-footer-actions .is-primary { background: #276af0; border-color: #276af0; color: white; }
.seo-site-nav-mobile { background: #080f25; }
@media (min-width:1600px) {
  .nsn-app .nsn-brand-logo { width: 330px; height: 80px; }
  .nsn-brand .brand-wordmark b { font-size: 30px; }
  .nsn-brand .brand-wordmark em { font-size: 12px; }
  .nsn-brand .brand-wordmark small { font-size: 10px; }
  .brand-directory span { font-size: 12px; }
  .brand-directory svg { width: 34px; height: 34px; }
}
@media (min-width:901px) and (max-width:1599px) {
  .nsn-brand .brand-wordmark small { display: none; }
  .nsn-brand .brand-wordmark b { font-size: 21px; }
  .nsn-brand .brand-wordmark em { font-size: 9px; }
  .nsn-app .nsn-brand-logo { width: 260px; height: 68px; }
}
@media (min-width:761px) and (max-width:1050px) {
  .seo-site-topbar { grid-template-columns: 235px minmax(0,1fr); gap: 12px; }
  .seo-site-brand .seo-site-logo-image { width: 225px; height: 60px; }
  .seo-site-nav-desktop { gap: 12px; }
  .seo-site-brand .brand-wordmark small { display: none; }
}
@media (max-width:760px) {
  .seo-site-topbar { grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
  .seo-site-topbar .seo-site-brand { grid-template-columns: none; gap: 0; }
  .seo-site-brand .seo-site-logo-image { width: 200px; height: 52px; }
  .seo-site-brand .brand-wordmark { padding-left: 8px; }
  .seo-site-brand .brand-wordmark b { font-size: 19px; }
  .seo-site-brand .brand-wordmark em { font-size: 8px; }
  .seo-site-brand .brand-wordmark small { display: none; }
  .seo-site-menu > summary { min-width: 70px; padding-inline: 10px; }
}
@media (max-width:600px) {
  .nsn-app .nsn-header { min-height: 74px; gap: 10px; }
  .nsn-app .nsn-header nav.open { top: 70px; }
  .nsn-app .nsn-brand-logo { width: 210px; height: 58px; }
  .nsn-brand .brand-wordmark { padding-left: 10px; gap: 3px; }
  .nsn-brand .brand-wordmark b { font-size: 22px; }
  .nsn-brand .brand-wordmark em { font-size: 9px; }
  .nsn-brand .brand-wordmark small { display: none; }
  .nsn-app .header-live { display: none; }
  .nsn-app .masthead { background-size: auto 680px; background-position: 58% top; }
  .nsn-app .brand-directory { grid-template-columns: repeat(3,minmax(0,1fr)); padding-block: 14px; gap: 6px; }
  .brand-directory span { font-size: 9px; letter-spacing: .06em; }
  .brand-directory a { min-height: 74px; gap: 8px; }
  .brand-directory svg { width: 26px; height: 26px; }
}