/* Mach editorial surfaces. Arc BlogGrid composition, steel brand tokens. */
@font-face{font-family:Outfit;src:url('/blog-assets/outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Figtree;src:url('/blog-assets/figtree-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ground:#F2F4F6;--card:#FFFFFF;--wash:#E4E8EC;--ink:#12161B;--soft:#4A5664;--muted:#5E6B7A;--deep:#1A2028;--action:#36414E}
*{box-sizing:border-box}html{scroll-padding-top:6rem}body.blog-page{margin:0;background:var(--ground);color:var(--ink);font:1rem/1.65 Figtree,system-ui,sans-serif}.blog-main a{color:inherit;text-underline-offset:.2em}.blog-main a:hover{text-decoration-thickness:2px}.blog-main a:focus-visible,.blog-main summary:focus-visible{outline:2px solid var(--action);outline-offset:5px;border-radius:2px}.blog-main img{max-width:100%;height:auto}.blog-main h1,.blog-main h2,.blog-main h3{font-family:Outfit,system-ui,sans-serif;font-weight:300;line-height:1.12;letter-spacing:-.035em;margin:0}.blog-main p{margin:1rem 0}.blog-main figure{margin:0}
.blog-main{width:min(100% - 6rem,86rem);margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:.75rem;background:var(--action);color:var(--card);min-height:2.75rem;padding:.65rem 1.2rem;font-size:.875rem;white-space:nowrap}.button:hover{background:var(--deep)}.eyebrow{font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;font-weight:500;color:var(--soft);margin:0 0 1.25rem}.lead{color:var(--soft);line-height:1.6}.meta{font-size:.8125rem;color:var(--muted)}
/* A real illustration carries the article opening; the social card stays in metadata. */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.65rem;font-size:.75rem;color:var(--muted);padding:2rem 0 1.5rem}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.article-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4.5rem;padding:1rem 0 4.5rem}.article-intro{min-width:0}.article-intro h1{font-size:clamp(2.75rem,3.6vw,3.5rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.article-intro .lead{font-size:1.125rem;max-width:50ch;margin:1.6rem 0 1.8rem}.article-byline{display:flex;align-items:center;gap:.75rem;font-size:.8125rem}.article-byline img{width:2rem;height:2rem}.article-byline .meta{margin:.1rem 0 0;font-size:.75rem}.updated{margin:.5rem 0 0 2.75rem;font-size:.75rem}.article-hero-art{overflow:hidden;border-radius:1.5rem;background:var(--wash);aspect-ratio:4/3}.article-hero-art img{width:100%;height:100%;display:block;object-fit:cover}
/* Reading grid: generous outside space, compact navigation and a steady text measure. */
.article-layout{display:grid;grid-template-columns:15rem minmax(0,44rem);justify-content:center;gap:5rem;padding:2.5rem 0 5rem}.article-sidebar{align-self:start;position:sticky;top:6rem;padding-top:.5rem}.article-sidebar nav{display:grid;gap:.9rem}.article-sidebar .eyebrow{margin-bottom:.3rem}.article-sidebar nav a{font-size:.8125rem;line-height:1.45;color:var(--muted);text-decoration:none;max-width:27ch}.article-sidebar nav a:hover{color:var(--ink);text-decoration:underline}.back-to-blog{display:inline-block;margin-top:2rem;font-size:.8125rem;color:var(--ink)}.mobile-contents{display:none}.article-body.blog-page{min-width:0;font-size:1.0625rem;line-height:1.85}.article-body p{max-width:66ch;color:var(--soft);margin:1.15rem 0}.article-body h2{font-size:clamp(1.75rem,2.3vw,2.375rem);line-height:1.2;letter-spacing:-.025em;max-width:28ch;text-wrap:balance}.article-body>section{scroll-margin-top:2rem}.short-answer{padding:2.1rem 2.25rem;background:var(--card);border-radius:1.25rem;margin-bottom:3.75rem}.article-body .short-answer h2{font-size:.75rem;font-family:Figtree,system-ui,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.short-answer p{color:var(--ink);font-size:1.25rem;line-height:1.6;margin:.9rem 0 0;letter-spacing:-.012em}.prose-section{margin-bottom:3.5rem}.prose-section>p:first-of-type{margin-top:1.5rem}.citation{font-size:.7em;vertical-align:super;font-weight:500;text-decoration:none;margin:0 .12em;color:var(--ink);white-space:nowrap}.citation:hover{text-decoration:underline}.worked-example{margin:4rem 0}.practice-intro{background:var(--wash);border-radius:1.25rem;padding:2.25rem;margin:0 -2.25rem 2rem}.worked-example .eyebrow{margin-top:0!important}.worked-example h2{max-width:28ch}.worked-example p:last-child{margin-bottom:0}.article-faq{margin:4rem 0}.article-faq h2{margin-bottom:1.5rem}.article-faq details{padding:1.25rem 0;border-bottom:1px solid var(--wash)}.article-faq summary{font-family:Outfit,system-ui,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.4;cursor:pointer}.article-faq details p{font-size:1rem;margin-bottom:0}.sources{padding-top:1rem;margin-top:4rem}.sources h2{font-size:1.5rem}.sources ol{padding-left:1.2rem;margin-top:1.5rem}.sources li{padding:.65rem 0 .65rem .4rem;font-size:.875rem;line-height:1.5}.sources li::marker{font-size:.75rem;color:var(--muted)}.sources li a{text-decoration-color:#AEB7C2}.sources li span{display:block;margin-top:.35rem;color:var(--muted);font-size:.75rem}.sources li:target{background:var(--wash);border-radius:.5rem}.read-next{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;background:var(--wash);border-radius:1.5rem;padding:3rem 3.5rem;margin-bottom:5rem}.read-next h2{font-size:clamp(2rem,3vw,3rem);line-height:1.12}.read-next p:not(.eyebrow){max-width:48ch;color:var(--soft);margin:1.25rem 0 1.5rem}.next-link{font-size:.875rem;white-space:nowrap;padding-bottom:.7rem}
/* The requested Arc BlogGrid layout, with database category links and article routes. */
.arc-blog-grid{max-width:78rem;margin:0 auto}.blog-intro{padding:4rem 0 2rem;max-width:44rem}.blog-intro h1{font-size:clamp(2.75rem,4vw,4.5rem);line-height:1.05;letter-spacing:-.04em}.blog-intro .lead{font-size:1.125rem;max-width:50ch;margin-top:1.3rem}.blog-filters{display:flex;gap:.25rem;flex-wrap:wrap;margin:1rem 0 2.5rem}.blog-filters a{display:inline-flex;align-items:center;min-height:2.5rem;padding:.4rem .9rem;font-size:.8125rem;text-decoration:none;border-radius:.625rem;color:var(--soft)}.blog-filters a[aria-current]{background:var(--deep);color:var(--card)}.blog-filters a:hover{background:var(--wash);color:var(--ink)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem 1.75rem}.post-row{color:inherit;text-decoration:none;display:grid;gap:1.25rem;align-content:start;min-width:0}.post-row.featured{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:3rem;margin-bottom:4rem;padding:1.5rem;background:var(--card);border-radius:1.5rem}.grid-card{grid-template-columns:minmax(0,1fr)}.post-picture{overflow:hidden;border-radius:1.25rem;aspect-ratio:4/3;background:var(--wash)}.post-picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 220ms ease-out}.featured .post-picture{aspect-ratio:4/3}.post-copy{display:grid;gap:.75rem}.post-copy p{margin:0}.post-copy h2{font-size:1.5rem;line-height:1.25;font-weight:400;letter-spacing:-.025em;text-wrap:balance}.featured .post-copy{padding-right:1.5rem}.featured h2{font-size:clamp(1.875rem,2.6vw,2.75rem);font-weight:300;line-height:1.12}.post-copy .meta{font-size:.75rem}.post-copy .meta span{color:var(--ink);font-weight:500}.excerpt{font-size:.9375rem;line-height:1.6;color:var(--soft)}.featured .excerpt{font-size:1rem}.byline{display:flex;gap:.7rem;flex-wrap:wrap;padding-top:.4rem;font-size:.75rem;color:var(--muted)}.byline span+span::before{content:'·';padding-right:.7rem}.pagination{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;padding:1.5rem 0 5rem;font-size:.875rem}.post-row:hover h2{text-decoration:underline;text-underline-offset:.2em}

@media(min-width:110rem){.blog-main{width:min(100% - 10rem,94rem)}.article-hero{gap:6rem}.article-intro h1{font-size:3.5rem}.article-layout{grid-template-columns:15rem minmax(0,45rem);gap:6rem}.arc-blog-grid{max-width:83rem}}
@media(max-width:64rem){.blog-main{width:calc(100% - 3rem)}.article-hero{gap:2.5rem;padding-bottom:3rem}.article-intro h1{font-size:2.75rem}.article-intro .lead{font-size:1rem}.article-layout{grid-template-columns:12rem minmax(0,1fr);gap:2.5rem}.practice-intro{margin-inline:0;padding:1.75rem}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-row.featured{gap:2rem}.featured .post-copy{padding-right:.5rem}.read-next{padding:2.5rem;gap:2rem}.next-link{white-space:normal}}
@media(max-width:48rem){.blog-main{width:calc(100% - 2rem)}.breadcrumbs{padding:1.5rem 0 1rem}.article-hero{grid-template-columns:1fr;gap:2rem;padding:.5rem 0 2.25rem}.article-intro h1{font-size:clamp(2.4rem,8vw,3.25rem);max-width:24ch}.article-intro .lead{max-width:54ch;margin:1.3rem 0}.article-intro .eyebrow{margin-bottom:1rem}.article-hero-art{border-radius:1.25rem;aspect-ratio:4/3}.article-layout{display:block;padding:0 0 2rem}.article-sidebar{display:none}.mobile-contents{display:block;margin-bottom:1.5rem;padding:.9rem 1.15rem;background:var(--wash);border-radius:.75rem;font-size:.875rem}.mobile-contents summary{cursor:pointer;font-weight:500}.mobile-contents nav{display:grid;gap:1rem;padding:1.25rem 0 .5rem}.mobile-contents nav a{font-size:.875rem;line-height:1.5;color:var(--soft);text-decoration:none}.short-answer{padding:1.5rem;margin-bottom:2.5rem}.short-answer p{font-size:1.125rem}.article-body.blog-page{font-size:1rem;line-height:1.8}.article-body h2{font-size:1.875rem}.prose-section{margin-bottom:2.75rem}.worked-example{margin:3rem 0}.practice-intro{padding:1.5rem}.article-faq{margin:3rem 0}.article-faq summary{font-size:1.125rem}.sources{margin-top:3rem}.sources h2{font-size:1.5rem}.read-next{display:block;padding:2rem 1.5rem;margin-bottom:3rem}.read-next h2{font-size:2rem}.next-link{display:inline-block;margin-top:1.5rem}.blog-intro{padding:2.75rem 0 1rem}.blog-intro h1{font-size:2.75rem}.blog-intro .lead{font-size:1rem}.blog-filters{gap:.1rem;margin:1rem 0 2rem}.blog-filters a{padding:.35rem .65rem;font-size:.75rem;min-height:2.5rem}.post-row.featured{grid-template-columns:1fr;gap:1.4rem;padding:1rem;margin-bottom:3rem}.featured .post-copy{padding:.2rem .25rem .6rem;gap:.75rem}.featured h2{font-size:1.875rem}.blog-grid{grid-template-columns:1fr;gap:2.75rem}.post-copy h2{font-size:1.625rem}}
@media(hover:hover) and (pointer:fine){.post-row:hover img{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.post-picture img{transition:none}.post-row:hover img{transform:none}}

#blog-marketing-header{position:sticky;top:0;overflow:visible;z-index:30}#blog-marketing-footer{padding-top:1rem}.blog-main .sources ol{list-style:decimal}.blog-main details summary{display:list-item}