.article-page[data-v-c40264b3]{background:var(--color-bg-alt);min-height:100vh}.article-main[data-v-c40264b3]{padding-bottom:var(--space-xl)}.article-bc[data-v-c40264b3]{margin-bottom:20px}.card[data-v-c40264b3]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;margin-bottom:var(--space-lg)}.article-body[data-v-c40264b3]{padding:calc(var(--space-lg)*1.25) calc(var(--space-lg)*1.5)}.article-body[data-v-c40264b3]>*{max-width:72ch}@media(max-width:640px){.article-body[data-v-c40264b3]{padding:var(--space-lg) var(--space-md)}}.article-meta[data-v-c40264b3]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.article-date[data-v-c40264b3]{font-size:var(--fs-sm);color:var(--color-text-soft)}.article-title[data-v-c40264b3]{font-size:var(--fs-h2);font-weight:700;line-height:1.4;margin:0 0 var(--space-lg)}.article-content[data-v-c40264b3],.article-title[data-v-c40264b3]{color:var(--color-text)}.article-content[data-v-c40264b3] p{margin:0 0 var(--space-md)}.article-content[data-v-c40264b3] p:last-child{margin-bottom:0}.article-content[data-v-c40264b3] h3{font-size:16px;font-weight:600;line-height:1.4;margin:var(--space-lg) 0 var(--space-sm)}.article-content[data-v-c40264b3] h3:first-child{margin-top:0}.article-content[data-v-c40264b3] strong{font-weight:700}.article-content[data-v-c40264b3] ol,.article-content[data-v-c40264b3] ul{margin:0 0 var(--space-md) 1.4em;padding:0}.article-content[data-v-c40264b3] li{margin-bottom:10px}.article-content[data-v-c40264b3] a{color:var(--color-accent);text-decoration:underline}.article-content[data-v-c40264b3] img{display:block;max-width:100%;height:auto;border-radius:8px;margin:var(--space-md) 0}.article-content[data-v-c40264b3] img:not([width][height]){width:100%;aspect-ratio:auto 16/9}.article-foot[data-v-c40264b3]{border-top:1px solid var(--color-border);margin-top:var(--space-lg);padding-top:var(--space-lg);text-align:center}.cta-link[data-v-c40264b3]{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.cta-link[data-v-c40264b3]:hover{color:var(--color-accent-hover)}.post-nav[data-v-c40264b3]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}@media(max-width:640px){.post-nav[data-v-c40264b3]{grid-template-columns:1fr}}.post-nav-card[data-v-c40264b3]{display:block;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md) var(--space-lg);text-decoration:none;color:inherit;min-width:0;transition:box-shadow var(--transition-base),transform var(--transition-base)}.post-nav-card[data-v-c40264b3]:hover{box-shadow:0 4px 14px #0000000f;transform:translateY(-2px)}.post-nav-card.next[data-v-c40264b3]{text-align:right;grid-column:2}@media(max-width:640px){.post-nav-card.next[data-v-c40264b3]{grid-column:auto}}.post-nav-label[data-v-c40264b3]{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:6px}.post-nav-card.next .post-nav-label[data-v-c40264b3]{justify-content:flex-end}.post-nav-date[data-v-c40264b3]{font-size:11px;color:var(--color-text-muted);margin-bottom:4px}.post-nav-title[data-v-c40264b3]{font-size:14px;font-weight:600;line-height:1.5;color:var(--color-text-secondary);transition:color var(--transition-fast)}.post-nav-card:hover .post-nav-title[data-v-c40264b3]{color:var(--color-text)}.related[data-v-c40264b3]{margin-bottom:var(--space-xl)}.related-grid[data-v-c40264b3]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:640px){.related-grid[data-v-c40264b3]{grid-template-columns:1fr}}.related-card[data-v-c40264b3]{display:flex;flex-direction:column;gap:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md) var(--space-lg);text-decoration:none;color:inherit;min-width:0;transition:box-shadow var(--transition-base),transform var(--transition-base)}.related-card[data-v-c40264b3]:hover{box-shadow:0 4px 14px #0000000f;transform:translateY(-2px)}.related-meta[data-v-c40264b3]{display:flex;align-items:center;gap:8px}.related-date[data-v-c40264b3]{font-size:11px;color:var(--color-text-muted)}.related-title[data-v-c40264b3]{font-size:13px;font-weight:600;line-height:1.5;color:var(--color-text-secondary);transition:color var(--transition-fast)}.related-card:hover .related-title[data-v-c40264b3]{color:var(--color-text)}