* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Georgia, 'Times New Roman', serif; background: #fffdf8; color: #2b2b2b; line-height: 1.75; }
.page { max-width: 680px; margin: 0 auto; padding: 40px 20px 80px; }
.masthead { border-bottom: 3px double #b8a888; padding-bottom: 14px; margin-bottom: 28px; }
.masthead h1 { font-size: 1.6em; }
.masthead .tag { color: #8a7a5c; font-style: italic; font-size: 0.95em; }
.masthead nav { font-size: 0.85em; margin-top: 6px; }
.masthead nav a { color: #a0522d; margin-right: 14px; }
article h2 { font-size: 1.35em; margin: 22px 0 10px; }
article h3 { font-size: 1.1em; margin: 18px 0 8px; }
article p { margin-bottom: 14px; }
article ul, article ol { margin: 0 0 14px 24px; }
article code { font-family: Consolas, monospace; background: #f3efe6; padding: 1px 5px; border-radius: 3px; font-size: 0.85em; }
article pre { background: #2d2d2d; color: #eee; padding: 12px 16px; border-radius: 6px; overflow-x: auto; font-size: 0.8em; margin-bottom: 14px; font-family: Consolas, monospace; line-height: 1.5; }
.support { border-top: 1px solid #e0d8c6; margin-top: 40px; padding-top: 18px; font-size: 0.95em; color: #6b5d44; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.tb-home { font-size: 0.75em; color: #aaa; }
.tb-home a { color: #a0522d; }