.blog-hero,.article-hero{background:radial-gradient(48rem 28rem at 88% -12%,rgba(21,101,192,.55),transparent 62%),radial-gradient(34rem 22rem at -8% 112%,rgba(255,138,61,.14),transparent 60%),linear-gradient(160deg,var(--color-ink) 30%,var(--color-ink-soft));color:var(--color-on-ink)}.blog-hero-inner{display:grid;gap:var(--space-md);padding-block:clamp(4.5rem,9vw,7.5rem)}.blog-hero h1,.article-hero h1{color:#fff;max-width:17ch}.blog-hero p:not(.eyebrow){color:var(--color-on-ink-muted);font-size:var(--text-large);max-width:42rem}.blog-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.blog-card-featured{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.blog-card-image{background:var(--color-surface);display:block;min-height:18rem;overflow:hidden}.blog-card-image img{height:100%;object-fit:cover;transition:transform .24s var(--ease-out);width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.025)}.blog-card-copy{display:grid;gap:var(--space-sm);padding:var(--space-lg)}.blog-card-featured .blog-card-copy{align-content:center;padding:clamp(var(--space-lg),5vw,var(--space-xl))}.blog-card h2{font-size:clamp(1.45rem,1.2rem + .7vw,2rem);max-width:21ch}.blog-card h2 a{color:var(--color-heading)}.blog-card p{color:var(--color-muted)}.blog-meta{align-items:center;color:var(--color-muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:.75rem}.blog-meta span{color:var(--color-primary-dark);font-family:var(--font-display);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.blog-read-more{align-self:end;color:var(--color-primary-dark);font-family:var(--font-display);font-weight:600;margin-top:var(--space-sm)}.article-hero-inner{display:grid;gap:var(--space-md);justify-items:start;padding-block:clamp(4rem,8vw,7rem)}.article-back{color:var(--color-on-ink-muted);font-weight:600;margin-bottom:var(--space-md)}.article-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:19ch}.article-intro{color:var(--color-on-ink-muted);font-size:var(--text-large);line-height:1.7;max-width:48rem}.article-byline{color:var(--color-on-ink-muted);font-size:.92rem}.blog-meta-light,.blog-meta-light span{color:var(--color-on-ink-muted)}.blog-meta-light span{color:var(--color-accent)}.article-image-wrap{margin-top:clamp(2rem,5vw,4rem);width:min(calc(100% - 2.5rem),58rem)}.article-image{aspect-ratio:16 / 9;border-radius:var(--radius-lg);height:auto;object-fit:cover;width:100%}.article-section{padding-top:clamp(3rem,7vw,5.5rem)}.article-layout{margin-inline:auto;width:min(calc(100% - 2.5rem),var(--content-width))}.article-layout.has-toc{align-items:start;display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:minmax(13rem,16rem) minmax(0,var(--content-width));justify-content:center;width:min(calc(100% - 2.5rem),var(--wide-width))}.article-content{color:var(--color-body);font-size:1.08rem;line-height:1.85;margin-inline:auto;width:min(calc(100% - 2.5rem),var(--content-width))}.has-toc .article-content{margin-inline:0;min-width:0;width:100%}.article-toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);max-height:calc(100vh - 8.5rem);overflow-y:auto;padding:1.15rem;position:sticky;top:6.5rem}.article-toc-title{color:var(--color-heading);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.08em;margin:0 0 .75rem;text-transform:uppercase}.article-toc ol{display:grid;gap:0;list-style:none;margin:0;padding:0}.article-toc li{border-top:1px solid var(--color-border);margin:0}.article-toc a{color:var(--color-muted);display:block;font-size:.86rem;font-weight:500;line-height:1.4;padding:.66rem .1rem;text-decoration:none;transition:color .16s var(--ease-out),padding-left .16s var(--ease-out)}.article-toc a:hover,.article-toc a:focus-visible{color:var(--color-primary-dark);padding-left:.3rem}.article-content>:first-child{margin-top:0}.article-content h1:empty{display:none}.article-content h2,.article-content h3,.article-content h4{color:var(--color-heading);margin-block:2.5em .75em;max-width:23ch}.article-content h2[id]{scroll-margin-top:6.5rem}.article-content h2{font-size:clamp(1.7rem,1.4rem + 1vw,2.4rem)}.article-content h3{font-size:clamp(1.35rem,1.2rem + .5vw,1.75rem)}.article-content p,.article-content ul,.article-content ol,.article-content blockquote,.article-content pre{margin-block:0 1.4em}.article-content a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:.2em}.article-content blockquote{background:var(--color-surface);border-left:4px solid var(--color-accent);padding:var(--space-md)}.article-content pre{background:var(--color-ink);border-radius:var(--radius-md);color:#fff;overflow-x:auto;padding:var(--space-md)}.article-content code{overflow-wrap:anywhere}.article-content img{border-radius:var(--radius-md);margin-block:var(--space-lg)}.article-content table{border:1px solid var(--color-border-strong);border-collapse:separate;border-radius:var(--radius-md);border-spacing:0;box-shadow:var(--shadow-subtle);display:block;font-size:.94rem;margin-block:var(--space-md) var(--space-xl);max-width:100%;overflow-x:auto;width:max-content}.article-content th,.article-content td{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);line-height:1.55;min-width:9rem;padding:.9rem 1rem;text-align:left;vertical-align:top}.article-content th{background:var(--color-ink);color:#fff;font-family:var(--font-display);font-size:.84rem;font-weight:600;letter-spacing:.025em}.article-content tbody tr:nth-child(2n) td{background:var(--color-surface)}.article-content tr:last-child td{border-bottom:0}.article-content th:last-child,.article-content td:last-child{border-right:0}.article-content .faq-list{display:grid;gap:.75rem;margin-block:var(--space-md) var(--space-xl)}.article-content .faq-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);overflow:hidden;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.article-content .faq-item:hover,.article-content .faq-item[open]{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.article-content .faq-item summary{align-items:center;color:var(--color-heading);cursor:pointer;display:flex;font-family:var(--font-display);font-weight:600;gap:var(--space-sm);justify-content:space-between;line-height:1.45;list-style:none;padding:1rem var(--space-md)}.article-content .faq-item summary::-webkit-details-marker{display:none}.article-content .faq-item summary:after{align-items:center;background:var(--color-surface-alt);border-radius:50%;color:var(--color-primary-dark);content:"+";display:inline-flex;flex:0 0 auto;font-size:1.2rem;height:2rem;justify-content:center;line-height:1;transition:background .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out);width:2rem}.article-content .faq-item[open] summary:after{background:var(--color-primary);color:#fff;transform:rotate(45deg)}.article-content .faq-answer{border-top:1px solid var(--color-border);padding:var(--space-sm) var(--space-md) var(--space-md)}.article-content .faq-answer p{margin:0}@media(max-width:1040px){.article-layout.has-toc{display:block;width:min(calc(100% - 2.5rem),var(--content-width))}.article-toc{margin-bottom:var(--space-xl);max-height:none;position:static}}@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-card-featured{display:block}.article-content table{font-size:.88rem}.article-content th,.article-content td{min-width:8.5rem;padding:.75rem .8rem}.article-content .faq-item summary{padding:.9rem 1rem}.article-content .faq-answer{padding:.9rem 1rem 1rem}}
