:root{
  --paper:#fbf7ef; --ink:#241f1a; --ink2:#554c42; --faint:#8a7d70;
  --rule:#e3d9c9; --accent:#8c3b2e; --mark:#f0e6d4;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:17px/1.78 Georgia,"Times New Roman",serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--ink)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:10px;top:10px;background:var(--ink);color:#fff;padding:8px 14px;z-index:9}

.sheet{max-width:38rem;margin:0 auto;padding:0 22px}

header.head{border-bottom:1px solid var(--rule);margin-bottom:34px}
.head .sheet{padding-top:30px;padding-bottom:22px;text-align:center}
.name{font:700 27px/1.2 "Lora",Georgia,serif;letter-spacing:.01em}
.name a{color:var(--ink);text-decoration:none}
.tag{font:400 12px/1.6 Georgia,serif;color:var(--faint);
  letter-spacing:.22em;text-transform:uppercase;margin-top:7px}
nav.menu{margin-top:18px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
nav.menu a{font:400 14px/1.5 Georgia,serif;color:var(--ink2);text-decoration:none;
  border-bottom:1px solid transparent;padding-bottom:2px}
nav.menu a:hover,nav.menu a[aria-current]{border-bottom-color:var(--accent);color:var(--ink)}

h1{font:700 31px/1.25 "Lora",Georgia,serif;margin:0 0 14px}
.stand{font-size:18px;color:var(--ink2);font-style:italic;margin:0 0 26px}

h2{font:700 20px/1.32 "Lora",Georgia,serif;margin:34px 0 10px;
  padding-top:10px;border-top:1px solid var(--rule)}
h2 .num{color:var(--faint);font-weight:400;margin-right:10px;font-size:16px}
p{margin:15px 0}
ul,ol{margin:15px 0;padding-left:24px}
li{margin:8px 0}

figure{margin:28px 0}
figure img{border-radius:2px}
figcaption{font-size:13.5px;color:var(--faint);margin-top:8px;font-style:italic}

blockquote{margin:28px 0;padding:0 0 0 20px;border-left:3px solid var(--accent);
  font-size:19px;line-height:1.6;color:var(--ink2);font-style:italic}

.after{margin-top:40px;padding-top:18px;border-top:1px solid var(--rule);
  font-size:14.5px;color:var(--faint)}

footer.foot{margin-top:52px;border-top:1px solid var(--rule);background:var(--mark)}
.foot .sheet{padding:24px 22px 32px;font-size:14px;color:var(--ink2);text-align:center}
.foot nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
@media (max-width:600px){ h1{font-size:26px} body{font-size:16.5px} }