:root{
  --ink:#13110f; --paper1:#f4efe3; --paper2:#e9e1cf; --rule:rgba(0,0,0,.22);
  --rule-soft:rgba(0,0,0,.12); --focus:#0a7;
}
*{ box-sizing:border-box }
html, body{ min-height:100% }
body{
  margin:0; color:var(--ink); font-family:"Times New Roman", Times, serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  line-height:1.45; font-size:16px;
}
a:focus-visible, .btn:focus-visible{ outline:3px solid var(--focus); outline-offset:3px }
img{ max-width:100%; height:auto }
.btn{
  display:inline-block; padding:6px 12px; border:1px solid var(--rule);
  background:transparent; text-decoration:none; font-size:14px; color:inherit;
  border-radius:6px; transition:transform .2s ease, background .2s ease, color .2s ease;
}
.btn:hover{ background:#111; color:#fff; transform:translateY(-1px) }
.btn:active{ transform:none }
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto !important }
}