*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}img,svg{max-width:100%}
p{margin:0 0 16px}ul{margin:0 0 18px;padding-left:22px}li{margin:6px 0}
:focus-visible{outline:3px solid currentColor;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
:root{--ink:#3b2a1a;--mut:#6b5845;--stamp:#a3261d;--manila:#efe2bf;--card:#fffdf6}
body{margin:0;background:var(--manila);color:var(--ink);font:16.5px/1.8 Merriweather,Georgia,serif}
a{color:var(--stamp);text-underline-offset:3px}
header.site{max-width:800px;margin:0 auto;padding:30px 20px 14px}
.brand{font:700 26px/1.2 "Courier Prime",ui-monospace,monospace;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.tag{color:var(--mut);margin:6px 0 12px;font-size:14px}
nav.arts{display:flex;flex-wrap:wrap;gap:8px}
nav.arts a{background:var(--card);border:1px solid #c9b58a;border-radius:3px;padding:4px 10px;font-size:13px;color:var(--ink);text-decoration:none}
nav.arts a:hover{border-color:var(--stamp)}
main{max-width:800px;margin:0 auto;padding:6px 20px 36px}
.card{background:var(--card);border:1px solid #d8c69a;box-shadow:3px 3px 0 #d8c69a;padding:28px 30px}
h1{font:700 clamp(26px,4.4vw,36px)/1.2 "Courier Prime",monospace;margin:0 0 12px}
h2{font:700 20px/1.3 "Courier Prime",monospace;margin:32px 0 8px;display:inline-block;border-bottom:3px double var(--stamp)}
.byline{color:var(--mut);font-size:13px;margin-bottom:20px;font-family:"Courier Prime",monospace}
.more{margin-top:24px}.more h3{font:700 16px "Courier Prime",monospace;margin:0 0 6px;color:var(--stamp)}
.bio{margin-top:24px;font-size:14px;color:var(--mut);border-top:1px dashed #c9b58a;padding-top:12px}
footer{max-width:800px;margin:0 auto;padding:10px 20px 34px;font-size:12px;color:var(--mut)}
@media(max-width:560px){.card{padding:20px 18px}}
@media(max-width:480px){body{font-size:16px}h2{font-size:20px}}