.article-head{margin-top:var(--sp-6);padding-bottom:var(--sp-5);border-bottom:1px solid var(--line)}.article-head time{margin-bottom:var(--sp-2);font-size:var(--fs-micro);color:var(--text-faint);display:block}.article-title{font-size:var(--fs-2xl);text-wrap:balance}.article-head .tech-inline{margin-top:var(--sp-3)}.article-cover{width:100%;margin-top:var(--sp-6);border:1px solid var(--line);border-radius:var(--radius-lg)}.article .prose{margin-top:var(--sp-6)}.view-switch{gap:var(--sp-1);margin-top:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);padding:2px;display:inline-flex}.view-switch-option{padding:var(--sp-1) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-muted);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);background:0 0;border:0;border-radius:2px}.view-switch-option:hover{color:var(--text)}.view-switch-option.is-current{background:var(--bg-inset);color:var(--text)}@media (max-width:480px){.article-title{font-size:var(--fs-xl)}}.article-link{margin-top:var(--sp-3);font-size:var(--fs-mono);color:var(--text-muted);display:inline-block}.article-link:hover{color:var(--accent);text-decoration:none}