@font-face{font-family:'Courier Prime';font-weight:400;font-display:swap;src:url('/fonts/courier-prime-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-weight:600;font-display:swap;src:url('/fonts/playfair-display-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-weight:700;font-display:swap;src:url('/fonts/playfair-display-latin-700-normal.woff2') format('woff2')}
:root{--bg:#16130f;--bg-alt:#1e1a14;--rust:#C8763A;--rust-dim:#8a5127;--text:#e8e2d5;--text-dim:#9a927f;--border:#33291d}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);background-image:radial-gradient(ellipse at top left,rgba(200,118,58,.06),transparent 50%);background-attachment:fixed;color:var(--text);font-family:Georgia,'Times New Roman',serif;line-height:1.75;padding:40px 20px 64px}
.wrap{max-width:42rem;margin:0 auto}
.crumbs{font-family:'Courier Prime','Courier New',monospace;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:28px}
.crumbs a{color:var(--text-dim);text-decoration:none;border-bottom:1px solid var(--border)}
.crumbs a:hover{color:var(--rust);border-color:var(--rust-dim)}
.spine{width:2px;height:28px;background:var(--rust);margin-bottom:18px}
h1{font-family:'Playfair Display',serif;font-weight:700;font-size:2.1rem;line-height:1.25;margin-bottom:6px}
.sub{font-family:'Courier Prime','Courier New',monospace;color:var(--text-dim);font-size:.9rem;margin-bottom:32px}
h2{font-family:'Playfair Display',serif;font-weight:600;color:var(--rust);font-size:1.4rem;margin:36px 0 12px}
h3,h4{font-family:'Playfair Display',serif;font-weight:600;color:var(--rust);margin:28px 0 10px}
.text p{margin:0 0 1.2em;font-size:1.05rem}
.text a{color:var(--rust)}
figure{float:right;margin:4px 0 16px 24px;max-width:300px}
figure img{display:block;max-width:100%;height:auto;border:1px solid var(--border);border-radius:3px}
figcaption{font-family:'Courier Prime','Courier New',monospace;font-size:.75rem;color:var(--text-dim);margin-top:6px}
@media(max-width:560px){figure{float:none;margin:0 0 20px}h1{font-size:1.7rem}}
.pager{display:flex;justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;border-top:1px solid var(--border);font-family:'Courier Prime','Courier New',monospace;font-size:.85rem}
.pager a{color:var(--text-dim);text-decoration:none;max-width:48%}
.pager a:hover{color:var(--rust)}
.pager .next{text-align:right;margin-left:auto}
.toc{list-style:none;margin:0 0 8px}
.toc li{border-left:2px solid var(--rust-dim);margin:0 0 6px;padding:4px 0 4px 14px}
.toc li:hover{border-color:var(--rust)}
.toc a{color:var(--text);text-decoration:none}
.toc a:hover{color:var(--rust)}
.toc small{display:block;font-family:'Courier Prime','Courier New',monospace;color:var(--text-dim);font-size:.75rem}
.source{margin-top:40px;font-family:'Courier Prime','Courier New',monospace;font-size:.78rem;color:var(--text-dim)}
a:focus-visible{outline:2px solid var(--rust);outline-offset:2px}
.text img{max-width:100%;height:auto;vertical-align:top;margin:4px 6px 6px 0;border:1px solid var(--border);border-radius:3px}
.text a img:hover{border-color:var(--rust)}
.text ul,.text ol{margin:0 0 1.2em 1.4em}
.text table{border-collapse:collapse;margin:0 0 1.2em;font-size:.9rem;width:100%;display:block;overflow-x:auto}
.text td,.text th{border:1px solid var(--border);padding:4px 8px;vertical-align:top}
.text pre{white-space:pre-wrap;font-family:'Courier Prime','Courier New',monospace;font-size:.85rem}
.meta{font-family:'Courier Prime','Courier New',monospace;color:var(--text-dim);font-size:.85rem;margin:-20px 0 28px}
.wrap.wide{max-width:52rem}
.toc .date{font-family:'Courier Prime','Courier New',monospace;color:var(--text-dim);font-size:.75rem;margin-right:10px}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;font-family:'Courier Prime','Courier New',monospace;font-size:.8rem}
.cats a{border:1px solid var(--border);padding:4px 10px;border-radius:3px;color:var(--text-dim);text-decoration:none}
.cats a:hover{color:var(--rust);border-color:var(--rust-dim)}
.text p.bild{display:inline-block;margin:0;vertical-align:top}
.text p.bild img{margin:0 6px 6px 0}