:root{color-scheme:dark;--bg:#101918;--paper:#e7e8df;--muted:#a7b4ad;--line:#35423c;--accent:#d8ee94;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}button{background:none;border:0}p{margin:0 0 1em}h1,h2,h3{font-weight:400;margin:0;line-height:1.08}h2{font-family:var(--serif);font-size:clamp(32px,3.5vw,52px);letter-spacing:-1.5px}h3{font-family:var(--serif)}.skip{position:absolute;left:12px;top:-90px;z-index:20;background:var(--accent);color:#152218;padding:10px}.skip:focus{top:10px}.masthead{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:17px;letter-spacing:2px;font-weight:600;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:var(--muted);margin-top:2px}.brand-mark{height:44px;width:44px;border:1px solid #8a9b86;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:normal;font-size:19px;letter-spacing:-2px}.masthead nav{display:flex;gap:32px;font-size:13px}.masthead nav a:hover{color:var(--accent)}.masthead nav span{color:var(--accent)}.edition,.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.5}.edition{color:var(--muted);white-space:nowrap}.edition i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}.hero{position:relative;min-height:640px;background: url('images/new-berlin-city-sky-v2.png') 50% 44% / cover;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,16,.94),rgba(9,19,16,.65) 43%,rgba(9,19,16,.07)),linear-gradient(0deg,rgba(9,19,16,.8),transparent 30%)}.hero-content{position:relative;margin:20px 0 60px 7.5%;max-width:800px}.hero .eyebrow{color:var(--accent);margin-bottom:27px}.hero h1{font-family:var(--serif);font-size:clamp(48px,6vw,86px);letter-spacing:-3px;line-height:1.02}.hero h1 em{font-weight:400;color:#d7ddc6}.hero-intro{margin:30px 0;color:#d1d8ce;font-size:16px;line-height:1.75}.primary{display:inline-flex;gap:40px;align-items:center;background:var(--accent);color:#182116;padding:15px 22px;font-size:13px;font-weight:600}.primary:hover{background:#e8f9b9}.hero-foot{position:absolute;bottom:24px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;color:#d7ded4;font-size:9px;letter-spacing:1.6px}.section{padding:76px 7.5%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-heading .eyebrow{color:var(--accent);margin-bottom:14px}.section-heading>p{color:var(--muted);font-size:13px;margin:0}.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:42px}.chapter-nav button{text-align:left;padding:21px 16px;font-size:14px;border-right:1px solid var(--line);display:flex;gap:16px;align-items:center}.chapter-nav button:first-child{padding-left:0}.chapter-nav button:last-child{border:0}.chapter-nav span{color:var(--muted);font-size:11px}.chapter-nav b{margin-left:auto;font-weight:400;font-size:20px}.chapter-nav button[aria-current]{color:var(--accent);box-shadow:0 2px var(--accent)}.chapter-nav button:hover{background:#172420}.chapter-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:center}.chapter-copy .eyebrow{color:var(--muted);margin-bottom:18px}.chapter-copy h3{font-size:clamp(32px,3vw,46px);letter-spacing:-1px;max-width:440px}.lead{color:#bcc9c1;line-height:1.75;font-size:16px;margin:23px 0}.fact{border-left:1px solid #739161;padding-left:18px;margin:27px 0}.fact span{color:var(--accent);letter-spacing:1.7px;font-size:9px}.fact p{margin:8px 0 0;color:var(--muted);font-size:13px}.text-button{font-size:13px;padding:0;color:var(--accent);text-align:left}.text-button span{margin-left:20px}figure{margin:0}figure img{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;display:block}figcaption{color:var(--muted);font-size:10px;letter-spacing:.5px;padding-top:12px}.connections{margin-top:34px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}.connections>.eyebrow{font-size:9px;color:var(--muted)}#related{display:flex;gap:12px;flex:1;flex-wrap:wrap}.entity-link{padding:6px 11px;border:1px solid var(--line);font-size:12px;color:#d8dfd4}.entity-link:hover{border-color:var(--accent);color:var(--accent)}.quiet-note{font-size:11px;color:var(--muted);margin:16px 0 0;max-width:880px}.inhabitants{background:#18231e;border-block:1px solid var(--line)}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.person{text-align:left;padding:25px 0;border-top:1px solid #566348;display:flex;flex-direction:column;align-items:start}.person .number{font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:28px}.person h3{font-size:37px;margin-bottom:15px}.person p{font-size:14px;color:var(--muted);min-height:65px}.person .more{font-size:12px;color:var(--accent)}.person:hover h3{color:var(--accent)}.fieldnotes .section-heading{margin-bottom:28px}.search-label{display:block;font-size:11px;letter-spacing:1px;margin-bottom:8px;color:var(--muted)}#search{display:block;width:100%;max-width:540px;background:transparent;border:1px solid var(--line);padding:13px 16px;color:var(--paper);border-radius:0}#search::placeholder{color:#91a097}#result-count{color:var(--muted);margin:20px 0 10px}.directory{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.directory button{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:16px}.directory button small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.directory button:hover{color:var(--accent)}.open-questions{margin-top:35px;border:1px solid var(--line);padding:18px 22px;color:var(--muted);font-size:13px}.open-questions summary{cursor:pointer;color:var(--paper);font-size:15px}.open-questions summary span{color:var(--accent);font-size:11px;margin-left:12px}.open-questions p{margin-top:20px}.open-questions li{padding:5px 0}.open-questions ol{padding-left:20px}footer{padding:38px 7.5%;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}footer .brand{font-size:13px}footer .brand span{color:var(--accent)}footer p{font-size:11px;color:var(--muted);margin:0}footer small{font-size:10px;color:var(--muted);width:100%}dialog{background:#18231e;color:var(--paper);border:1px solid #566348;padding:44px;width:min(720px,92vw);max-height:85vh}dialog::backdrop{background:#030d09cc;backdrop-filter:blur(5px)}dialog h2{font-size:42px;padding-right:18px}dialog h3{font:600 10px var(--sans);text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin:26px 0 12px}dialog p,dialog li{font-size:14px;color:#b5c3b9}dialog ul{padding-left:20px}dialog li{margin-bottom:7px}dialog a{text-decoration:underline;text-underline-offset:4px}dialog .close{position:absolute;right:14px;top:10px;font-size:30px;width:44px;height:44px;color:var(--accent)}#entity-relations{display:flex;gap:9px;flex-wrap:wrap}#load-error{position:fixed;bottom:20px;left:20px;right:20px;background:#593724;color:white;padding:20px}
@media(min-width:1600px){.hero{min-height:760px}.section{padding-inline:max(7.5%,calc((100vw - 1420px)/2))}.hero-content{margin-left:max(7.5%,calc((100vw - 1420px)/2))}}
@media(max-width:1000px){.edition{display:none}.chapter-grid{gap:32px}.connections{flex-wrap:wrap}.connections>.eyebrow{width:100%}.hero{min-height:600px}.people-grid{gap:20px}}
@media(max-width:680px){.masthead{height:84px;padding-inline:6%;gap:15px}.brand{font-size:13px;gap:9px}.brand-mark{width:35px;height:35px;font-size:16px}.brand small{font-size:7px}.masthead nav{gap:16px;font-size:11px}.masthead nav a:first-child{display:none}.hero{min-height:600px;background-position:60% center}.hero-shade{background:linear-gradient(90deg,#091310e8,#09131088),linear-gradient(0deg,#091310cc,transparent)}.hero-content{margin:15px 6% 55px}.hero h1{font-size:53px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;max-width:280px}.hero-intro{font-size:14px;max-width:290px}.desktop{display:none}.hero-foot{left:6%;right:6%;font-size:8px;gap:12px}.hero-foot span:nth-child(2){display:none}.section{padding:48px 6%}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:18px}.chapter-nav{grid-template-columns:1fr;margin-bottom:28px}.chapter-nav button{border-right:0;border-bottom:1px solid var(--line);padding:14px 6px}.chapter-nav button:first-child{padding-left:6px}.chapter-nav button[aria-current]{box-shadow:inset 2px 0 var(--accent);padding-left:15px}.chapter-grid{grid-template-columns:1fr;gap:26px}.chapter-copy h3{font-size:36px}.chapter-grid figure{grid-row:1}.chapter-grid figure img{aspect-ratio:1.5}.connections{gap:15px}.connections #related{width:100%;flex:auto}.people-grid{grid-template-columns:1fr}.person{padding:24px 0;display:grid;grid-template-columns:1fr auto;width:100%;gap:10px}.person .number{margin:0;grid-column:1/-1}.person h3{font-size:32px;margin:5px 0}.person p{grid-column:1/-1;min-height:0;margin:0}.person .more{grid-column:1/-1}.directory{grid-template-columns:1fr}.directory button{font-size:15px}.directory small{max-width:95px}.open-questions{padding:16px}dialog{padding:30px 24px}dialog h2{font-size:34px}footer{padding-inline:6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}