.article-share{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.article-share__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--surface-border);background-color:var(--surface-bg);color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--easing-inout),color var(--duration-fast) var(--easing-inout);text-decoration:none}.article-share__btn:hover{border-color:var(--text-primary)}.article-share__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.article-header{background-color:var(--surface-bg);padding-block:64px 48px}.article-header__inner{max-width:880px;margin:0 auto;padding:0 var(--space-xl)}@media(width<768px){.article-header{padding-block:40px 32px}.article-header__inner{padding:0 var(--space-lg)}}.article-header__breadcrumb ol{list-style:none;padding:0;margin:0 0 var(--space-lg);display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--type-small)}.article-header__breadcrumb a{color:var(--text-secondary);text-decoration:none}.article-header__breadcrumb a:hover{color:var(--text-primary)}.article-header__breadcrumb-sep{color:var(--surface-border)}.article-header__breadcrumb-current{color:var(--text-primary);max-width:36ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-header__eyebrow{margin-bottom:var(--space-md)}.article-header__h1{font-family:var(--font-family-display);font-size:clamp(2.2rem,5vw,var(--type-display));font-weight:700;line-height:1.05;letter-spacing:-.035em;margin:0;color:var(--text-primary);text-wrap:balance}.article-header__dek{color:var(--text-muted);font-size:1.25rem;line-height:1.5;margin:var(--space-lg) 0 0;max-width:60ch}.article-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--surface-border);color:var(--text-secondary);font-size:var(--type-small)}.article-header__avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--surface-cream);color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.04em}.article-header__author-block{display:inline-flex;flex-direction:column;line-height:1.25;gap:2px}.article-header__author{color:var(--text-primary);font-weight:700}.article-header__role{color:var(--text-secondary);font-size:var(--type-small)}.article-header__sep{color:var(--text-secondary)}@media(width<640px){.article-header__meta{gap:8px}.article-header__sep{display:none}}.article-hero{background-color:var(--surface-bg);padding-block:0 64px}.article-hero__img,.article-hero__placeholder{width:100%;height:480px;object-fit:cover;display:block;border:1px solid var(--surface-border)}.article-hero__placeholder.thumb{aspect-ratio:auto;height:480px}@media(width<768px){.article-hero{padding-block:0 40px}.article-hero__img,.article-hero__placeholder,.article-hero__placeholder.thumb{height:240px}}.article-toc{position:sticky;top:calc(var(--nav-height) + 24px);align-self:start;max-height:calc(100vh - var(--nav-height) - 48px);overflow-y:auto;padding-left:var(--space-lg);border-left:1px solid var(--surface-border)}.article-toc__heading{margin:0 0 var(--space-md);font-size:var(--type-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.article-toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.article-toc__item--lvl3{padding-left:var(--space-md)}.article-toc__link{display:inline-block;color:var(--text-secondary);font-size:var(--type-small);line-height:1.4;text-decoration:none;transition:color var(--duration-fast) var(--easing-inout)}.article-toc__link:hover{color:var(--text-primary)}.article-toc__link[aria-current=location]{color:var(--text-primary);font-weight:700}@media(width<1024px){.article-toc{display:none}}.article-reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:15;appearance:none;-webkit-appearance:none;border:none;background-color:transparent}.article-reading-progress::-webkit-progress-bar{background-color:transparent}.article-reading-progress::-webkit-progress-value{background-color:var(--color-accent)}.article-reading-progress::-moz-progress-bar{background-color:var(--color-accent)}.author-card{background-color:var(--surface-bg);padding-block:0}.author-card__inner{max-width:880px;margin:64px auto 0;padding:var(--space-xl);border:1px solid var(--surface-border);display:grid;grid-template-columns:64px 1fr;gap:var(--space-lg);align-items:start}@media(width<768px){.author-card__inner{margin:40px var(--space-lg) 0;padding:var(--space-lg)}}.author-card__avatar{width:64px;height:64px;border-radius:50%;background-color:var(--surface-cream);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;letter-spacing:.04em}.author-card__body{display:flex;flex-direction:column;gap:4px}.author-card__written-by{margin:0;font-size:var(--type-small);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.author-card__name{margin:0;font-family:var(--font-family-display);font-size:var(--type-h4);font-weight:700;color:var(--text-primary)}.author-card__name-link{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--easing-inout)}.author-card__name-link:hover{color:var(--color-primary);text-decoration:underline}.author-card__role{margin:0;font-size:var(--type-body-md);color:var(--text-secondary)}.author-card__bio{margin:var(--space-sm) 0 0;color:var(--text-muted);font-size:var(--type-body-md);line-height:1.6}.author-card__linkedin{margin-top:var(--space-md);align-self:flex-start;display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--surface-border);background-color:var(--surface-bg);color:var(--text-primary);font-size:var(--type-small);font-weight:700;border-radius:var(--radius-pill);text-decoration:none;transition:border-color var(--duration-fast) var(--easing-inout)}.author-card__linkedin:hover{border-color:var(--text-primary)}.related-section{background-color:var(--surface-bg);padding-block:96px 0}@media(width<768px){.related-section{padding-block:56px 0}}.related-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.related-section__h2{font-family:var(--font-family-display);font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.015em;margin:0;color:var(--text-primary)}.related-section__all{font-size:var(--type-small);letter-spacing:.04em;color:var(--text-secondary);text-decoration:none}.related-section__all:hover{color:var(--text-primary)}.related-section__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(width<1024px){.related-section__grid{grid-template-columns:repeat(2,1fr)}}@media(width<640px){.related-section__grid{grid-template-columns:1fr}}.article-body-section{background-color:var(--surface-bg);padding-block:0}.article-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:80px;align-items:start}@media(width<1024px){.article-body-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}}.article-body{max-width:720px;margin:0}.article-body>:first-child{margin-top:0}