.blog{--c-bg:var(--beige);--c-surface:var(--white);--c-ink:var(--blue);--c-muted:var(--ink-60);--c-accent:var(--orange);--c-accent-ink:var(--white);--c-line:var(--line);--font:var(--sans);--font-heading:var(--serif);--blog-top-offset:clamp(48px,7vw,96px);--blog-scroll-offset:96px;--blog-toc-top:86px}.blog,.blog *,.blog :before,.blog :after{box-sizing:border-box}.blog{font-family:var(--font);color:var(--c-ink);-webkit-text-size-adjust:100%;line-height:1.65}.blog img{max-width:100%;height:auto;display:block}.blog a{color:var(--c-accent);text-underline-offset:.15em;text-decoration:underline}.blog a:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.blog h1,.blog h2,.blog h3{font-family:var(--font-heading,var(--font));text-wrap:balance;line-height:1.2}.blog.blog-post,.blog.blog-listing{max-width:72rem;padding:var(--blog-top-offset,0) 1rem 4rem;margin:0 auto}.blog.blog-post>*{max-width:47.5rem;margin-inline-start:auto;margin-inline-end:auto}.blog.blog-post>.blog-related{max-width:none}.blog .blog-breadcrumbs ol{color:var(--c-muted);flex-wrap:wrap;gap:.25rem .5rem;margin:1rem 0;padding:0;font-size:.875rem;list-style:none;display:flex}.blog .blog-breadcrumbs li+li:before{content:"/";margin-right:.5rem}.blog .blog-breadcrumbs [aria-current]{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:22ch;display:inline-block;overflow:hidden}.blog .blog-post__category{text-transform:uppercase;letter-spacing:.06em;margin:2rem 0 0;font-size:.875rem;font-weight:600}.blog .blog-post__category a{text-decoration:none}.blog.blog-post h1{margin:.5rem 0 1rem;font-size:max(1.9rem,min(4.5vw,2.9rem))}.blog .blog-post__byline,.blog .blog-post__update-note{color:var(--c-muted);margin:.25rem 0;font-size:.9375rem}.blog .blog-post__byline a{color:inherit}.blog .answer-box{background:var(--c-surface);border:1px solid var(--c-line);border-left:4px solid var(--c-accent);border-radius:.5rem;margin-block-start:2rem;margin-block-end:2rem;padding:1.25rem 1.5rem}.blog .answer-box__title{text-transform:uppercase;letter-spacing:.06em;color:var(--c-accent);margin:0 0 .5rem;font-size:.875rem}.blog .answer-box__answer{margin:0 0 1rem;font-size:1.125rem}.blog .answer-box__list{margin:0;padding-left:1.2rem}.blog .answer-box__list li+li{margin-top:.35rem}.blog .blog-post__cover{margin-block-start:2rem;margin-block-end:2rem}.blog .blog-post__cover img{aspect-ratio:16/9;object-fit:cover;border-radius:.5rem;width:100%}.blog .blog-figure{margin:2rem 0}.blog .blog-figure img{border-radius:.5rem;width:100%}.blog .blog-figure--portrait img{max-width:min(100%,28rem);margin-inline-start:auto;margin-inline-end:auto}.blog .blog-figure--portrait .blog-caption{text-align:center}.blog .blog-caption{color:var(--c-muted);margin-top:.5rem;font-size:.875rem;line-height:1.5}.blog .blog-caption__text,.blog .blog-caption__credit{display:block}.blog .blog-caption__credit{font-size:.8125rem}.blog .blog-caption__credit a{color:inherit}.blog .blog-prose{font-size:1.0625rem}.blog .blog-prose p,.blog .blog-prose ul,.blog .blog-prose ol,.blog .blog-prose table,.blog .blog-prose blockquote{margin-block-start:0;margin-block-end:1.1em}.blog .blog-prose ul,.blog .blog-prose ol{padding-left:1.4rem}.blog .blog-prose li+li{margin-top:.35rem}.blog .blog-prose h2{scroll-margin-top:var(--blog-scroll-offset,5rem);margin:2.75rem 0 1rem;font-size:1.6rem}.blog .blog-prose h3{scroll-margin-top:var(--blog-scroll-offset,5rem);margin:2rem 0 .75rem;font-size:1.25rem}.blog .blog-prose table{border-collapse:collapse;width:100%;font-size:.9375rem;display:block;overflow-x:auto}.blog .blog-prose th,.blog .blog-prose td{border:1px solid var(--c-line);text-align:left;vertical-align:top;padding:.5rem .75rem}.blog .blog-prose th{background:var(--c-surface)}.blog .blog-prose blockquote{border-left:3px solid var(--c-line);color:var(--c-muted);margin-inline-start:0;margin-inline-end:0;padding-left:1rem}.blog .key-figure{border:1px solid var(--c-line);background:var(--c-surface);border-radius:.5rem;align-items:baseline;gap:1rem;padding:1rem 1.25rem;display:flex}.blog .key-figure__value{color:var(--c-accent);white-space:nowrap;font-size:2rem}.blog .key-figure{flex-wrap:wrap;row-gap:.25rem}.blog .key-figure__label{flex:14rem;min-width:0}@media (max-width:30rem){.blog .key-figure__value{white-space:normal;font-size:1.5rem}}.blog .blog-definition{border-left:3px solid var(--c-accent);padding-left:1rem}.blog .blog-definition dfn{font-style:normal;font-weight:700}.blog .blog-post__next-step{margin-block-start:2rem;margin-block-end:2rem;font-weight:600}.blog .blog-faq,.blog .blog-sources{margin-block-start:3rem;margin-block-end:3rem}.blog .blog-faq h2,.blog .blog-sources h2,.blog .blog-related h2{scroll-margin-top:var(--blog-scroll-offset,5rem);margin:0 0 1rem;font-size:1.6rem}.blog .blog-faq__item h3{margin:1.5rem 0 .25rem;font-size:1.125rem}.blog .blog-faq__item p{margin:0}.blog .blog-sources ol{color:var(--c-muted);margin:0;padding-left:1.2rem;font-size:.9375rem}.blog .blog-sources li{scroll-margin-top:var(--blog-scroll-offset,5rem)}.blog .blog-sources li:target{background:var(--c-surface)}.blog .author-box{border:1px solid var(--c-line);background:var(--c-surface);border-radius:.5rem;gap:1rem;margin-block-start:3rem;margin-block-end:3rem;padding:1.25rem;font-size:.9375rem;display:flex}.blog .author-box__photo{border-radius:50%;flex:none;align-self:flex-start}.blog .author-box__name{margin:0;font-weight:700}.blog .author-box p{margin:.25rem 0}.blog .author-box__links{gap:1rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.blog .blog-cta{background:var(--c-ink);color:var(--c-bg);text-align:center;border-radius:.75rem;margin-block-start:3rem;margin-block-end:3rem;padding:2rem}.blog .blog-cta :where(p){margin:0}.blog .blog-cta__title{text-wrap:balance;margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.blog .blog-cta__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.25rem 0 0;display:flex}.blog .blog-btn{background:var(--c-accent);color:var(--c-accent-ink);border-radius:.5rem;padding:.8rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.blog .blog-btn--ghost{color:inherit;background:0 0;border:1px solid}.blog .blog-listing__header{margin:2rem 0}.blog.blog-listing h1{max-width:24ch;margin:0 0 1rem;font-size:max(1.9rem,min(4.5vw,2.75rem))}.blog .blog-listing__page{color:var(--c-muted);font-weight:400}.blog .blog-listing__intro{max-width:65ch;color:var(--c-muted);margin:0;font-size:1.125rem}.blog .blog-listing__empty{color:var(--c-muted);margin:0 0 2rem}.blog .blog-categories ul{flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.blog .blog-categories a{border:1px solid var(--c-line);color:var(--c-ink);border-radius:999px;padding:.4rem .9rem;font-size:.9375rem;text-decoration:none;display:block}.blog .blog-categories a[aria-current]{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}.blog .blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:2rem;display:grid}.blog .blog-featured{margin-bottom:2.5rem}.blog .blog-card{flex-direction:column;gap:.75rem;display:flex}.blog .blog-card__media img{aspect-ratio:16/9;object-fit:cover;border-radius:.5rem;width:100%}.blog .blog-card__meta{color:var(--c-muted);margin:0;font-size:.8125rem}.blog .blog-card__meta a{font-weight:600;text-decoration:none}.blog .blog-card__title{font-family:var(--font-heading,var(--font));margin:0;font-size:1.2rem}.blog .blog-card__title a{color:var(--c-ink);text-decoration:none}.blog .blog-card__title a:hover{text-decoration:underline}.blog .blog-card__excerpt{color:var(--c-muted);margin:0;font-size:.9375rem}@media (min-width:50rem){.blog .blog-card--large{grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;display:grid}.blog .blog-card--large .blog-card__title{font-size:1.8rem}}.blog .blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-block-start:3rem;margin-block-end:3rem;display:flex}.blog .blog-pagination ol{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.blog .blog-pagination li>*{text-align:center;border-radius:.375rem;min-width:2.5rem;padding:.5rem;text-decoration:none;display:block}.blog .blog-pagination [aria-current]{background:var(--c-ink);color:var(--c-bg)}.blog .blog-toc{--toc-top:var(--blog-toc-top,5.5rem);border-block:1px solid var(--c-line);margin-block-start:2rem;margin-block-end:2rem;font-size:.9375rem;line-height:1.4}.blog .blog-toc__summary{cursor:pointer;align-items:baseline;gap:.6rem;min-width:0;padding:.75rem 0;list-style:none;display:flex}.blog .blog-toc__summary::-webkit-details-marker{display:none}.blog .blog-toc__title{letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink);flex:none;margin:0;font-size:.8125rem;font-weight:700}.blog .blog-toc__current{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--c-muted);flex:1;overflow:hidden}.blog .blog-toc details[open] .blog-toc__current{visibility:hidden}.blog .blog-toc__chevron{border-right:2px solid var(--c-ink);border-bottom:2px solid var(--c-ink);flex:none;width:.5rem;height:.5rem;transition:transform .2s;transform:rotate(45deg)translateY(-2px)}.blog .blog-toc details[open] .blog-toc__chevron{transform:rotate(-135deg)}.blog .blog-toc ol{margin:0;padding:0;list-style:none}.blog .blog-toc__list{padding-bottom:.5rem}.blog .blog-toc a{text-decoration:none}.blog .blog-toc__link{color:var(--c-muted);border-left:2px solid var(--c-line);gap:.6rem;padding:.4rem 0 .4rem .85rem;transition:color .2s,border-color .2s;display:flex}.blog .blog-toc__num{font-variant-numeric:tabular-nums;flex:none;padding-top:.15em;font-size:.75rem;position:relative}.blog .blog-toc__link:hover,.blog .blog-toc__sublink:hover{color:var(--c-ink)}.blog .blog-toc__item.is-read>.blog-toc__link{color:var(--c-ink);border-left-color:color-mix(in srgb,var(--c-accent) 45%,transparent)}.blog .blog-toc__item.is-read .blog-toc__num{color:#0000}.blog .blog-toc__item.is-read .blog-toc__num:after{content:"✓";color:var(--c-accent);font-weight:700;position:absolute;top:.05em;left:0}.blog .blog-toc__item.is-current>.blog-toc__link{color:var(--c-ink);border-left-color:var(--c-accent);font-weight:600}.blog .blog-toc__item.is-current .blog-toc__num{color:var(--c-accent)}.blog .blog-toc__sub{border-left:2px solid var(--c-line)}.blog .blog-toc__sublink{color:var(--c-muted);padding:.3rem 0 .3rem 2.25rem;font-size:.875rem;display:block}.blog .blog-toc__sublink.is-active{color:var(--c-accent);font-weight:600}.blog .blog-toc.is-live .blog-toc__sub{max-height:0;transition:max-height .3s;overflow:hidden}.blog .blog-toc.is-live .blog-toc__item.is-current .blog-toc__sub{border-left-color:var(--c-accent);max-height:40rem}.blog .blog-toc.is-live .blog-toc__item.is-read .blog-toc__sub{border-left-color:color-mix(in srgb,var(--c-accent) 45%,transparent)}.blog .blog-toc__progress{color:var(--c-muted);align-items:center;gap:.6rem;padding:.4rem 0 .75rem;font-size:.75rem;display:flex}.blog .blog-toc__progress[hidden]{display:none}.blog .blog-toc__bar{background:var(--c-line);border-radius:3px;flex:1;height:3px;overflow:hidden}.blog .blog-toc__bar span{background:var(--c-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.blog .blog-toc__pct{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5ch}.blog .blog-toc.is-live{top:var(--toc-top);z-index:5;border:1px solid var(--c-line);background:var(--c-bg);box-shadow:0 8px 20px -14px color-mix(in srgb,var(--c-ink) 55%,transparent);border-radius:.75rem;padding:0 1rem;position:sticky}.blog .blog-toc.is-live .blog-toc__nav{overscroll-behavior:contain;max-height:60vh;overflow-y:auto}.blog .blog-post__body{--toc-bar:4.5rem}.blog .blog-post__body :is(h2,h3,.blog-sources li){scroll-margin-top:calc(var(--blog-scroll-offset,5rem) + var(--toc-bar))}@media (min-width:70rem){.blog.blog-post>:not(.blog-related):not(.blog-post__body){margin-left:max(0px,50% - 33rem)}.blog.blog-post>.blog-post__body{--toc-bar:0px;grid-template-columns:minmax(0,47.5rem) 15rem;align-items:start;column-gap:3.5rem;max-width:66rem;display:grid}.blog .blog-post__main{grid-area:1/1;min-width:0}.blog .blog-toc{grid-area:1/2;margin-block-start:0;margin-block-end:0}.blog .blog-toc.is-live{top:calc(var(--toc-top) + 1rem);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.blog .blog-toc.is-live .blog-toc__summary{cursor:default;padding-top:.25rem}.blog .blog-toc__current,.blog .blog-toc__chevron{display:none}.blog .blog-toc.is-live .blog-toc__nav{max-height:calc(100vh - var(--toc-top) - 8.5rem);scrollbar-width:thin}.blog .blog-toc.is-live .blog-toc__progress{border-top:1px solid var(--c-line);padding-top:.75rem}.blog .blog-post__body>.blog-toc:first-child+.blog-post__main>.blog-prose>:first-child{margin-top:0}}@media (prefers-reduced-motion:reduce){.blog .blog-toc *,.blog .blog-toc :after{transition:none!important}}@media print{.blog .blog-toc{display:none}}
