/* Shared editorial treatment; diagram geometry and motion remain in their own styles. */
:root{--paper:#f2f1eb;--ink:#1b221e;--muted:#5d655e;--dark:#111513;--line:#d0d4c9}
html{scroll-padding-top:90px}
.site-header{height:80px;padding-inline:4.2vw;gap:35px;background:var(--dark);color:var(--paper);border-bottom:1px solid #f2f1eb24}
.site-header .brand{width:126px}.site-header .brand img{filter:grayscale(1) brightness(0) invert(1)}
.site-header .primary-nav{font-size:13px;gap:32px}
.site-header .header-contact{border:0;border-bottom:1px solid #f2f1eb88;padding:8px 0;gap:35px}
.site-header .header-contact:hover{background:transparent;color:var(--sage)}
.site-header.menu-open{background:var(--dark)}
.site-header .primary-nav a[aria-current]::after{width:100%}
.detail-hero h1,.detail-heading h2,.detail-related h2{font-weight:400;letter-spacing:-.055em}
.detail-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#71617e;font-weight:400}
.detail-section--tint,.detail-related{background:#e8ebe2}
.detail-hero-copy,.detail-heading p:not(.section-label){line-height:1.8}
.detail-footer{background:var(--dark)}
.detail-footer .brand img{filter:grayscale(1) brightness(0) invert(1)}
@media(min-width:1800px){.site-header{padding-inline:max(56px,calc((100vw - 1536px)/2))}}
@media(max-width:900px){html{scroll-padding-top:85px}.site-header{height:auto;min-height:75px;padding:20px 25px}.site-header .primary-nav{font-size:14px}}
@media(max-width:700px){.site-header{padding-inline:20px;gap:18px}.site-header .brand{width:110px}.site-header .header-contact{font-size:12px;gap:18px;padding:4px 0}}