.read-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:99;background:linear-gradient(90deg,var(--brand-400),var(--amber-400));transition:width .1s linear}
.art-hero{position:relative;overflow:hidden;background:var(--surface);border-bottom:1px solid var(--line)}
.art-hero__inner{padding:calc(var(--header-h) + 26px) 0 0;position:relative;z-index:2}
.art-cover{margin-top:30px;border-radius:var(--r-xl);overflow:hidden;position:relative;aspect-ratio:21/8;border:1px solid var(--line)}
@media (max-width:700px){.art-cover{aspect-ratio:16/9}}
.art-cover .art span{font-size:clamp(2.6rem,7vw,5.4rem)}
.art-title{font-family:var(--font-display);font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.16;letter-spacing:-.02em;max-width:900px}
.share{display:flex;gap:9px}
.share a{width:40px;height:40px;border-radius:var(--r-full);display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);transition:.24s}
.share a:hover{border-color:var(--brand-400);color:var(--brand-600);transform:translateY(-2px)}
.share svg{width:17px;height:17px}
.author-card{display:flex;gap:18px;align-items:flex-start;padding:26px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line)}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pn a{padding:20px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);transition:.3s var(--ease-out)}
.pn a:hover{border-color:var(--brand-200);box-shadow:var(--sh-md);transform:translateY(-3px)}
@media (max-width:560px){.pn{grid-template-columns:1fr}}
.share a.is-saved{border-color:var(--amber-400);color:var(--amber-500)}