.article-layout__header{max-width:760px}.article-layout__breadcrumb{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--fs-sm);gap:var(--space-2);margin-bottom:var(--space-5)}.article-layout__crumb{color:var(--text-muted);text-decoration:none}.article-layout__crumb:hover{color:var(--wb-blue)}.article-layout__crumb--current{color:var(--wb-blue);font-weight:var(--fw-semibold)}.article-layout__crumb-sep{color:var(--text-muted);display:block}.article-layout__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.article-layout__tag{align-items:center;background:var(--wb-accent-soft);border-radius:var(--radius-pill);color:var(--wb-accent);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-bold);height:28px;letter-spacing:.04em;padding:0 var(--space-4);text-decoration:none;text-transform:uppercase}.article-layout__date{color:var(--text-muted);font-size:var(--fs-sm)}.article-layout__title{color:var(--wb-blue);font-size:clamp(2.1rem,4vw,3.1rem);font-weight:var(--fw-black,900);letter-spacing:-.025em;line-height:var(--lh-tight,1.1);margin:0 0 var(--space-7);text-wrap:balance}.article-layout__author{align-items:center;display:flex;gap:var(--space-4)}.article-layout__author-photo{border-radius:var(--radius-pill);display:block;height:48px;object-fit:cover;width:48px}.article-layout__author-photo--placeholder{background:var(--wb-cream-deep,var(--wb-cream));border:1px solid var(--border-subtle)}.article-layout__author-name{color:var(--wb-blue);font-size:var(--fs-body);font-weight:var(--fw-bold)}.article-layout__author-role{color:var(--text-muted);font-size:var(--fs-sm)}.article-layout__hero{background:var(--wb-cream-soft,var(--wb-cream));border-radius:var(--radius-lg);margin-top:var(--space-8);overflow:hidden}.article-layout__hero-img{display:block;height:clamp(280px,38vw,460px);object-fit:cover;width:100%}.article-layout__grid{align-items:start;display:grid;gap:var(--space-9);grid-template-columns:1fr;margin-top:var(--space-9)}.article-layout__rail{align-self:start}.article-layout__toc-rail>*{display:none}.article-layout__toc-label{color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-extrabold,800);letter-spacing:.08em;margin-bottom:var(--space-4);text-transform:uppercase}.article-layout__toc{border-left:2px solid var(--border-subtle);list-style:none;margin:0;padding:0}.article-layout__toc-link{border-left:2px solid transparent;color:var(--text-muted);display:block;font-size:var(--fs-sm);line-height:var(--lh-snug,1.4);margin-left:-2px;padding:7px 0 7px var(--space-4);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.article-layout__toc-link--h3{font-size:var(--fs-xs);padding-left:var(--space-6)}.article-layout__toc-link:hover{color:var(--wb-blue)}.article-layout__toc-link.is-active{border-left-color:var(--wb-accent);color:var(--wb-blue);font-weight:var(--fw-bold)}.article-layout__body.wb-article{color:var(--text-body);font-size:1.0625rem;line-height:1.78;min-width:0}.wb-article>:first-child{margin-top:0}.wb-article h2{font-size:1.625rem;font-weight:var(--fw-extrabold,800);letter-spacing:-.01em;line-height:1.25;margin:2.4em 0 .55em}.wb-article h2,.wb-article h3{color:var(--wb-blue);scroll-margin-top:100px}.wb-article h3{font-size:1.2rem;font-weight:var(--fw-bold);line-height:1.3;margin:1.9em 0 .5em}.wb-article p{margin:0 0 1.25em}.wb-article ol,.wb-article ul{margin:0 0 1.4em;padding-left:1.25em}.wb-article li{margin:0 0 .6em;padding-left:4px}.wb-article a{color:var(--wb-accent);text-decoration:underline;text-underline-offset:2px}.wb-article strong{color:var(--wb-blue);font-weight:var(--fw-bold)}.wb-article blockquote{border:none;border-left:4px solid var(--wb-accent);color:var(--wb-blue);font-size:1.3rem;font-style:normal;font-weight:var(--fw-semibold);line-height:1.5;margin:1.9em 0;padding:2px 0 2px 28px}.wb-article figure,.wb-article img{border-radius:var(--radius-lg);display:block;margin:1.7em 0;width:100%}.wb-article figure{width:auto}.wb-article figcaption{color:var(--text-muted);font-size:var(--fs-sm);margin-top:10px;text-align:center}@media (min-width:900px){.article-layout__grid{gap:var(--space-8);grid-template-columns:170px minmax(0,1fr)}.article-layout--has-toc .article-layout__toc-rail>*{display:block}.article-layout__rail{position:sticky;top:96px}}@media (min-width:1200px){.article-layout__grid{gap:var(--space-9)}}@media (prefers-reduced-motion:reduce){.article-layout__toc-link{transition:none}}.article-layout__header>:last-child{margin-bottom:0}