:root{--ink:#1b140e;--paper:#ead7b4;--red:#9b281e}
*{box-sizing:border-box}
body{margin:0;background:#120e0a radial-gradient(ellipse at 50% 30%,#2a1f15 0%,#140f0a 70%,#0b0806 100%) fixed;color:var(--ink);font-family:'Merriweather',Georgia,serif;line-height:1.8}
.top{max-width:760px;margin:0 auto;padding:18px 16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{font-family:'Anton',Impact,sans-serif;font-size:28px;letter-spacing:1px;color:#e8c46a;text-decoration:none}
.top nav a{color:#e8d6b0;text-decoration:none;font-size:14px;margin-inline-start:14px}
.sheet{max-width:800px;margin:14px auto 40px;background-color:var(--paper);box-shadow:0 14px 36px rgba(0,0,0,.85),inset 0 0 60px rgba(85,50,18,.4);
 background-image:url('../img/grime.webp'),radial-gradient(circle at 20% 20%,rgba(160,120,70,.14),transparent 55%),radial-gradient(circle at 80% 85%,rgba(130,90,45,.18),transparent 50%);
 background-size:540px auto,auto,auto;padding:28px 32px;box-shadow:0 20px 50px rgba(0,0,0,.9);border:1px solid #5c4630}
.tag{display:inline-block;background:#dfb456;padding:2px 10px;font:700 13px 'Courier Prime',monospace;text-transform:uppercase}
h1{font-size:30px;line-height:1.25;margin:12px 0 6px}
.meta{color:#5a4632;font-size:14px;margin-bottom:14px}
figure{margin:0 0 18px;transform:rotate(-.6deg)}figure img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 6px rgba(40,20,5,.35))}
article p{margin:0 0 14px}
.notes{font-size:13px;color:#5a4632;margin-top:18px}.notes ol{padding-inline-start:20px;margin:4px 0 8px}.notes a{color:var(--red)}
figcaption{font-size:12px;color:#6b5640;margin-top:4px}
.src{border-inline-start:4px solid var(--red);padding:6px 12px;background:rgba(255,248,232,.4);font-style:italic;font-size:14px}
.src a{color:var(--red)}
hr{border:0;border-top:1px dashed #6b5640;margin:28px 0}
.ar{direction:rtl;text-align:right;font-family:'Amiri',serif;font-size:19px}
.ar h2{font-size:28px;margin:6px 0}
.acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:14px}
.acts a{color:var(--red);font-weight:700}
footer{max-width:760px;margin:0 auto 30px;padding:0 16px;color:#cdb892;font-size:13px}
footer a{color:#e8c46a}
@media (max-width:600px){.sheet{padding:20px 16px}h1{font-size:24px}}