body{font-family:-apple-system,"Segoe UI",Roboto,"Noto Sans CJK TC","Noto Sans CJK JP",sans-serif;max-width:52em;margin:0 auto;padding:0 1em 3em;line-height:1.65;color:#222;background:#fffdf8}
nav{position:sticky;top:0;background:#fffdf8ee;padding:.6em 0;border-bottom:1px solid #e8d8c0;z-index:1}nav a{margin-right:1em;white-space:nowrap}
.hero{display:flex;gap:1.5em;align-items:center;margin:1em 0 2em;flex-wrap:wrap}.hero img{width:260px;max-width:100%;border-radius:10px;box-shadow:0 2px 10px #0002}
.hero div{flex:1;min-width:16em}.hero h1{border:0;margin:.2em 0}.hero .meta{color:#666}
table{border-collapse:collapse;display:block;overflow-x:auto}td,th{border:1px solid #d8c8b0;padding:.3em .6em;vertical-align:top}th{background:#f6ecd8}
h1,h2{border-bottom:2px solid #e8a0b0;padding-bottom:.2em}h2{margin-top:2em}blockquote{color:#555;border-left:4px solid #e8d8c0;margin-left:0;padding-left:1em}
figure{margin:1em 0}figure img{max-width:100%;height:auto;border:1px solid #d8c8b0;border-radius:6px;background:#fff}figcaption{font-size:.9em;color:#555;margin-top:.3em}
.figrow{display:flex;gap:1em;flex-wrap:wrap}.figrow figure{flex:1;min-width:14em}
.pdf{display:inline-block;margin:.3em 1em .3em 0;padding:.45em .9em;border:1px solid #e8a0b0;border-radius:6px;text-decoration:none;background:#fff}
.pages figure img{box-shadow:0 2px 8px #0002}