:root{
  --bg:#faf8f3; --card:#fffdf8; --ink:#23211a; --soft:#6b665c;
  --line:#e8e2d6; --accent:#9a6a3a; --accent-soft:#f1e8d9; --quote:#5c4326;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",
  "Microsoft YaHei","Noto Sans CJK SC","Helvetica Neue",Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.75;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.wrap{max-width:720px;margin:0 auto;padding:42px 22px 96px}
.bar{display:flex;align-items:center;justify-content:space-between;
  font-size:13px;color:var(--soft);margin-bottom:30px}
.bar .home:hover{color:var(--accent)}
.bar .where{letter-spacing:.3px}
.masthead{margin:4px 0 24px}
.masthead h1{font-size:26px;margin:0 0 7px;letter-spacing:1px}
.masthead .sub{color:var(--soft);font-size:13.5px}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}
.chip{font:inherit;font-size:12.5px;color:var(--soft);background:transparent;
  border:1px solid var(--line);border-radius:999px;padding:3px 12px;cursor:pointer;
  transition:all .12s}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}
.stream{display:flex;flex-direction:column;gap:2px}
.item{display:block;padding:15px 16px;border-radius:10px;border:1px solid transparent;
  transition:background .12s,border-color .12s}
.item:hover{background:var(--card);border-color:var(--line)}
.item .meta{font-size:12.5px;color:var(--soft);margin-bottom:5px;letter-spacing:.3px}
.item .hl{font-size:17px;line-height:1.55}
.item .tags{margin-top:9px}
.tag{font-size:12px;color:var(--soft);margin-right:9px}
.empty{color:var(--soft)}
article{font-size:16.5px}
article h1{font-size:24px;line-height:1.35;margin:.1em 0 .7em;letter-spacing:.3px}
article h2{font-size:18px;margin:1.9em 0 .5em;padding-left:11px;
  border-left:3px solid var(--accent)}
article h3{font-size:15.5px;margin:1.5em 0 .4em;color:var(--soft)}
article p{margin:0 0 1.1em}
article blockquote{margin:0 0 1.5em;padding:14px 18px;background:var(--accent-soft);
  border-radius:8px;font-size:18px;line-height:1.62;color:var(--quote)}
article blockquote p{margin:0}
article ul,article ol{padding-left:1.4em;margin:0 0 1.1em}
article li{margin:.25em 0}
article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;
  text-decoration-color:var(--line)}
article a:hover{text-decoration-color:var(--accent)}
article code{background:var(--accent-soft);padding:1px 5px;border-radius:4px;
  font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
article pre{background:#2b2722;color:#f0ece4;padding:14px 16px;border-radius:8px;
  overflow:auto;line-height:1.5}
article pre code{background:none;padding:0;color:inherit}
article hr{border:none;border-top:1px solid var(--line);margin:2em 0}
article img{max-width:100%;border-radius:6px}
.foot{margin-top:36px;padding-top:18px;border-top:1px solid var(--line)}
.foot .tag{font-size:12.5px}
@media (max-width:480px){.wrap{padding:28px 16px 72px}article{font-size:16px}}