:root{--primary:#704c37;--secondary:#e9e1d4;--accent:#855f1b;--background:#f8f6ef;--surface:#fffdf8;--text:#3d342c;--muted:#67594e;--border:#c8bba9;--status:#704c37}body{word-break:keep-all;overflow-wrap:anywhere}.skip{position:absolute;top:-100px;background:white;z-index:10;padding:12px}.skip:focus{top:0}header nav{display:flex;gap:20px;font-size:12px}.example-actions{margin-bottom:25px;display:flex;gap:20px;align-items:center}.example-actions p{font-size:12px}.example-actions button{background:transparent;color:var(--wood);font-size:12px}.filters{border:1px solid var(--line);margin:25px 0 10px;padding:15px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filters legend{font-size:12px}.filters label{display:flex;align-items:center;gap:6px}.filters input{width:18px;height:18px;margin:0}.filters button{font-size:11px;padding:4px 8px;background:transparent;color:var(--wood)}#filter-empty{padding:18px;background:#f0e8ce;font-size:13px}.reading-callout{padding:45px 6vw;border-block:1px solid var(--line);background:#fffdf8}.reading-callout>p:first-child{font:10px monospace;letter-spacing:2px}.reading-callout h2{font:32px/1.5 Batang,serif}.reading-callout h2 a{text-decoration:none}.reading-callout p{font-size:13px}.table-scroll:focus-visible{outline-offset:0}.document{max-width:960px;margin:auto;padding:45px 6vw 70px}.document h1{font-size:clamp(32px,4vw,50px)}.document h2{font:26px/1.5 Batang,serif;margin-top:45px}.document p,.document li{font-size:16px;line-height:1.95}.document .meta{font:11px/1.7 monospace;letter-spacing:1px}.document .summary{font-size:19px;padding:20px;background:#e9e1d4}.document figure{margin:30px 0}.document figure img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;background:#e9e1d4}.document figcaption{font-size:12px;line-height:1.8;color:#67594e;margin-top:12px}.document table{font-variant-numeric:tabular-nums}.document table th,.document table td{min-width:100px}.reading-link{display:block;border-block:1px solid var(--line);padding:20px 0}.reading-link h2{margin:5px 0}footer{border-top:1px solid var(--line)}footer nav{display:flex;gap:12px 22px;flex-wrap:wrap}[hidden]{display:none!important}#cancel-edit{background:transparent;color:var(--wood)}@media(max-width:800px){.hero figure{height:280px}.example-actions{display:block}.document{padding:30px 5vw 50px}.document p,.document li{font-size:15px}.document h2{font-size:23px}.reading-callout h2{font-size:27px}header nav{gap:10px;flex-direction:column}.dates label{min-width:0}.filters{gap:10px}.document table td,.document table th{padding:12px}.hero-title h1{font-size:clamp(32px,7vw,50px)}}
