.article-page{--article-max: 720px}.article__header{padding-top:10rem;padding-bottom:2rem}.article__back{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;color:var(--c-text-muted);margin-bottom:2rem;transition:color .2s}.article__back:hover{color:var(--c-heading)}.article__title{font-size:clamp(2rem,4vw,3rem);line-height:1.15;max-width:var(--article-max);margin-bottom:1.5rem}.blog-meta{display:flex;align-items:center;gap:.75rem;font-size:.72rem;color:var(--c-text-muted)}.blog-cat{padding:.12rem .45rem;background:#6c5ce714;border-radius:3px;color:var(--c-primary);font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.article__byline{display:inline-flex;align-items:center;gap:.75rem;margin:0 0 .5rem;text-decoration:none;transition:opacity .2s}.article__byline:hover{opacity:.7}.article__byline-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--c-primary);color:#fff;font-size:.72rem;font-weight:700;font-family:var(--f-heading);letter-spacing:.02em}.article__byline-text{display:flex;flex-direction:column;gap:1px}.article__byline-name{font-size:.82rem;font-weight:600;color:var(--c-heading)}.article__byline-role{font-size:.7rem;color:var(--c-text-muted)}.article__updated{font-size:.72rem;color:var(--c-text-muted);margin:0}.article__tldr{max-width:var(--article-max);background:#6c5ce70a;border-left:3px solid var(--c-primary);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:1rem 0 2rem}.article__tldr-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-primary);margin-bottom:.4rem}.article__tldr p{font-size:.92rem;line-height:1.65;color:var(--c-heading);font-weight:500;margin:0}.article__content{max-width:var(--article-max)}.article__content h2{font-size:1.6rem;margin-top:2.5rem;margin-bottom:1rem}.article__content h3{font-size:1.2rem;margin-top:2rem;margin-bottom:.75rem}.article__content p{color:var(--c-text);line-height:1.8;margin-bottom:1.25rem;font-size:.95rem}.article__content ul,.article__content ol{margin-bottom:1.25rem;padding-left:1.5rem}.article__content ul{list-style:disc}.article__content ol{list-style:decimal}.article__content li{color:var(--c-text);line-height:1.7;margin-bottom:.5rem;font-size:.92rem}.article__content strong{color:var(--c-heading);font-weight:600}.article__content em{font-style:italic}.article__content blockquote{border-left:3px solid var(--c-primary);padding-left:1.25rem;margin:1.5rem 0;font-style:italic;color:var(--c-heading)}.article__content blockquote p{color:var(--c-heading);font-size:1rem}.article__content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.85rem}.article__content th{text-align:left;font-weight:700;color:var(--c-heading);padding:.6rem .8rem;border-bottom:2px solid var(--c-border);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.article__content td{padding:.6rem .8rem;border-bottom:1px solid var(--c-border);color:var(--c-text)}.article__content tr:hover td{background:#6c5ce708}.article__content code{font-size:.88em;background:var(--c-surface);padding:.15rem .4rem;border-radius:4px;font-family:SF Mono,Fira Code,monospace}.article__content a{color:var(--c-primary);text-decoration:underline;text-underline-offset:2px}.article__content a:hover{color:var(--c-heading)}.article__content hr{border:none;border-top:1px solid var(--c-border);margin:2rem 0}.article__content :is(h2,h3,h4){position:relative}.article__content .heading-anchor{margin-left:.5rem;color:var(--c-text-muted);text-decoration:none;opacity:0;transition:opacity .2s;font-weight:400}.article__content :is(h2,h3,h4):hover .heading-anchor,.article__content .heading-anchor:focus{opacity:1}.article__content .heading-anchor__icon{font-size:.85em}.article__content .glossary-link{color:var(--c-text);text-decoration:none;border-bottom:1px dotted var(--c-text-muted)}.article__content .glossary-link:hover{color:var(--c-primary);border-bottom-color:var(--c-primary)}.article__related{border-top:1px solid var(--c-border);padding-top:3rem}.article__related-title{font-size:1.3rem;margin:0 0 1.5rem;max-width:var(--article-max)}.article__related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.article__related-card{display:block;padding:1.25rem;background:var(--c-bg-card, var(--c-bg-alt));border:1px solid var(--c-border);border-radius:10px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}.article__related-card:hover{transform:translateY(-2px);border-color:var(--c-primary)}.article__related-card h3{font-size:1rem;line-height:1.3;margin:0 0 .5rem}.article__related-card p{font-size:.82rem;color:var(--c-text-muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}