.post-progress{position:fixed;top:0;left:0;right:0;z-index:calc(var(--z-header) + 1);height:4px;pointer-events:none}.post-progress span{display:block;height:100%;background:var(--color-marigold);transform:scaleX(0);transform-origin:left;transition:transform 80ms linear}:where(.post){--topic:var(--color-butter)}.post-hero{--marker:var(--color-green-deep);position:relative;padding-bottom:var(--spacing-section-sm);background:var(--tint-butter);background:color-mix(in srgb,var(--topic) 28%,var(--color-cream));overflow:hidden}.post-hero--with-cover{padding-bottom:calc(var(--spacing-section-sm) + 3rem)}.post-hero::before{content:"";position:absolute;top:-12rem;right:-10rem;width:34rem;height:34rem;border:1.5px solid rgba(17,17,17,0.1);border-radius:50%;pointer-events:none}.post-hero__inner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);max-width:calc(46rem + var(--gutter) * 2)}.post-hero__inner .breadcrumbs{margin-bottom:var(--space-2)}.post-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.post-hero__topic{padding:0.3rem 0.75rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--topic);font-weight:700;color:var(--color-ink);transition:translate var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.post-hero__topic:hover{color:var(--color-ink);translate:-2px -2px;box-shadow:3px 3px 0 var(--color-ink)}.post-hero__dot{width:0.3rem;height:0.3rem;border-radius:50%;background:var(--color-border-strong)}.post-hero__title{max-width:22ch;font-size:clamp(1.875rem,1.3rem + 1.9vw,2.75rem);letter-spacing:var(--tracking-tight);line-height:1.1}.post-hero__summary{max-width:58ch;font-size:var(--text-lg);line-height:1.5;color:#4E4E4B}.post-hero__author{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-sm);font-weight:600}.post-hero__author-text{display:flex;flex-direction:column;line-height:1.3}.post-hero__author-text small{font-size:var(--text-xs);font-weight:500;color:var(--color-muted)}.avatar{display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;border:var(--border-ink);border-radius:50%;background:var(--topic);overflow:hidden}.avatar--lg{width:4.5rem;height:4.5rem}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initial{font-family:var(--font-display);font-size:1.25rem;font-style:italic;line-height:1;color:var(--color-ink)}.avatar--lg .avatar__initial{font-size:2.25rem}.post-cover{position:relative;z-index:1;margin:-3rem 0 0}.post-cover__frame{border:var(--border-ink);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:8px 8px 0 var(--color-ink);overflow:hidden}.post-cover__image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.post-body{padding-top:var(--space-12)}.post-layout{display:grid;gap:var(--space-8)}.post-article{display:flex;flex-direction:column;gap:var(--space-10);max-width:44rem;margin-inline:auto;min-width:0}.post-rail{display:none}.toc--inline{display:block}@media (min-width: 1100px){.post-layout--railed{grid-template-columns:15rem minmax(0,44rem);justify-content:center;column-gap:var(--space-10)}.post-layout--railed .post-article{margin-inline:0}.post-rail{display:block}.post-layout--railed .toc--inline{display:none}.post-rail__inner{position:sticky;top:calc(var(--header-height) + var(--space-6));display:flex;flex-direction:column;gap:var(--space-6);max-height:calc(100vh - var(--header-height) - var(--space-10));overflow-y:auto;overscroll-behavior:contain}.post-rail__share{padding-top:var(--space-5);border-top:1px solid var(--color-rule,#e7e5e0)}}.post-article__prose{font-size:var(--text-base)}.post-article__prose > h2{font-size:clamp(1.375rem,1.1rem + 1.1vw,1.875rem);line-height:1.2}.post-article__prose > h3{font-size:clamp(1.125rem,1.02rem + 0.45vw,1.375rem);line-height:1.3}.post-article__prose > h4{font-size:1.0625rem}.post-article__prose > h2,.post-article__prose > h3{scroll-margin-top:calc(var(--header-height) + var(--space-6))}.toc__title{margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.toc__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-left:2px solid var(--color-border)}.toc__item--h3 .toc__link{padding-left:calc(var(--space-4) + var(--space-3));font-size:var(--text-xs)}.toc__link{position:relative;display:block;padding:0.4rem var(--space-4);margin-left:-2px;border-left:2px solid transparent;font-size:var(--text-sm);font-weight:600;line-height:1.35;color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.toc__link:hover{color:var(--color-ink)}.toc__link.is-active{border-left-color:var(--color-ink);color:var(--color-ink)}.toc__link.is-active::before{content:"";position:absolute;top:50%;left:-0.45rem;width:0.6rem;height:0.6rem;border:var(--border-ink);border-radius:50%;background:var(--topic);translate:0 -50%}.toc--inline{padding:var(--space-4) var(--space-5);border:var(--border-ink);border-radius:var(--radius-large);background:var(--color-cream)}.toc--inline[open]{box-shadow:6px 6px 0 var(--topic)}.toc__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:0.3rem;margin-block:-0.3rem;cursor:pointer;list-style:none;font-size:var(--text-sm);font-weight:700}.toc--inline:not([open]) .toc__list{display:none}.toc__summary::-webkit-details-marker{display:none}.toc__summary .icon{transition:transform var(--duration-base) var(--ease-out)}.toc--inline[open] .toc__summary .icon{transform:rotate(180deg)}.toc--inline .toc__list{margin-top:var(--space-4)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.post-tags__link{display:inline-block;padding:0.35rem 0.8rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-cream);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);transition:background-color var(--duration-fast) var(--ease-out)}.post-tags__link:hover{background:var(--topic);color:var(--color-ink)}.post-share{padding-top:var(--space-6);border-top:1.5px solid var(--color-ink)}.author-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border:var(--border-ink);border-radius:var(--radius-large);background:var(--color-cream);box-shadow:6px 6px 0 var(--topic)}.author-card__body{display:flex;flex-direction:column;gap:var(--space-2)}.author-card__kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.author-card__name{font-size:var(--text-h4);font-weight:800;letter-spacing:-0.01em}.author-card__name span{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-muted)}.author-card__bio{font-size:var(--text-sm);line-height:1.55;color:#4E4E4B}.author-card__links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-1) 0 0;padding:0;list-style:none}.author-card__links a{display:inline-flex;align-items:center;gap:0.3rem;padding:0.35rem 0.8rem;border:var(--border-ink);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);transition:background-color var(--duration-fast) var(--ease-out)}.author-card__links a:hover{background:var(--color-marigold)}.post-nav{display:grid;gap:var(--space-4)}.post-nav__link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:var(--border-ink);border-radius:var(--radius-large);background:var(--color-cream);color:var(--color-ink);transition:translate var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.post-nav__link:hover{color:var(--color-ink);translate:-4px -4px;box-shadow:var(--shadow-hard)}.post-nav__link--next{text-align:right;align-items:flex-end}.post-nav__label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.post-nav__link--prev .post-nav__label .icon{transform:rotate(180deg)}.post-nav__title{font-size:var(--text-base);font-weight:700;line-height:1.3}.post-related{border-top:1.5px solid var(--color-ink)}@media (min-width: 640px){.author-card{flex-direction:row;align-items:flex-start;gap:var(--space-6);padding:var(--space-8)}.post-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.post-hero--with-cover{padding-bottom:calc(var(--spacing-section-sm) + 5rem)}.post-cover{margin-top:-5rem}.post-body{padding-top:var(--space-16)}}@media (min-width: 1024px){.post-article{max-width:46rem}.post-article__prose{font-size:1.0625rem}}@media (prefers-reduced-motion: reduce){.post-progress span,.share__button,.post-nav__link,.toc__summary .icon{transition:none}.post-nav__link:hover,.share__button:hover{translate:0}}
