/* Shared header geometry and logo treatment across all pages. */
.aran-header { position: sticky; top: 0; z-index: 40; background: rgba(5,7,6,.72); backdrop-filter: blur(8px) saturate(120%); border-bottom: 1px solid var(--rule-1); }
.aran-header, .aran-header * { box-sizing: border-box; }
.aran-hdr { width: 100%; max-width: 1180px; margin-inline: auto; padding: 16px clamp(18px,3vw,36px); display: grid; grid-template-columns: minmax(0,360px) 171px; align-items: center; justify-content: space-between; gap: 24px; }
.aran-brand { display: block; min-width: 0; line-height: 0; text-decoration: none; }
.aran-wm { display: block; width: 100%; height: auto; filter: drop-shadow(0 0 6px #33ff6666); }
.aran-header-action { display: flex; align-items: center; justify-content: flex-end; min-height: 48px; }
.aran-mf { flex: none; white-space: nowrap; line-height: 1.6; }
.aran-back-link { display: inline-flex; align-items: center; min-height: 48px; color: var(--fg-2); text-decoration: none; white-space: nowrap; font: 10px/1.6 var(--font-mono); letter-spacing: .13em; }
.aran-back-link:hover { color: var(--phosphor-300); }
.aran-header a:focus-visible { outline: 1px solid var(--phosphor-100); outline-offset: 3px; }
@media (max-width: 640px) {
  .aran-hdr { grid-template-columns: minmax(0,360px) 108px; gap: 12px; }
  .aran-header-action, .aran-back-link { min-height: 44px; }
  .aran-mf { min-height: 44px; padding: 10px 11px; gap: 6px; font-size: 9px; letter-spacing: .08em; }
  .aran-back-link { font-size: 8px; letter-spacing: .06em; }
}