/* Public V2 visual update, approved 28 October 2026. */
:root{--v2-header:#e5d9c4;--v2-section-light:#f4eedf;--v2-section-shade:#eae0cd}
html .site-navigation-shell,
html .site-navigation-shell header.global-header,
html .site-navigation-shell nav.section-navigation,
html header.top,
html .shell .top,
html header.standalone-site-header,
html .public-video .top{background:var(--v2-header)}
html main>section[data-v2-band="light"],
html main>nav[data-v2-band="light"]{background:var(--v2-section-light)}
html main>section[data-v2-band="shade"]{background:var(--v2-section-shade);color:var(--ink)}
html main>section[data-v2-band="dark"]{background:var(--ink);color:var(--paper)}
html main .cards{display:block;max-width:980px;margin-top:32px}
html main .cards>.card{display:block;margin:0;padding:29px 0 32px;border-top:1px solid var(--line,#d1c7b7)}
html main .cards>.card h2{margin:0 0 13px;max-width:900px}
html main .cards>.card p:not(.article-date){max-width:860px;margin:0;line-height:1.7}
.article-date{font:12px/1.6 Arial,sans-serif;color:var(--muted,#70675e);letter-spacing:.02em}
html main .cards>.card .article-date{margin:0 0 11px}
.reader>.article-date{margin:0 0 22px}
@media(max-width:700px){html main .cards>.card{padding:24px 0 27px}.article-date{font-size:11px}}
/* One local V2 brand/header across the home, articles, glossary, history and account. */
html body .v2-header{display:flex;align-items:center;gap:22px;min-height:54px;padding:5px 4%;box-sizing:border-box;background:var(--v2-header);color:var(--ink,#322e2b);border-bottom:1px solid #302c2b30;position:sticky;top:0;z-index:100;flex-wrap:nowrap}
html body .site-navigation-shell .v2-header{position:static;border-bottom:0}
html body .v2-header .v2-brand{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;width:auto;min-width:130px;flex:0 0 auto;margin:0 auto 0 0;text-decoration:none;letter-spacing:normal;overflow:visible}
html body .v2-header .v2-brand .brand-logo{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;overflow:visible;margin:0}
html body .v2-header .v2-brand img{display:block;width:32px;height:32px;max-width:none;object-fit:contain;transform:none;mix-blend-mode:multiply}
html body .v2-header .v2-brand .brand-name{display:block;visibility:visible;opacity:1;font:10px/1.3 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:inherit;margin:0;white-space:nowrap}
html body .v2-header :is(.global,.global-navigation,.standalone-sections){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:20px;margin:0;font:14px/1.5 Arial,sans-serif;order:0;width:auto;flex-basis:auto}
html body .v2-header .mobile-toggle{display:none}
html body .v2-header .access-link{border:1px solid #302c2b40;padding:2px 9px;font-size:12px;white-space:nowrap}
html body .v2-header :is(.langs,.language-picker,.language-dropdown){margin:0!important;flex:0 0 auto}
@media(max-width:760px){
 html body .v2-header{flex-wrap:wrap;gap:8px 14px;padding:8px 20px}
 html body .v2-header :is(.global,.global-navigation,.standalone-sections){order:3;flex-basis:100%;width:100%;justify-content:flex-start;gap:8px 18px;overflow:visible;font-size:13px}
 html body .v2-header .v2-brand{min-width:130px}
 html body .site-navigation-shell nav.section-navigation{padding-left:20px;padding-right:20px;gap:10px 18px}
}
