/* ═══════════════════════════════════════
   HISTORY ARTICLE — dark charcoal + SH tile pattern
═══════════════════════════════════════ */
body.page-history {
  background: #1a1714;
  color: var(--on-dark);
}

body.page-history #nav {
  background: rgba(28, 25, 22, 0.96);
  border-bottom: 1px solid rgba(154, 125, 66, 0.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.page-history #nav .nav-logo,
body.page-history #nav .nav-wm,
body.page-history #nav .nav-est {
  color: var(--on-dark);
}
body.page-history #nav .nav-logo-img {
  filter: brightness(0) invert(1);
  opacity: 0.95;
}
body.page-history #nav .nav-div {
  background: rgba(208, 204, 198, 0.3);
}
body.page-history #nav .nav-est {
  color: var(--gll);
}
body.page-history #nav .nav-link {
  color: rgba(201, 168, 106, 0.88);
  font-weight: 600;
}
body.page-history #nav .nav-link:hover,
body.page-history #nav .nav-link.is-active,
body.page-history #nav .nav-link[aria-current='page'] {
  color: var(--gll);
}
body.page-history #nav .mob-btn span {
  background: var(--on-dark);
}
body.page-history #nav.scrolled {
  background: rgba(28, 25, 22, 0.96);
  border-bottom: 1px solid rgba(154, 125, 66, 0.18);
}
body.page-history #nav.scrolled .nav-logo,
body.page-history #nav.scrolled .nav-wm,
body.page-history #nav.scrolled .nav-est {
  color: var(--on-dark);
}
body.page-history #nav.scrolled .nav-logo-img {
  filter: brightness(0) invert(1);
  opacity: 0.95;
}
body.page-history #nav.scrolled .nav-est {
  color: var(--gll);
}
body.page-history #nav.scrolled .nav-div {
  background: rgba(208, 204, 198, 0.3);
}
body.page-history #nav.scrolled .nav-link {
  color: rgba(201, 168, 106, 0.88);
  font-weight: 600;
}
body.page-history #nav.scrolled .nav-link:hover,
body.page-history #nav.scrolled .nav-link.is-active,
body.page-history #nav.scrolled .nav-link[aria-current='page'] {
  color: var(--gll);
}
body.page-history #nav.scrolled .mob-btn span {
  background: var(--on-dark);
}

body.page-history #mob-nav {
  background: #1c1916;
}
body.page-history .mob-link {
  color: var(--on-dark);
  border-bottom-color: rgba(154, 125, 66, 0.18);
}
body.page-history .mob-link:hover {
  color: var(--gll);
}

/* Main band — charcoal + mark tile pattern */
body.page-history .history-main {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse 70% 45% at 50% 0%, rgba(154, 125, 66, 0.09), transparent 55%),
    #1a1714;
  padding: clamp(28px, 5vw, 48px) 0 clamp(48px, 8vw, 80px);
  min-height: 60vh;
}
body.page-history .history-main.sh-pattern::before {
  opacity: 0.1;
  filter: brightness(1.5) saturate(0.85);
  background-size: 180px 180px;
}
body.page-history .history-inner {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

/* Hero / title band */
body.page-history .page-hero {
  background: transparent;
  border-bottom: none;
  max-width: none;
  margin: 0;
  padding: 0 0 clamp(20px, 4vw, 32px);
  text-align: left;
}
body.page-history .page-hero h1 {
  color: var(--on-dark);
  max-width: 22ch;
  font-weight: 300;
}
body.page-history .page-hero h1 em {
  color: var(--gll);
}
body.page-history .blog-back {
  color: rgba(208, 204, 198, 0.55);
}
body.page-history .blog-back:hover {
  color: var(--gll);
}
body.page-history .blog-meta {
  color: rgba(208, 204, 198, 0.5);
  justify-content: flex-start;
}
body.page-history .blog-meta time {
  color: var(--gll);
}

/* Article body */
body.page-history .space-img {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  border: 1px solid rgba(154, 125, 66, 0.16);
}
body.page-history .blog-hero {
  width: 100vw;
  max-width: 100vw;
  max-height: min(56vh, 560px);
  height: clamp(220px, 42vw, 560px);
  object-fit: cover;
  margin: 0 calc(50% - 50vw) 2rem;
  border: none;
}
body.page-history .blog-article {
  max-width: none;
  margin: 0;
  padding: 0;
}
body.page-history .blog-article p {
  color: rgba(208, 204, 198, 0.72);
}
body.page-history .blog-section h2 {
  color: var(--on-dark);
  font-weight: 300;
}
body.page-history .blog-cta {
  background: rgba(154, 125, 66, 0.08);
  border-left-color: var(--gll);
  color: rgba(208, 204, 198, 0.72);
}
body.page-history .blog-cta a {
  color: var(--gll);
  border-bottom-color: rgba(201, 168, 106, 0.35);
}
body.page-history .blog-cta a:hover {
  color: #d4c49a;
}

body.page-history .blog-nav {
  max-width: none;
  margin: 0;
  padding: 2rem 0 0;
  border-top-color: rgba(154, 125, 66, 0.16);
}
body.page-history .blog-nav a {
  color: rgba(208, 204, 198, 0.62);
}
body.page-history .blog-nav a:hover {
  color: var(--gll);
}

/* Footer */
body.page-history .footer-quote {
  background: #161412;
  border-top-color: rgba(154, 125, 66, 0.14);
}
body.page-history .footer-quote .footer-quote-text {
  color: rgba(208, 204, 198, 0.35);
}
body.page-history footer {
  background: #1c1916;
  border-top-color: rgba(154, 125, 66, 0.14);
  color: var(--on-dark);
}
body.page-history footer .footer-logo-img {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}
body.page-history footer .footer-brand {
  color: var(--on-dark);
}
body.page-history footer .footer-desc,
body.page-history footer .footer-addr,
body.page-history footer .footer-copy,
body.page-history footer .footer-est {
  color: rgba(208, 204, 198, 0.55);
}
body.page-history footer .footer-addr a,
body.page-history footer .footer-link {
  color: rgba(208, 204, 198, 0.62);
}
body.page-history footer .footer-link:hover,
body.page-history footer .footer-addr a:hover {
  color: var(--gll);
}
body.page-history footer .footer-col-title {
  color: var(--gll);
}
body.page-history footer .footer-bottom {
  border-top-color: rgba(154, 125, 66, 0.12);
}