.brand-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem;color:var(--accent-color)}
.post{max-width:850px;margin:0 auto;padding:48px 28px 72px;font-family:'Inter','Microsoft YaHei','PingFang SC',sans-serif;line-height:1.95}
.post a{color:var(--accent-color);text-underline-offset:4px}.back-link{display:inline-block;margin-bottom:30px;font-size:.9rem}
.post-heading{margin:16px 0 32px}.eyebrow,.chapter{color:var(--accent-color);font-size:.8rem;letter-spacing:.08em}
.post h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.3;text-transform:none;margin:16px 0 20px;letter-spacing:-.03em;text-wrap:balance}
.post-meta,.post-credit{font-size:.85rem;color:var(--text-secondary)}.lead{font-size:1.15rem;color:#ddd;margin-top:24px}
.source-note,.takeaway{background:var(--card-bg);border:1px solid var(--glass-border);border-left:3px solid var(--accent-color);border-radius:12px;padding:22px 26px}
.source-note p{font-size:.9rem;color:#bbb;margin-top:6px}.post-toc{display:flex;gap:12px 24px;flex-wrap:wrap;padding:26px 0;border-bottom:1px solid var(--glass-border)}
.post-toc a{font-size:.9rem;text-decoration:none}.post-section{padding:36px 0 12px;scroll-margin-top:110px}
.post-section h2{font-size:1.55rem;line-height:1.5;text-transform:none;display:block;margin:8px 0 20px}.post-section h2::after{display:none}
.post-section p{margin-bottom:18px;color:#d4d4d8}.post-section .chapter{color:var(--accent-color);margin-bottom:6px}
.gif-demo{border:1px solid var(--glass-border);border-radius:16px;margin:24px 0;background:#101212;overflow:hidden}
.gif-demo summary{padding:18px 22px;cursor:pointer;color:var(--accent-color);font-weight:600}.gif-demo summary:focus-visible{outline:2px solid var(--accent-color);outline-offset:-4px}
.gif-demo figure{padding:0 18px 18px}.gif-demo img{display:block;width:100%;max-width:320px;height:auto;margin:0 auto;border-radius:8px}
.gif-demo figcaption{font-size:.8rem;color:var(--text-secondary);max-width:480px;margin:14px auto 0}
.practice-list{padding-left:24px}.practice-list li{padding-left:6px;margin-bottom:16px;color:#d4d4d8}.takeaway{margin-top:28px}.takeaway p{margin:6px 0 0;font-size:1.15rem}
.post-credit{padding:30px 0;border-top:1px solid var(--glass-border);margin-top:35px}
@media(max-width:600px){.post{padding:28px 20px 48px}.brand-name{font-size:1.2rem}.source-note,.takeaway{padding:18px}.post-section{scroll-margin-top:150px}.post-section h2{font-size:1.35rem}.post-toc{gap:10px 18px}}