.reading-progress { position: fixed; inset-block-start: 0; inset-inline-start: 0; z-index: 100; width: 100%; height: 4px; background: var(--terracotta); transform: scaleX(0); transform-origin: right; }
.article-hero { max-width: 1100px; padding-block: clamp(3rem, 8vw, 7rem) 2rem; }
.article-hero h1 { max-width: 980px; font-size: clamp(2.5rem, 7vw, 6.4rem); overflow-wrap: anywhere; }
.article-deck, .page-deck { max-width: 800px; color: var(--muted); font-size: clamp(1.05rem, 2vw, 1.35rem); }
.article-hero__media { margin-block-start: 2.5rem; }.article-hero__media img { width: 100%; max-height: 720px; object-fit: cover; }.article-hero figcaption { color: var(--muted); font-size: .8rem; }
.article-layout { display: grid; grid-template-columns: 180px minmax(0, 820px); justify-content: center; gap: clamp(2rem, 6vw, 6rem); }
.article-aside { position: sticky; top: 2rem; align-self: start; display: grid; font-size: .85rem; }.article-aside span { color: var(--muted); }.article-aside a { font-weight: 900; }
.entry-content { min-width: 0; font-size: 1.08rem; }.entry-content > * { max-width: 100%; }.entry-content h2 { margin-block-start: 2.2em; font-size: clamp(1.7rem, 4vw, 2.5rem); }.entry-content h3 { margin-block-start: 1.8em; }
.entry-content blockquote { margin-inline: 0; padding: 1.2rem 1.5rem; border-inline-start: 4px solid var(--terracotta); background: var(--white); font-size: 1.25rem; }
.entry-content table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; }.entry-content th, .entry-content td { min-width: 130px; padding: .6rem; border: 1px solid var(--line); }
.entry-content iframe { max-width: 100%; }.entry-content pre { overflow-x: auto; direction: ltr; text-align: left; }
.article-footer { max-width: 1000px; margin-block-start: 4rem; }.author-box { display: grid; grid-template-columns: 96px 1fr; gap: 1.25rem; padding: 1.5rem; background: var(--white); }.author-box img, .author-header img { border-radius: 50%; }
.post-navigation { margin-block: 2rem; }.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; }.post-navigation a { display: grid; padding: 1rem; border: 1px solid var(--line); text-decoration: none; }.post-navigation span { color: var(--muted); font-size: .78rem; }
.comments-area { margin-block-start: 4rem; }.comment-list { list-style: none; padding: 0; }.comment-body { padding: 1rem 0; border-block-end: 1px solid var(--line); }.comment-form input:not([type=submit]), .comment-form textarea { width: 100%; border: 1px solid var(--line); background: var(--white); padding: .7rem; }
.standard-page { max-width: 900px; }.page-header h1 { font-size: clamp(2.5rem, 6vw, 5rem); }.page-featured { margin-block: 2rem; }
.author-header { display: flex; align-items: center; gap: 1.25rem; }
@media (max-width: 760px) { .article-layout { grid-template-columns: 1fr; }.article-aside { position: static; }.post-navigation .nav-links { grid-template-columns: 1fr; }.author-box { grid-template-columns: 64px 1fr; }.author-box img { width: 64px; } }