/* HeadlineDecoded masthead refinement */
.brand-row {
  height: 92px;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto minmax(280px, 1fr);
  align-items: center;
}

.brand-row > .brand {
  grid-column: 1;
  justify-self: start;
}

.brand {
  gap: 12px;
  font-size: 22px;
  line-height: 1;
  white-space: nowrap;
}

.brand > span:last-child {
  display: flex;
  align-items: baseline;
}

.brand > span:last-child > span { color: var(--red); }

.brand-mark {
  width: 46px;
  height: 46px;
  border-radius: 8px 18px 8px 18px;
  font-size: 14px;
  transform: rotate(-2deg);
}

.brand-row > p {
  grid-column: 2;
  margin: 0;
  text-align: center;
  font-size: 11px;
  letter-spacing: .04em;
}

.brand-row > p strong {
  display: block;
  color: var(--ink);
}

.header-actions {
  grid-column: 3;
  display: flex;
  align-items: center;
  gap: 12px;
}

.search-btn {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 50%;
  font-size: 27px;
  line-height: 1;
}

.brief-btn { font-size: 12px; padding: 13px 19px; }
.main-nav .shell{justify-content:flex-start;height:58px;gap:36px}
.main-nav a{font-family:"DM Sans",sans-serif;font-size:16px;font-weight:600;letter-spacing:-.015em;text-transform:none;white-space:nowrap}
.main-nav.nav-fixed{position:fixed;top:0;left:0;width:100%;z-index:80;box-shadow:0 7px 22px rgba(12,20,26,.12)}
.nav-spacer{height:0}
.article-header .brand-row { height: 76px; }

/* Keep masthead controls legible when the site theme reverses its colour tokens. */
.utility-links button,.search-btn,.menu-btn{color:var(--ink)}
.utility-links .language-link{font-weight:800;color:var(--red);text-decoration:none}
.dark .utility-links .language-link{color:#ff6b74}
.dark .breaking-bar{background:#0e151a;color:#fff}
.dark .breaking-inner a,.dark .breaking-label,.dark .breaking-inner button{color:#fff}
.dark .breaking-time{color:#c3cdd3}
.dark .utility-row{color:#c3cdd3}
.dark .utility-links a,.dark .utility-links button{color:#f4f4f0}
.dark .brand-row>p strong,.dark .search-btn{color:#f4f4f0}
.dark .search-btn{border-color:#4a5760}

@media (max-width: 680px) {
  .brand-row,
  .article-header .brand-row {
    height: 70px;
    grid-template-columns: 38px 1fr 38px;
  }

  .menu-btn { display: block; grid-column: 1; }
  .brand-row > .brand { grid-column: 2; justify-self: center; }
  .brand-row > p, .brief-btn { display: none; }
  .header-actions { grid-column: 3; }
  .brand { gap: 7px; font-size: 15px; }
  .brand-mark { width: 33px; height: 33px; font-size: 11px; }
  .search-btn { width: 36px; height: 36px; border: 0; }
  .main-nav.nav-fixed.open{position:fixed;top:0;max-height:100vh;overflow:auto}
  .main-nav .shell{height:auto;gap:0}
  .main-nav a{font-size:16px;letter-spacing:-.01em;text-transform:none}
  .utility-row{font-size:11px}
  .utility-links{gap:10px}
  .utility-links>a:first-child{display:block}
  #themeBtn{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid var(--line);border-radius:50%;color:var(--ink);line-height:1}
  .dark #themeBtn{background:#f4f4f0;border-color:#f4f4f0;color:#10171c}
}