.writing-article .article-head{padding:64px 0 34px}.writing-article .article-meta{letter-spacing:.02em;color:var(--text-3);align-items:center;gap:10px;margin-bottom:16px;font-size:12.5px;font-weight:500;display:flex}.writing-article .article-meta .dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:3px;height:3px}.writing-article .article-head h1{letter-spacing:-.025em;max-width:24ch;font-size:clamp(30px,4.4vw,42px);font-weight:600;line-height:1.12}@media (max-width:660px){.writing-article .article-head{padding-top:40px}}.writing-article .draft-banner{background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;align-items:baseline;gap:10px;margin-bottom:34px;padding:13px 18px;display:flex}.writing-article .draft-banner .label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);flex-shrink:0;font-size:11.5px;font-weight:600}.writing-article .draft-banner .note{font-family:var(--font-serif), serif;color:var(--text-2);font-size:14px;font-style:italic}.writing-article .post-nav{grid-template-columns:1fr 1fr;gap:16px;margin:56px 0 24px;display:grid}.writing-article .post-nav a{border:1px solid var(--border);background:var(--panel);transition:transform .4s var(--ease-spring-card), box-shadow .4s, border-color .3s;border-radius:14px;padding:18px 20px;text-decoration:none;display:block}.writing-article .post-nav a:hover{box-shadow:0 12px 30px var(--lift);transform:translateY(-3px)}.writing-article .post-nav a.next{text-align:right}.writing-article .post-nav .dir{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:6px;font-size:11.5px;font-weight:600;transition:color .25s;display:inline-flex}.writing-article .post-nav a:hover .dir{color:var(--accent)}.writing-article .post-nav .dir svg{stroke:currentColor;stroke-width:2.2px;fill:none;width:12px;height:12px;transition:transform .3s var(--ease-spring)}.writing-article .post-nav a.prev:hover .dir svg{transform:translate(-4px)}.writing-article .post-nav a.next:hover .dir svg{transform:translate(4px)}.writing-article .post-nav .t{letter-spacing:-.01em;color:var(--text);margin-top:8px;font-size:15px;font-weight:600;line-height:1.35;display:block}@media (max-width:560px){.writing-article .post-nav{grid-template-columns:1fr}.writing-article .post-nav a.next{text-align:left}}