.blog-article{max-width:1160px;margin-inline:auto;padding:clamp(2rem,5vw,4rem) 1.5rem 5rem}.article-header{max-width:880px}.article-back{color:var(--color-body);font-size:.875rem}.article-back:hover{color:var(--color-primary-300)}.article-eyebrow{margin:2.75rem 0 1rem;color:var(--color-primary-300);font-size:.75rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.article-header h1{font-size:clamp(2rem,4.6vw,3.5rem);font-weight:750;line-height:1.12;letter-spacing:-.04em}.article-description{max-width:720px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65;margin-top:1.5rem;color:var(--color-body)}.article-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.75rem 0 2.5rem;color:var(--color-body);font-size:.8125rem}.article-meta span:first-child{color:var(--color-heading);font-weight:600}.article-cover{width:100%;aspect-ratio:16 / 7;object-fit:cover;border-radius:12px;margin-bottom:clamp(2rem,5vw,4rem)}.article-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}.article-sidebar{position:sticky;top:7rem}.article-sidebar nav{max-height:calc(100dvh - 9rem);overflow-y:auto}.article-sidebar summary{color:var(--color-heading);font-size:.8rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding-block:.5rem}.article-sidebar ol{list-style:none;margin-top:1rem;border-left:1px solid var(--color-border-hover)}.article-sidebar a{display:block;padding:.55rem 0 .55rem 1rem;color:var(--color-body);font-size:.8125rem;line-height:1.55;text-decoration:none}.article-sidebar a:hover{color:var(--color-primary-200);background:var(--color-surface)}.article-main{min-width:0}.article-body{max-width:68ch;font-size:1.0625rem;line-height:1.85;color:var(--color-body);overflow-wrap:anywhere}.article-body>p:first-child{color:var(--color-heading);font-size:1.25rem;line-height:1.75}.article-body p{margin:0 0 1.35em}.article-body h2{margin:2.5em 0 .85em;padding-top:1.15em;border-top:1px solid var(--color-border-hover);font-size:clamp(1.5rem,2.5vw,1.875rem);line-height:1.3;font-weight:700}.article-body h3{margin:1.8em 0 .7em;font-size:1.25rem;line-height:1.4;font-weight:650}.article-body h4,.article-body h5,.article-body h6{margin:1.5em 0 .6em;font-size:1.0625rem;font-weight:650}.article-body :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:7rem}.article-body ul,.article-body ol{margin:1.25em 0 1.65em;padding-left:1.5em}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{padding-left:.4em;margin:.7em 0}.article-body li::marker{color:var(--color-primary-300);font-weight:600}.article-body li>:is(ul,ol){margin-block:.5em}.article-body li p{margin-bottom:.5em}.article-body strong{color:var(--color-heading);font-weight:650}.article-body a{color:var(--color-primary-200);text-decoration:underline;text-decoration-color:var(--color-primary-400);text-underline-offset:.22em;text-decoration-thickness:1px}.article-body a:hover{color:var(--color-heading);text-decoration-thickness:2px}.blog-article a:focus-visible,.blog-article summary:focus-visible{outline:2px solid var(--color-primary-300);outline-offset:5px;border-radius:2px}.article-body blockquote{margin:2rem 0;padding:1.75rem;background:var(--color-elevated);border-block:1px solid var(--color-border-hover);color:var(--color-heading);font-size:1.125rem}.article-body blockquote p:last-child{margin-bottom:0}.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:2rem 0;font-size:.9375rem}.article-body :is(th,td){padding:.85rem 1rem;border:1px solid var(--color-border-hover);text-align:left;min-width:130px}.article-body th{background:var(--color-elevated);color:var(--color-heading);font-weight:650}.article-body pre{overflow-x:auto;max-width:100%;padding:1.25rem;margin:1.75rem 0;border:1px solid var(--color-border-hover);border-radius:6px;font-size:.875rem}.article-body :not(pre)>code{font-size:.88em;padding:.15em .35em;background:var(--color-elevated);border-radius:3px}.article-body img{max-width:100%;height:auto;margin:2rem auto;border-radius:8px}.article-body hr{border-color:var(--color-border-hover);margin:2.5rem 0}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-hover);display:grid;gap:.5rem}.article-footer>span{color:var(--color-body);font-size:.8125rem}.article-footer a{color:var(--color-primary-200);font-size:1.125rem;font-weight:600}@media (max-width: 850px){.article-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}.article-sidebar{position:static;border-block:1px solid var(--color-border-hover);padding-block:.75rem}.article-sidebar nav{max-height:none}.article-sidebar ol{columns:2}.article-sidebar li{break-inside:avoid}.article-body{max-width:none}}@media (max-width: 540px){.blog-article{padding-inline:1.25rem}.article-cover{aspect-ratio:16 / 9;border-radius:8px}.article-sidebar ol{columns:1}.article-body{font-size:1rem;line-height:1.8}.article-body>p:first-child{font-size:1.125rem}.article-body blockquote{padding:1.25rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}