.writing-wrap{padding-top:132px;padding-bottom:72px}.note-article{max-width:760px;margin-inline:auto;overflow-wrap:anywhere}.note-breadcrumb,.note-byline{font-size:12px;color:var(--text-muted);margin-bottom:24px}.note-article h1{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-.04em;margin-block:20px}.note-article h2{font-size:clamp(22px,3vw,28px);line-height:1.3;letter-spacing:-.025em;margin-bottom:18px}.note-article li,.note-article p{color:var(--text-secondary);line-height:1.85}.note-article .note-intro{font-size:18px}.note-article section,.note-next{margin-top:44px}.note-article ul{padding-left:22px;margin-top:18px}.note-article li+li{margin-top:10px}.note-article a:not(.project-expand-btn){text-decoration:underline;text-underline-offset:4px}.note-article pre{overflow-x:auto;padding:20px;margin-block:20px;background:var(--surface);font-size:13px}.note-article pre,.note-flow{border:1px solid var(--border);border-radius:8px}.note-flow{padding:24px;margin-block:36px}.note-flow figcaption{color:var(--text-muted);font-size:12px;margin-bottom:18px}.note-flow ol{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.note-flow li{margin:0!important;font-size:12px}.note-flow li+li:before{content:"→";margin-right:12px;color:var(--text-muted)}.note-next{border-top:1px solid var(--border);padding-top:28px}.note-next p+p{margin-top:16px}@media (max-width:768px){.writing-wrap{padding-top:110px}.note-article .note-intro{font-size:16px}}