#post-page{padding-top:clamp(18px,2.2vw,36px)}
.post-back{display:inline-flex;align-items:center;gap:7px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:clamp(18px,2.4vw,30px);transition:color .2s}
.post-back:hover{color:var(--green)}
.article{max-width:720px;margin:0 auto}
.article .meta{display:flex;gap:10px;align-items:center;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.article .meta .cat{color:var(--green)}
.article h1{font-size:clamp(30px,4.4vw,52px);letter-spacing:-0.04em;margin:14px 0 0;line-height:1.08}
.article-body{margin-top:clamp(22px,3vw,38px)}
.article-body p{color:var(--ink-2);font-size:clamp(16px,1.2vw,17.5px);line-height:1.75;margin:0 0 22px}
.article-body p:first-child{font-size:clamp(17.5px,1.4vw,20px);color:var(--ink)}
.ruo-strip{max-width:720px;margin:clamp(40px,5vw,64px) auto 0;padding-top:22px;border-top:1px solid var(--line);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.post-more{max-width:720px;margin:clamp(30px,3.4vw,44px) auto 0}
.post-more a{color:var(--green);font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}