:root{--bg:#f7f5f0;--fg:#2b2a27;--muted:#7d776c;--line:#dfd9cd;--accent:#7a5a12;--mark:#ece4d0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17.5px/1.6 'PT Serif',Georgia,serif}
.wrap{max-width:660px;margin:0 auto;padding:0 18px}
header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:24px 0 12px;border-bottom:1px solid var(--fg)}
.loaf{width:46px;color:var(--accent);flex:none}
.logo{font-size:22px;font-weight:bold;color:var(--fg);text-decoration:none;margin-right:auto}
nav a{margin-left:14px;font-size:15.5px}
nav a:first-child{margin-left:0}
main{padding-top:22px}
a{color:var(--accent);text-underline-offset:2px}
h1{font-size:26px;line-height:1.25;margin:0 0 4px}
.date{color:var(--muted);font-size:14.5px;margin:0 0 16px}
.feed{list-style:none;margin:0;padding:0}
.feed li{padding:10px 0;border-bottom:1px solid var(--line)}
.feed time{color:var(--muted);font-size:14.5px;display:block}
.feed a{font-size:19px}
.feed small{display:block;color:var(--muted);font-size:15px;line-height:1.4}
.note{background:var(--mark);padding:10px 14px;margin:0 0 20px;font-size:15.5px}
table{border-collapse:collapse;width:100%;font-size:15px}
td,th{padding:6px 8px 6px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-weight:normal;color:var(--muted)}
footer{margin:36px 0 24px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
@media (max-width:480px){nav a{margin-left:0;margin-right:14px}}