/* A clearly separate English journal within the same static website. */
.blog-masthead {
  position: relative; z-index: 20; display: flex; align-items: center;
  justify-content: space-between; gap: 18px 36px; min-height: 82px;
  padding: 15px clamp(24px, 4.3vw, 72px);
  border-bottom: 1px solid rgba(155,197,205,.2); background: #090b0e;
}
.blog-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.blog-brand img { display: block; width: 43px; height: 43px; object-fit: contain; }
.blog-brand-name { color: #ebf3f5; font: 500 clamp(12px,1.15vw,16px)/1.3 Orbitron,Arial,sans-serif; letter-spacing: .13em; white-space: nowrap; }
.blog-brand-name b { font-weight: 600; background: linear-gradient(100deg,#60d8ed 15%,#dd5cde 90%); background-clip: text; color: transparent; }
.blog-brand-section { color: #91aab3; font: 500 11px/1.3 'IBM Plex Mono',monospace; letter-spacing: .1em; white-space: nowrap; }
.blog-nav { display: flex; align-items: center; gap: clamp(15px,2vw,30px); }
.blog-nav a { color: #d2e3e7; font-size: 12px; font-weight: 500; white-space: nowrap; }
.blog-nav a:hover, .blog-nav a:focus-visible { color: #fff; }
.blog-nav a[aria-current] { color: #49d9e8; }
.blog-nav .blog-switch { padding: 6px 8px; border: 1px solid rgba(73,217,232,.42); color: #49d9e8; font: 600 10px/1 Orbitron,Arial,sans-serif; letter-spacing: .08em; }
.blog-nav .blog-switch:hover { border-color: #49d9e8; background: rgba(73,217,232,.08); }
.blog-nav a[data-blog-return] { display: inline-flex; align-items: center; gap: 9px; padding-left: clamp(12px,2vw,25px); border-left: 1px solid rgba(155,197,205,.2); }
.blog-nav a[data-blog-return] span { color: #49d9e8; }
.blog-nav a[data-blog-return] small { color: #49d9e8; font: 600 9px/1 'IBM Plex Mono',monospace; letter-spacing: .07em; }
.blog-language { color: #8faab3; font: 500 10px/1.5 'IBM Plex Mono',monospace; letter-spacing: .1em; white-space: nowrap; }
.blog-footer a { color: #b5c9cf; }
.insights-language-badge { color: #e1a2de; }
@media (max-width: 850px) {
  .blog-language { display: none; }
}
@media (max-width: 600px) {
  .blog-masthead { min-height: 0; padding: 15px 24px; flex-wrap: wrap; }
  .blog-brand { width: 100%; }
  .blog-nav { width: 100%; justify-content: space-between; gap: 12px; padding-top: 5px; }
  .blog-nav a[data-blog-return] { padding-left: 14px; }
}
@media (max-width: 360px) {
  .blog-masthead { padding-inline: 18px; }
  .blog-brand img { width: 32px; height: 32px; }
  .blog-brand { gap: 8px; }
  .blog-brand-name { font-size: 10px; letter-spacing: .08em; }
  .blog-brand-section { font-size: 9px; }
  .blog-nav a { font-size: 11px; }
}

/* A compact journal masthead using the main site's restrained instrument line. */
.blog-masthead::after { content: ""; position: absolute; left: clamp(24px,4.3vw,72px); bottom: -1px; width: 68px; height: 2px; background: #49d9e8; }
.blog-nav a[aria-current="page"] { border-bottom: 1px solid #49d9e8; padding-bottom: 4px; }
.blog-footer { background: #0a1117; }
.blog-footer a:first-child { color: #c2e7eb; }
@media (max-width: 600px) { .blog-masthead::after { left: 24px; } }
@media (max-width: 360px) { .blog-masthead::after { left: 18px; } }