/* nm-chrome.css: GENERATED by tools/gen_chrome_css.py from nm-site.css. Do not edit by hand.
   The shared header and footer only, scoped, for pages with their own design (timelines, maps, studies). */
@font-face { font-family: "Cardo"; src: url("fonts/cardo-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Cardo"; src: url("fonts/cardo-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Cardo"; src: url("fonts/cardo-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("fonts/figtree-var.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("fonts/figtree-var-italic.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/plexmono-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
.site-head, .site-foot, .skip { color-scheme: light;
  
  --page: #f6f0e3;          
  --card: #fffcf5;          
  --sand: #ece2cc;          
  --line: #9c8660;          
  --line-soft: #d8c9a8;     
  --night: #2a3344;         
  --night-2: #161c27;       
  --ink: #1f1b16;           
  --muted: #5a5246;         
  --heading: #161c27;
  --lamp: #d4a24c;          
  --lamp-soft: #ecc988;
  --lamp-text: #7e5a12;     
  --lamp-wash: #f7ecd2;     
  --berean: #4fb286;        
  --berean-text: #256b4b;   
  --on-band: #f2ebdc;
  --band-text: #c9cfdb;
  --foot-muted: #9aa3b5;
  --focus: #1b5fa8;
  --r: 14px;
  --font-display: "Cardo", Georgia, "Times New Roman", serif;
  --font-ui: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: var(--font-ui);      
  --font-scrip: "Cardo", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace; }
.site-head, .site-foot { font-family: var(--font-ui); font-size: 20px; line-height: 1.6; box-sizing: border-box; text-align: left; font-style: normal; }
.site-head *, .site-foot * { box-sizing: border-box; }
header.site-head, footer.site-foot { margin: 0; padding-left: 0; padding-right: 0; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; box-shadow: none; position: static; max-width: none; width: auto; text-shadow: none; background-image: none; }
header.site-head { padding-top: 0; padding-bottom: 0; border-bottom: 3px solid var(--lamp); }
footer.site-foot { border-bottom: 0; }
.skip { font: 700 20px/1.2 var(--font-ui); }
.site-head *, .site-foot * { letter-spacing: normal; text-transform: none; text-shadow: none; float: none; }
.site-head a, .site-foot a { color: var(--lamp-text); text-underline-offset: 3px; }
.site-head :focus-visible, .site-foot :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 4px; }
.site-head p, .site-foot p { margin: 0; }
.site-head h1, .site-foot h1, .site-head h2, .site-foot h2, .site-head h3, .site-foot h3, .site-head h4, .site-foot h4 { font-family: var(--font-display); font-weight: 700; line-height: 1.1; margin: 0; color: var(--heading); text-wrap: balance; }
.site-head .wrap, .site-foot .wrap { max-width: 1180px; margin: 0 auto; padding-inline: 20px; }
.site-head { background: var(--night); color: var(--on-band); border-bottom: 3px solid var(--lamp); }
.site-head .wrap { display: flex; align-items: center; gap: 12px 24px; min-height: 80px; flex-wrap: wrap; padding-block: 10px; }
.site-head .mark { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--on-band); }
.site-head .mark img { width: 64px; height: auto; flex: none; }
.site-head .mark span { font-family: var(--font-display); font-weight: 700; font-size: 29px; line-height: 1; color: var(--lamp); }
.site-head .mark small { display: block; font-family: var(--font-ui); font-size: 18px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--band-text); margin-top: 4px; }
.site-head .site-nav { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-left: auto; align-items: center; }
.site-head .site-nav a { color: var(--band-text); text-decoration: none; font-weight: 600; font-size: 20px; padding-block: 6px; }
.site-head .site-nav a:hover, .site-head .site-nav a[aria-current] { color: var(--lamp-soft); }
.site-head .site-nav a[aria-current] { box-shadow: inset 0 -3px 0 var(--lamp); }
@media (max-width: 440px) { .site-head .mark small { letter-spacing: .04em; } .site-head .mark span { font-size: 27px; } }
@media (max-width: 640px) { .site-head .wrap { min-height: 0; padding-block: 8px; gap: 6px 12px; } .site-head .mark img { width: 44px; } .site-head .mark small { display: none; } .site-head .site-nav { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 0 20px; } }
@media (max-width: 640px) { .site-head .site-nav { margin-left: 0; width: 100%; gap: 4px 18px; } .site-head .site-nav a { font-size: 19px; } }
.site-head .cite, .site-foot .cite { font-family: var(--font-mono); font-weight: 600; font-size: 18px; letter-spacing: .2em; text-transform: uppercase; color: var(--lamp-text); }
.site-foot { background: var(--night-2); color: var(--band-text); padding-block: 52px 36px; font-size: 19px; }
.site-foot .verse { font-family: var(--font-scrip); font-style: italic; font-size: 25px; color: var(--on-band); max-width: 36em; }
.site-foot .foot-grid { display: grid; gap: 28px; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); margin-top: 36px; }
.site-foot h4 { font-family: var(--font-mono); font-weight: 600; color: var(--lamp); font-size: 18px; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 10px; }
.site-foot ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.site-foot a { color: var(--band-text); text-decoration: none; }
.site-foot a:hover { color: var(--lamp-soft); text-decoration: underline; }
.site-foot .foot-base { margin-top: 34px; padding-top: 18px; border-top: 2px solid #2c3546; font-size: 18px; color: var(--foot-muted); display: grid; gap: 8px; }
.site-foot .foot-base a { color: var(--foot-muted); text-decoration: underline; }
.skip { position: absolute; left: -9999px; top: 0; background: var(--lamp); color: var(--night-2); padding: 12px 18px; font-weight: 700; z-index: 50; }
.skip:focus { left: 12px; top: 12px; }
@media print { .site-head, .site-foot, .skip { display: none !important; } }
@media (max-width: 640px) { .site-head .site-nav { order: 2; } }