:root{--t:#222;--m:#666;--l:#ddd;--a:#7a2e2e;--b:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--b);color:var(--t);font:18px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--a)}
.h-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--l);font:15px/1.3 system-ui,sans-serif}
.h-site{display:flex;align-items:center;gap:.6rem;color:var(--t);font-weight:600;text-decoration:none}
.h-site img{height:42px;width:auto}
.h-bar nav a{margin-left:1rem;text-decoration:none}
.h-main{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 3rem}
.h-date{margin:0 0 .4rem;color:var(--m);font:14px/1.4 system-ui,sans-serif}
.h-date a{color:var(--m)}
h1{margin:0 0 1.25rem;font-size:2rem;line-height:1.2}
h2,h3,h4,h5,h6{line-height:1.25;margin:1.6em 0 .5em}
img,video{max-width:100%;height:auto}
audio{width:100%}
figure{margin:1.25rem 0}
figcaption{color:var(--m);font-size:.85em}
blockquote{margin:1.25rem 0;padding-left:1rem;border-left:3px solid var(--l)}
table{border-collapse:collapse;width:100%}
th,td{border:1px solid var(--l);padding:.35rem .5rem;text-align:left}
.h-foot{border-top:1px solid var(--l);padding:1rem 1.25rem 2rem;color:var(--m);font:14px/1.5 system-ui,sans-serif;text-align:center}
.h-foot p{margin:.25rem 0}
.h-foot a{margin:0 .35rem;color:var(--m)}