/* The reference pages use the same two typefaces and palette as the timeline. */
:root{color-scheme:light;--paper:#f6f4ed;--ink:#20373a;--muted:#68776f;--line:#dcded4;--gold:#b18c4c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink)}
a{color:inherit;text-underline-offset:.2em}a:hover{color:#765822}a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.reference-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1400px;margin:0 auto;padding:22px 36px;border-bottom:1px solid var(--line)}
.reference-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.reference-brand img{flex:none;object-fit:contain}.reference-brand strong{display:block;font:400 24px/1.2 var(--font-display)}.reference-brand small{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.reference-header nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:18px}.reference-header nav>a{text-decoration:none}.reference-languages{display:flex;gap:3px}.reference-languages a{padding:6px 9px;text-decoration:none;border-radius:4px}.reference-languages a[aria-current]{background:#e5e9df;font-weight:700}
main{max-width:1160px;margin:auto;padding:36px 36px 80px}.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:30px}
h1,h2{font-family:var(--font-display);line-height:1.25;overflow-wrap:anywhere}h1{font-size:clamp(30px,5vw,46px);font-weight:400;margin:0 0 14px}h2{font-size:24px;font-weight:400;margin:32px 0 14px}
.article-heading{margin-bottom:34px}.article-heading>p{max-width:760px;color:var(--muted)}.reference-category{font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 12px}.reference-subtitle{font-size:17px}.reference-action{display:inline-flex;align-items:center;gap:20px;padding:11px 17px;background:#203b3d;color:#fff;text-decoration:none;border-radius:4px;margin-top:7px}.reference-action:hover{color:#fff;background:#385451}
.reference-layout.has-image{display:grid;grid-template-columns:minmax(210px,300px) minmax(0,1fr);gap:42px}.reference-copy{min-width:0;max-width:780px;font-size:16px}.reference-description p{line-height:1.8}
.reference-image{margin:0}.reference-image img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#eae8de;border:1px solid var(--line);border-radius:4px}.reference-image figcaption{font-size:12px;color:var(--muted);line-height:1.65;margin-top:12px;overflow-wrap:anywhere}.reference-image figcaption span{display:block;margin-top:6px}
.reference-dates{display:flex;flex-wrap:wrap;gap:16px 32px;margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:13px}dd{margin:6px 0 0;font-variant-numeric:tabular-nums}.reference-dates dd{font-size:17px}
.reference-facts{margin:28px 0}.reference-facts>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,3fr);gap:20px;padding:13px 0;border-top:1px solid var(--line)}.reference-facts dd{margin:0;line-height:1.7;overflow-wrap:anywhere}
.reference-symbols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}.reference-symbols img{height:190px;padding:12px}
.reference-sources{padding-left:20px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.reference-sources li+li{margin-top:9px}.related-links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.related-links li{border-top:1px solid var(--line);padding:12px 0}.related-links span{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.catalogue-nav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 40px}.catalogue-nav a{padding:7px 12px;border:1px solid var(--line);border-radius:4px;text-decoration:none}.catalogue-section>p{color:var(--muted);margin-top:-5px}.catalogue-section{margin-bottom:44px}.catalogue-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px;padding:0;list-style:none}.catalogue-list li{border-top:1px solid var(--line);min-width:0}.catalogue-list a{display:block;padding:14px 0;text-decoration:none;line-height:1.5}.catalogue-list strong{font-weight:400;font-family:var(--font-display);font-size:17px}.catalogue-list span{display:block;margin-top:6px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.reference-skip{position:absolute;top:-100px;left:16px;padding:10px;background:var(--ink);color:#fff;z-index:10}.reference-skip:focus{top:8px}
@media(max-width:760px){.reference-header{padding:16px 20px;align-items:flex-start;flex-direction:column;gap:16px}.reference-brand strong{font-size:21px}.reference-header nav{justify-content:flex-start;gap:16px;font-size:13px}main{padding:25px 20px 50px}.reference-layout.has-image{grid-template-columns:1fr;gap:28px}.reference-layout>aside{max-width:360px}.reference-image img{max-height:340px}.catalogue-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-facts>div{grid-template-columns:1fr;gap:6px}.reference-copy{font-size:16px}}
@media(max-width:420px){.catalogue-list,.related-links{grid-template-columns:1fr}.reference-header nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}