@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-normal-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/manrope-normal-latin.woff2") format("woff2");font-weight:200 800;font-display:swap}
:root{color-scheme:light;--bg:#fff;--paper:#fff;--line:#dedee0;--text:#202124;--muted:#666970;--accent:#bc001f;--surface:#f7f7f8;--field:#fff}
html[data-theme="dark"]{color-scheme:dark;--bg:#1c1c1d;--paper:#212529;--line:#424246;--text:#e8e8e8;--muted:#b7b9bd;--accent:#67c7e2;--surface:#292d31;--field:#292d31}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:3px}a:hover{opacity:.8}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body:not(:has(.topbar)) main{max-width:1100px;margin:auto;padding:0 32px 52px}body:not(:has(.topbar)) nav{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);min-height:72px;font-size:13px}body:not(:has(.topbar)) nav span{color:var(--muted)}body:not(:has(.topbar)) nav a:last-child{margin-left:auto}body:not(:has(.topbar)) .site-name{font:600 18px Manrope,sans-serif;color:var(--text);text-decoration:none}body:not(:has(.topbar)) header{padding:75px 0 46px;max-width:760px}body:not(:has(.topbar)) h1{font:700 clamp(40px,6vw,60px)/1.08 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 18px}body:not(:has(.topbar)) header p{max-width:650px;font-size:19px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.open-atlas{display:inline-flex;gap:20px;padding:11px 17px;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}.secondary-action{font-weight:600;text-decoration:none}.coverage{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;color:var(--muted);font-size:13px}body:not(:has(.topbar)) section{margin-top:40px}body:not(:has(.topbar)) h2{font:650 22px/1.3 Manrope,sans-serif;letter-spacing:-.02em}body:not(:has(.topbar)) table{width:100%;border-collapse:collapse;text-align:left}body:not(:has(.topbar)) th,body:not(:has(.topbar)) td{border-bottom:1px solid var(--line);padding:16px 12px;vertical-align:top}body:not(:has(.topbar)) th:first-child,body:not(:has(.topbar)) td:first-child{padding-left:0;width:35%}body:not(:has(.topbar)) th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}body:not(:has(.topbar)) td p,.notes p{margin:0;color:var(--muted)}body:not(:has(.topbar)) .notes p+p{margin-top:12px}body:not(:has(.topbar)) footer{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:var(--muted);font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 22px}
/* Catalog shares the website's type, colors, and controls. */
.topbar .brand,h1,h2,.coverage strong,.empty-state h3{font-family:Manrope,"DM Sans",sans-serif}.topbar .brand{font-weight:650}.topbar{background:var(--bg)}.section-number{font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:.1em}.search-field input,.filter-line select,button,input,select{background:var(--field);border-color:var(--line);border-radius:5px;color:var(--text)}button:hover{background:var(--surface)}.coverage strong{font-weight:650}.reading-notes{border-top-color:var(--line)}th{border-top-color:var(--line)}.record-title{text-decoration-color:var(--line)}.evidence-label.annotated_map,.evidence-label.source_image{color:var(--accent)}
@media(max-width:640px){body:not(:has(.topbar)) main{padding:0 20px 35px}body:not(:has(.topbar)) nav{min-height:64px;flex-wrap:wrap}body:not(:has(.topbar)) nav a:last-child{font-size:11px}body:not(:has(.topbar)) header{padding:50px 0 30px}body:not(:has(.topbar)) header p{font-size:16px}body:not(:has(.topbar)) thead{display:none}body:not(:has(.topbar)) table,body:not(:has(.topbar)) tbody,body:not(:has(.topbar)) tr,body:not(:has(.topbar)) td{display:block;width:100%}body:not(:has(.topbar)) tr{border-bottom:1px solid var(--line);padding:15px 0}body:not(:has(.topbar)) td,body:not(:has(.topbar)) td:first-child{border:0;width:100%;padding:3px 0}}
.topbar + main h1{font-weight:700;letter-spacing:-.035em}
html[data-theme="dark"] .open-atlas{color:#142126}
@media(max-width:600px){.topbar nav{flex-wrap:wrap;gap:8px 18px}.topbar nav a{white-space:nowrap}}
html[data-theme="dark"] input::placeholder{color:#b7b9bd;opacity:1}
