.author-box[data-astro-cid-hbs4ykhd]{gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-top:2px solid var(--color-accent);grid-template-columns:7rem 1fr;align-items:center;display:grid}.author-box__image[data-astro-cid-hbs4ykhd]{object-fit:cover;object-position:50% 35%;border-radius:50%;width:7rem;height:7rem;display:block}.author-box__content[data-astro-cid-hbs4ykhd]{min-width:0}.author-box__eyebrow[data-astro-cid-hbs4ykhd]{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600}h2[data-astro-cid-hbs4ykhd]{color:var(--color-text);font-family:var(--font-heading);margin-bottom:.5rem;font-size:2rem}.author-box__links[data-astro-cid-hbs4ykhd]{gap:1rem;margin-top:.75rem;display:flex}.author-box__links[data-astro-cid-hbs4ykhd] a[data-astro-cid-hbs4ykhd]{color:var(--color-accent);text-underline-offset:.2em;font-size:.85rem;font-weight:600;text-decoration:underline}@media (width<=600px){.author-box[data-astro-cid-hbs4ykhd]{grid-template-columns:1fr;padding:1.5rem}.author-box__image[data-astro-cid-hbs4ykhd]{width:5.5rem;height:5.5rem}}.article-page[data-astro-cid-sgg5joot]{padding-top:5.5rem}article[data-astro-cid-sgg5joot]{padding-block:clamp(3.5rem,8vw,7rem) 0}.article__header[data-astro-cid-sgg5joot]{text-align:center;max-width:58rem;margin-inline:auto}.article__meta[data-astro-cid-sgg5joot]{margin-bottom:var(--space-md);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;font-size:.8rem;font-weight:500;display:flex}.article__category[data-astro-cid-sgg5joot]{color:var(--color-accent)}.article__separator[data-astro-cid-sgg5joot]{opacity:.65;background:currentColor;border-radius:50%;width:3px;height:3px}.article__header[data-astro-cid-sgg5joot] h1[data-astro-cid-sgg5joot]{text-wrap:balance;font-size:clamp(3.25rem,8vw,6.5rem)}.article__lead[data-astro-cid-sgg5joot]{max-width:46rem;margin:var(--space-md) auto 0;color:var(--color-text-muted);font-family:var(--font-heading);text-wrap:balance;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.45}.article__hero[data-astro-cid-sgg5joot]{aspect-ratio:5/2;background:var(--color-surface);width:min(100%,62rem);margin:clamp(3rem,7vw,5rem) auto clamp(3.5rem,8vw,6rem);overflow:hidden}.article__hero[data-astro-cid-sgg5joot] .article__hero-image{object-fit:cover;width:100%;height:100%;display:block}.article__body[data-astro-cid-sgg5joot],.article__faq[data-astro-cid-sgg5joot],.article__footer[data-astro-cid-sgg5joot]{width:min(100%,50rem);margin-inline:auto}.article__faq[data-astro-cid-sgg5joot]{width:min(100%,50rem);margin-top:clamp(4rem,8vw,6rem)}.article__faq[data-astro-cid-sgg5joot]>h2[data-astro-cid-sgg5joot]{letter-spacing:-.01em;margin-bottom:1.5rem;font-size:clamp(1.55rem,3vw,1.9rem)}.article__faq-list[data-astro-cid-sgg5joot]{border-top:1px solid #ffffff2e;width:100%}.article__faq-item[data-astro-cid-sgg5joot]{border-bottom:1px solid #ffffff2e}.article__faq-item[data-astro-cid-sgg5joot] summary[data-astro-cid-sgg5joot]{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding-block:1.4rem;list-style:none;display:grid}.article__faq-item[data-astro-cid-sgg5joot] summary[data-astro-cid-sgg5joot]::-webkit-details-marker{display:none}.article__faq-item[data-astro-cid-sgg5joot] summary[data-astro-cid-sgg5joot] h3[data-astro-cid-sgg5joot]{color:var(--color-text);font-family:var(--font-body);letter-spacing:0;margin:0;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:600;line-height:1.4}.article__faq-item[data-astro-cid-sgg5joot] summary[data-astro-cid-sgg5joot] span[data-astro-cid-sgg5joot]{width:1rem;height:1rem;position:relative}.article__faq-item[data-astro-cid-sgg5joot] summary[data-astro-cid-sgg5joot] span[data-astro-cid-sgg5joot]:before,.article__faq-item[data-astro-cid-sgg5joot] summary[data-astro-cid-sgg5joot] span[data-astro-cid-sgg5joot]:after{content:"";background:currentColor;width:100%;height:1px;position:absolute;top:50%;left:0}.article__faq-item[data-astro-cid-sgg5joot] summary[data-astro-cid-sgg5joot] span[data-astro-cid-sgg5joot]:after{transition:transform .2s;transform:rotate(90deg)}.article__faq-item[data-astro-cid-sgg5joot][open] summary[data-astro-cid-sgg5joot] span[data-astro-cid-sgg5joot]:after{transform:rotate(0)}.article__faq-item[data-astro-cid-sgg5joot] p[data-astro-cid-sgg5joot]{max-width:44rem;color:var(--color-text-muted);margin:0;padding:0 2.5rem 1.5rem 0;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.75}.article__tags[data-astro-cid-sgg5joot]{padding-block:var(--space-md);border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:.6rem;display:flex}.article__tags[data-astro-cid-sgg5joot] span[data-astro-cid-sgg5joot]{color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;border:1px solid #c8a96a66;padding:.5rem .8rem;font-size:.78rem}@media (width<=768px){.article-page[data-astro-cid-sgg5joot]{padding-top:4.75rem}article[data-astro-cid-sgg5joot]{padding-top:3rem}.article__meta[data-astro-cid-sgg5joot]{gap:.5rem}.article__header[data-astro-cid-sgg5joot] h1[data-astro-cid-sgg5joot]{font-size:clamp(2.75rem,14vw,4.5rem)}.article__hero[data-astro-cid-sgg5joot]{width:auto;margin-inline:-1rem}}.article__body{color:var(--color-text-muted);font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.85}.article__body>:first-child{margin-top:0}.article__body>:last-child{margin-bottom:0}.article__body p,.article__body ul,.article__body ol,.article__body blockquote,.article__body pre,.article__body table,.article__body figure{margin-block:0 1.75rem}.article__body h2,.article__body h3,.article__body h4,.article__body h5,.article__body h6{color:var(--color-text);font-family:var(--font-body);text-wrap:balance}.article__body h2{letter-spacing:-.02em;margin:4rem 0 1.25rem;font-size:clamp(2.25rem,5vw,3.3rem)}.article__body h3{margin:2.75rem 0 1rem;font-size:clamp(1.6rem,3vw,2.1rem)}.article__body strong{color:var(--color-text);font-weight:600}.article__body a{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline 1px #c8a96a80;transition:text-decoration-color .2s}.article__body a:hover{text-decoration-color:currentColor}.article__body ul,.article__body ol{padding-left:1.4rem}.article__body li{margin-bottom:.65rem;padding-left:.35rem}.article__body li::marker{color:var(--color-accent);font-size:inherit;font-weight:600}.article__body blockquote{border-left:2px solid var(--color-accent);padding:.4rem 0 .4rem 2rem;position:relative}.article__body blockquote p{color:var(--color-text);font-family:var(--font-heading);font-size:clamp(1.4rem,3vw,1.85rem);font-style:italic;line-height:1.5}.article__body blockquote p:last-child{margin-bottom:0}.article__body code{background:var(--color-surface);color:var(--color-text);border:1px solid #ffffff1a;border-radius:4px;padding:.15em .35em;font-size:.88em}.article__body pre{background:var(--color-surface);border:1px solid #ffffff14;padding:1.5rem;line-height:1.65;overflow-x:auto}.article__body pre code{background:0 0;border:0;padding:0;font-size:.9rem}.article__body img{width:100%;height:auto;margin-block:2.5rem;display:block}.article__body figcaption{color:var(--color-text-muted);text-align:center;margin-top:-1.75rem;font-size:.8rem}.article__body .rendering-diagram{color:#fff;background:#0a0a09;border:1px solid #3a3a36;margin-block:3rem;padding:clamp(1.5rem,4vw,2.5rem)}.article__body .rendering-diagram__title{color:#fff;letter-spacing:-.02em;border-bottom:1px solid #fff;margin:0;padding-bottom:1.25rem;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:650;line-height:1.25}.article__body .rendering-diagram__comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,4rem);padding-block:2rem;display:grid}.article__body .rendering-diagram__path h3{color:#fff;min-height:2.5em;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.9rem;font-weight:700;line-height:1.35}.article__body .rendering-diagram__path{flex-direction:column;display:flex}.article__body .rendering-diagram__steps{flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.article__body .rendering-diagram__steps--short{justify-content:space-between}.article__body .rendering-diagram__steps--short li:not(:last-child){margin-bottom:0}.article__body .rendering-diagram__steps li{color:#fff;border-top:1px solid #3a3a36;margin:0;padding:.7rem 0;font-size:.95rem;line-height:1.4;position:relative}.article__body .rendering-diagram__steps li:not(:last-child){margin-bottom:1.5rem}.article__body .rendering-diagram__steps li:not(:last-child):after{color:#a7a7a1;content:"↓";font-size:1rem;line-height:1;position:absolute;top:calc(100% + .25rem);left:.15rem}.article__body .rendering-diagram__result{font-weight:700}.article__body .rendering-diagram__result--success span{color:#16803a}.article__body .rendering-diagram__result--warning span{color:#c65d14}.article__body .rendering-diagram figcaption{color:#fff;text-align:left;border-top:1px solid #fff;flex-wrap:wrap;gap:.25rem .45rem;margin:0;padding-top:1.25rem;font-size:.9rem;line-height:1.5;display:flex}.article__body .rendering-diagram figcaption strong{color:#fff}.article__body table{border-collapse:collapse;width:100%;font-size:.92rem}.article__body th,.article__body td{text-align:left;vertical-align:top;border:1px solid #ffffff1f;padding:.8rem 1rem}.article__body th{background:var(--color-surface);color:var(--color-text);font-weight:600}.article__body hr{border:0;border-top:1px solid #ffffff1f;margin-block:3.5rem}@media (width<=600px){.article__body{line-height:1.75}.article__body h2{margin-top:3rem}.article__body blockquote{padding-left:1.25rem}.article__body table{table-layout:fixed;white-space:normal}.article__body th:first-child,.article__body td:first-child{width:34%}.article__body th,.article__body td{overflow-wrap:anywhere;padding:.7rem .75rem}.article__body pre,.article__body .rendering-diagram{margin-inline:-1rem;padding:1.25rem 1rem}.article__body .rendering-diagram__comparison{grid-template-columns:1fr;gap:2rem;padding-block:1.5rem}.article__body .rendering-diagram__path+.rendering-diagram__path{border-top:3px solid #fff;padding-top:2rem}.article__body .rendering-diagram__path h3{min-height:0;margin-bottom:1rem}.article__body .rendering-diagram figcaption{gap:.1rem;display:grid}}
