*{box-sizing:border-box}
html{font-size:20px}
body{margin:0;background:#f3ead6;color:#2b2118;font-family:Georgia,"Iowan Old Style","Times New Roman",serif;line-height:1.7}
#bar{position:fixed;top:0;left:0;height:4px;width:0;background:#8a5a2b;z-index:9;transition:width .1s}
header,main,.pager,blockquote{margin:1.2rem 0 1.4rem;padding:1.1rem 1.3rem;background:#ead9b4 linear-gradient(135deg,#efe0bd,#e4cf9f);border-left:4px solid #8a5a2b;border-radius:4px;font-style:italic;color:#3d2a17;box-shadow:inset 0 0 18px rgba(120,80,30,.15)}
blockquote p{margin:0 0 .8rem}blockquote cite{display:block;text-align:right;font-size:.75rem;font-style:normal;color:#7a5530;letter-spacing:.04em}
.today{background:#e7eee6;border:1px solid #b9cdb8;border-radius:6px;padding:.8rem 1.1rem;margin:1.4rem 0;font-size:.88rem}
.today h3{margin:0 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#2f5d50}.today p{margin:0}
footer{max-width:36rem;margin:0 auto;padding:0 1.2rem}
header{padding-top:2.5rem;text-align:center;border-bottom:1px solid #d6c39d;padding-bottom:1rem}
.kicker{letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;color:#8a5a2b;margin:0}
h1{font-size:2rem;line-height:1.2;margin:.3rem 0;font-weight:normal}
.sub{font-style:italic;color:#5c4a36;margin:.2rem 0 1rem}
details{text-align:left;background:#efe3c8;border:1px solid #d6c39d;border-radius:6px;padding:.4rem .9rem;font-size:.85rem}
summary{cursor:pointer;font-weight:bold;color:#6b4320}
#toc ol{padding-left:1.2rem}#toc a{color:#2b2118}#toc a.on{font-weight:bold;color:#8a5a2b}#toc small{color:#8b7a63}
h2{font-size:1.45rem;line-height:1.3;font-weight:normal;color:#5a3516;margin:.2rem 0 1rem}
.meta{font-size:.75rem;color:#8b7a63;margin:1.6rem 0 0;text-transform:uppercase;letter-spacing:.08em}
p{margin:0 0 1rem}strong{color:#5a3516}
.gap{color:#9a3b2a;font-style:italic;font-size:.9em}
figure{margin:1.6rem 0;text-align:center}
img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 10px rgba(60,40,10,.25)}
figcaption{font-size:.72rem;color:#6e5c45;margin-top:.4rem;font-style:italic}
a{color:#8a5a2b}
.pager{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.2rem;border-top:1px solid #d6c39d;margin-top:2rem}
.pager a{background:#8a5a2b;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-size:.85rem}
#pos{font-size:.8rem;color:#8b7a63}
blockquote{margin:1.2rem 0 1.4rem;padding:1.1rem 1.3rem;background:#ead9b4 linear-gradient(135deg,#efe0bd,#e4cf9f);border-left:4px solid #8a5a2b;border-radius:4px;font-style:italic;color:#3d2a17;box-shadow:inset 0 0 18px rgba(120,80,30,.15)}
blockquote p{margin:0 0 .8rem}blockquote cite{display:block;text-align:right;font-size:.75rem;font-style:normal;color:#7a5530;letter-spacing:.04em}
.today{background:#e7eee6;border:1px solid #b9cdb8;border-radius:6px;padding:.8rem 1.1rem;margin:1.4rem 0;font-size:.88rem}
.today h3{margin:0 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#2f5d50}.today p{margin:0}
footer{font-size:.7rem;color:#6e5c45;padding-bottom:2rem;line-height:1.5}
@media(max-width:600px){html{font-size:18px}h1{font-size:1.6rem}}
