[data-page=blog]{--blog-scroll-offset: calc(var(--navbar-height, 4rem) + var(--space-4));--blog-rhythm-1: .25rem;--blog-rhythm-2: .5rem;--blog-rhythm-3: .75rem;--blog-rhythm-4: 1rem;--blog-detail-content-max: min(var(--blog-detail-width, 72ch), 100%);--blog-detail-surface: color-mix( in srgb, var(--color-surface) 93%, transparent );--blog-detail-border: var(--border-hairline, color-mix(in srgb, var(--color-border) 75%, transparent) )}.share-row{margin-top:var(--blog-rhythm-2);display:flex;align-items:center;gap:var(--blog-rhythm-2);flex-wrap:wrap;padding:var(--blog-rhythm-2) var(--blog-rhythm-3);border-radius:var(--blog-panel-radius);border:1px solid var(--blog-panel-border);background:var(--blog-panel-bg);box-shadow:var(--blog-panel-shadow),inset 3px 0 color-mix(in srgb,var(--blog-panel-accent) 70%,transparent)}.share-row__label{text-transform:uppercase;letter-spacing:.1em;font-size:.625rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.share-row__actions{display:flex;flex-wrap:wrap;gap:.375rem}.share-row :is(a,button),[data-page=blog] .editorial .blog-toc__list .blog-toc__link{min-height:2.5rem}.share-row :is(a,button):focus-visible,[data-page=blog] .editorial .blog-toc__list .blog-toc__link:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 82%,var(--color-text) 18%);outline-offset:2px;border-radius:var(--radius-1)}.editorial-code{border:1px solid var(--blog-detail-border);border-radius:var(--radius-3);overflow:hidden;background:var(--color-surface)}.editorial-code__header{display:flex;align-items:center;justify-content:space-between;gap:var(--blog-rhythm-2);padding:.4rem .75rem .4rem 1.1rem;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--color-border) 35%,transparent)}.editorial-code__lang{font-size:.7rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.editorial-code__copy{border:0;border-radius:var(--radius-2);background:transparent;color:var(--color-text-muted);font:inherit;font-size:.75rem;font-weight:var(--font-weight-medium);padding:.25rem .5rem;cursor:pointer}.editorial-code__copy:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.editorial-code pre{margin:0;padding:1rem 1.1rem 1.15rem;overflow-x:auto}.editorial-code code[class*=language-]{display:block;font-family:var(--font-family-mono, Consolas, "Courier New", monospace);font-size:.9rem;line-height:1.65;color:var(--color-text)}.editorial-code .token.comment,.editorial-code .token.prolog,.editorial-code .token.doctype,.editorial-code .token.cdata{color:color-mix(in srgb,var(--color-text-muted) 85%,var(--color-text))}.editorial-code .token.punctuation,.editorial-code .token.operator{color:color-mix(in srgb,var(--color-text) 86%,var(--color-primary) 14%)}.editorial-code .token.atrule,.editorial-code .token.boolean{color:color-mix(in srgb,var(--color-primary) 82%,var(--color-brand-1) 18%)}.editorial-code .token.string,.editorial-code .token.char,.editorial-code .token.attr-value{color:color-mix(in srgb,var(--color-success) 80%,var(--color-text) 20%)}.editorial-code .token.function,.editorial-code .token.class-name,.editorial-code .token.property,.editorial-code .token.constant{color:color-mix(in srgb,var(--color-info) 78%,var(--color-primary) 22%)}.editorial-code .token.number,.editorial-code .token.inserted{color:color-mix(in srgb,var(--color-warning) 75%,var(--color-text) 25%)}.editorial-code .token.deleted,.editorial-code .token.important{color:color-mix(in srgb,var(--color-danger) 78%,var(--color-text) 22%)}.blog-typography .blog-lead{font-size:1.0875rem;line-height:1.75;color:var(--color-text-muted);margin-bottom:var(--space-4)}.blog-typography h2{margin-bottom:var(--space-2);font-family:var(--font-family-display);font-size:var(--blog-detail-heading-h2, 1.375rem);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading, -.015em);line-height:var(--line-height-heading, 1.2);font-variation-settings:"opsz" var(--font-opsz-display, 96),"SOFT" 50}.blog-typography h3{margin-bottom:var(--space-2);font-family:var(--font-family-display);font-size:var(--blog-detail-heading-h3, 1.125rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading, -.015em)}.blog-typography .blog-markdown-heading{margin-top:var(--space-2);margin-bottom:var(--space-2);letter-spacing:-.01em}.blog-typography .blog-markdown-heading--level-1{font-size:1.375rem;font-weight:var(--font-weight-bold)}.blog-typography .blog-markdown-heading--level-2{font-size:1.125rem;font-weight:var(--font-weight-semibold)}.blog-typography .blog-markdown-heading--level-3,.blog-typography .blog-markdown-heading--level-4{font-size:1rem;font-weight:var(--font-weight-semibold)}.blog-anchor-heading{position:relative;display:flex;align-items:baseline;gap:.35em}.blog-anchor-heading__link{opacity:0;color:var(--color-text-muted);text-decoration:none;font-weight:var(--font-weight-normal);transition:opacity .15s ease,color .15s ease;margin-left:-1.1em;width:1.1em;flex-shrink:0}.blog-anchor-heading:hover .blog-anchor-heading__link,.blog-anchor-heading__link:focus-visible{opacity:1}.blog-anchor-heading__link:hover{color:var(--color-primary)}.blog-anchor-heading__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-1)}.blog-anchor-heading__icon{font-size:.85em;user-select:none}.blog-anchor-heading__copy{opacity:0;border:none;background:none;padding:.1em .25em;cursor:pointer;font-size:.7em;line-height:1;border-radius:var(--radius-1);transition:opacity .15s ease,background-color .15s ease}.blog-anchor-heading:hover .blog-anchor-heading__copy,.blog-anchor-heading__copy:focus-visible{opacity:1}.blog-anchor-heading__copy:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.blog-anchor-heading__copy:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-typography p{margin:0 0 var(--space-3);line-height:1.75}.blog-typography ul,.blog-typography ol{margin:0 0 var(--space-3);padding-left:1.5rem;line-height:1.7}.blog-typography li+li{margin-top:var(--space-1)}.blog-typography blockquote{margin:var(--space-4) 0;padding:1.25rem 1.5rem;border-left:3px solid color-mix(in srgb,var(--color-primary) 50%,transparent);background:var(--color-surface-raised, var(--color-surface-muted));border-radius:0 var(--radius-2) var(--radius-2) 0;color:var(--color-text);font-style:italic;font-family:var(--font-family-display);font-size:1.0625rem;line-height:1.7}.blog-typography :where(p,li,blockquote) a{color:var(--color-primary-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary-text) 40%,transparent);text-underline-offset:.15em;transition:text-decoration-color .15s ease}.blog-typography :where(p,li,blockquote) a:hover{text-decoration-color:var(--color-primary-text)}.blog-typography sup a{padding-inline:.2em;border-radius:var(--radius-1)}.blog-typography sup a:is(:hover,:focus-visible){background:color-mix(in srgb,var(--color-primary-text) 14%,transparent)}[data-page=blog] .editorial{--blog-reading-width: var(--blog-detail-content-max);--blog-reading-line-height: 1.72}[data-page=blog] .blog-progress{position:sticky;top:var(--navbar-height, 4rem);z-index:40;width:100%;height:3px;margin-bottom:var(--space-3);background:color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:var(--radius-pill);overflow:hidden}[data-page=blog] .blog-progress__bar{height:100%;background:var(--color-primary);transform-origin:left center;transition:transform .15s ease;will-change:transform}[data-page=blog] .editorial .blog-hero--detail{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "meta";align-items:start;justify-items:start;text-align:left;gap:var(--blog-rhythm-4);margin-bottom:var(--blog-rhythm-4)}[data-page=blog] .editorial .blog-hero--detail h1,[data-page=blog] .editorial .blog-hero--detail .blog-lead{text-align:left;max-width:38ch}[data-page=blog] .editorial .blog-hero--detail .blog-lead{max-width:60ch}[data-page=blog] .editorial .blog-hero--detail .blog-hero__main{gap:var(--blog-rhythm-2)}[data-page=blog] .editorial .blog-hero--detail .blog-hero__meta{gap:var(--blog-rhythm-2);padding-top:var(--blog-rhythm-1)}[data-page=blog] .editorial .blog-post__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--blog-rhythm-4);align-items:start}[data-page=blog] .editorial .blog-post__main{min-width:0}[data-page=blog] .editorial .blog-post__main>*{max-width:var(--blog-reading-width)}[data-page=blog] .editorial .blog-post__main>:is(.editorial-code,.media-block,.embed){max-width:calc(var(--blog-reading-width) + 2rem);margin-inline:-1rem}[data-page=blog] .editorial .blog-post__main .blog-anchor-heading[id]{scroll-margin-top:calc(var(--blog-scroll-offset) + var(--space-2))}[data-page=blog] .editorial .blog-post__main>:first-child{margin-top:0}[data-page=blog] .editorial .blog-featured-media{margin-bottom:calc(var(--blog-rhythm-4) + var(--blog-rhythm-2));border-radius:var(--radius-3);overflow:hidden;border:1px solid var(--blog-detail-border);box-shadow:0 14px 34px -28px color-mix(in srgb,var(--color-text) 45%,transparent)}[data-page=blog] .editorial .blog-featured-media img{aspect-ratio:1200 / 630;display:block;width:100%;height:auto;object-fit:cover;max-height:min(52vh,34rem)}[data-page=blog] .editorial .blog-typography p,[data-page=blog] .editorial .blog-typography .blog-markdown-list{line-height:var(--blog-reading-line-height);font-size:clamp(1rem,.97rem + .2vw,1.08rem)}[data-page=blog] .editorial .blog-typography .blog-markdown-list{margin:0;padding-left:1.5em;display:grid;gap:var(--space-1)}[data-page=blog] .editorial .blog-typography h2{margin-top:var(--space-3);margin-bottom:var(--space-2)}[data-page=blog] .editorial .blog-typography h2[id],[data-page=blog] .editorial .blog-sections [id]{scroll-margin-top:calc(var(--blog-scroll-offset) + var(--space-2))}[data-page=blog] .editorial .blog-typography h3,[data-page=blog] .editorial .blog-typography h4{margin-top:var(--space-2)}[data-page=blog] .editorial .blog-typography .blog-markdown-heading--level-1{margin-top:var(--space-3)}[data-page=blog] .editorial .blog-typography .notes{padding-left:1.25rem}[data-page=blog] .editorial .blog-sections{gap:var(--blog-rhythm-4)}[data-page=blog] .editorial .blog-sections__section.card{border-radius:var(--radius-3);border-color:var(--blog-detail-border);background:var(--blog-detail-surface);box-shadow:0 8px 24px -24px color-mix(in srgb,var(--color-text) 40%,transparent)}[data-page=blog] .editorial .blog-sections__section.card:hover{transform:none}[data-page=blog] .editorial .blog-post__sidebar{min-width:0}[data-page=blog] .editorial .blog-toc{border-radius:var(--radius-3);border:1px solid var(--blog-detail-border);background:var(--blog-detail-surface);padding:var(--space-3);box-shadow:0 8px 24px -24px color-mix(in srgb,var(--color-text) 35%,transparent)}[data-page=blog] .editorial .blog-toc__scroller{max-height:min(65vh,28rem);overflow-y:auto;margin-right:calc(var(--blog-rhythm-1) * -1);padding-right:var(--blog-rhythm-1)}[data-page=blog] .editorial .blog-toc__header{display:grid;gap:var(--blog-rhythm-1);margin-bottom:var(--blog-rhythm-2)}[data-page=blog] .editorial .blog-toc__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--color-text-muted)}[data-page=blog] .editorial .blog-toc__title{font-weight:600;font-size:.95rem}[data-page=blog] .editorial .blog-toc__list{margin:0;padding:0;list-style:none;display:grid;gap:var(--blog-rhythm-1)}[data-page=blog] .editorial .blog-toc__item--level-3 .blog-toc__link{padding-left:calc(var(--blog-rhythm-2) + 1rem)}[data-page=blog] .editorial .blog-toc__link{display:block;align-items:start;width:100%;padding:var(--blog-rhythm-1) var(--blog-rhythm-2);color:var(--color-text-muted);text-decoration:none;line-height:1.45;border-radius:var(--radius-1);border:1px solid transparent;transition:color .15s ease,background-color .15s ease,border-color .2s ease,box-shadow .2s ease}[data-page=blog] .editorial .blog-toc__text{min-width:0;overflow-wrap:anywhere}[data-page=blog] .editorial .blog-toc__link:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:color-mix(in srgb,var(--color-primary) 24%,transparent)}[data-page=blog] .editorial .blog-toc__link:focus-visible{outline:none;border-color:color-mix(in srgb,var(--color-primary) 72%,var(--color-text) 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent),0 8px 16px -12px color-mix(in srgb,var(--color-primary) 50%,transparent);background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:color-mix(in srgb,var(--color-primary) 80%,var(--color-text))}[data-page=blog] .editorial .blog-toc__link[aria-current],[data-page=blog] .editorial .blog-toc__link--contains-current{color:var(--color-primary);font-weight:700;border-color:var(--blog-toc-active-border, color-mix(in srgb, var(--color-primary) 32%, transparent) );background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));box-shadow:inset 3px 0 0 var(--color-primary)}@media(max-width:62rem){[data-page=blog] .editorial .blog-hero--detail{gap:var(--blog-rhythm-3)}[data-page=blog] .editorial .blog-hero--detail .blog-hero__meta{gap:var(--blog-rhythm-2);padding-top:0}}@media(min-width:62rem){[data-page=blog] .editorial .blog-post__layout{grid-template-columns:minmax(0,1fr) 17rem;gap:clamp(1.25rem,2.5vw,2.25rem)}[data-page=blog] .editorial .blog-post__sidebar{position:sticky;top:var(--blog-scroll-offset)}}[data-page=blog] .editorial .read-next{margin-top:calc(var(--space-4) + var(--blog-rhythm-2));margin-bottom:var(--space-4);max-width:var(--blog-reading-width)}[data-page=blog] .editorial .read-next__header{margin-bottom:var(--space-2)}[data-page=blog] .editorial .read-next__header h2{margin:0}[data-page=blog] .editorial .read-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}[data-page=blog] .editorial .read-next__card{border:1px solid var(--blog-detail-border);border-radius:var(--radius-2);background:var(--blog-detail-surface);padding:var(--space-2);display:grid;gap:var(--space-1)}[data-page=blog] .editorial .read-next__reason{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700;color:var(--color-primary)}[data-page=blog] .editorial .read-next__title{margin:0 0 var(--space-1);font-size:1rem;line-height:1.4}[data-page=blog] .editorial .read-next__title a{text-decoration:none;color:var(--color-text)}[data-page=blog] .editorial .read-next__title a:hover{color:var(--color-primary);text-decoration:underline}[data-page=blog] .editorial .read-next__excerpt{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:.95rem;line-height:1.55}[data-page=blog] .editorial .read-next__meta{margin:0;color:var(--color-text-muted);font-size:.82rem}@media(max-width:52rem){[data-page=blog] .editorial .read-next__grid{grid-template-columns:minmax(0,1fr)}}@media print{.blog-progress,.share-row,.blog-back-link,.page__header-tools,[data-page=blog] .editorial .blog-toc,[data-page=blog] .editorial .read-next,.affiliate-cta{display:none!important}[data-page=blog] .page-shell,[data-page=blog] .blog-post__layout{display:block;max-width:none;padding:0}[data-page=blog] .blog-post__main,[data-page=blog] .blog-sections,[data-page=blog] .blog-sections__section,.author-block,.editorial-code,.blog-featured-media{break-inside:avoid;box-shadow:none!important}[data-page=blog] .blog-sections__section,.author-block,.editorial-code{border:1px solid #d0d0d0;background:#fff!important}[data-page=blog] .page__header,[data-page=blog] .blog-sections__section,.author-block{margin-bottom:1rem}[data-page=blog] a{color:inherit;text-decoration:none}.blog-featured-media img{max-height:4in;object-fit:contain}}[data-page=blog] .editorial .blog-typography>p:first-of-type:first-letter{float:left;font-family:var(--font-family-display);font-size:var(--blog-dropcap-size, 3.5em);font-weight:700;line-height:.8;margin-right:.08em;margin-top:.05em;color:var(--color-text)}@media(max-width:48rem){[data-page=blog] .blog-progress{height:2px}[data-page=blog] .editorial .blog-typography p{font-size:1rem;line-height:1.72}[data-page=blog] .editorial .read-next__grid{grid-template-columns:minmax(0,1fr)}}.blog-receipt{margin-top:var(--space-4);padding:1rem 1.25rem;display:grid;gap:.5rem;border:1px solid var(--color-border)}.blog-receipt__origin{margin:0;display:flex;align-items:center;gap:.6rem;color:var(--color-text);font-weight:600}.blog-receipt__badge{padding:.1rem .55rem;border-radius:999px;border:1px solid var(--color-border);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.blog-receipt__badge--ai{border-color:var(--color-primary);color:var(--color-primary)}.blog-receipt__details summary{cursor:pointer;color:var(--color-text-muted);font-size:.875rem}.blog-receipt__details summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-receipt__facts{margin:.6rem 0 0;display:grid;gap:.35rem}.blog-receipt__facts div{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem;font-size:.85rem}.blog-receipt__facts dt{color:var(--color-text-muted)}.blog-receipt__facts dd{margin:0;color:var(--color-text);overflow-wrap:anywhere}@media(max-width:480px){.blog-receipt__facts div{grid-template-columns:1fr;gap:0}}.blog-featured-media__credit{margin-top:.4rem;font-size:.78rem;color:var(--color-text-muted, #6b7280);text-align:right}.blog-featured-media__credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.article-callout{border-radius:var(--blog-panel-radius);border:1px solid var(--blog-panel-border);background:var(--blog-panel-bg);box-shadow:var(--blog-panel-shadow),inset 3px 0 color-mix(in srgb,var(--blog-panel-accent) 70%,transparent);padding:1rem;margin:var(--space-3) 0;position:relative;overflow:hidden}.article-callout:before{content:none}.article-callout--info,.article-callout--success,.article-callout--warning{--callout-accent: var(--blog-panel-accent)}.article-callout__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.article-callout__label{text-transform:uppercase;letter-spacing:.08em;font-size:.625rem;font-weight:600;color:var(--color-text-muted);background:color-mix(in srgb,var(--callout-accent) 12%,transparent);padding:.125rem .5rem;border-radius:.25rem}.article-callout__content{display:grid;gap:.375rem;padding-left:.25rem}.article-callout__title{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text)}.article-callout__value{margin:0;font-size:1.5rem;font-weight:700;color:var(--callout-accent)}.article-callout__description{margin:0;color:var(--color-text);font-size:.875rem;line-height:1.6}.article-callout__detail{margin:0;color:var(--color-text-muted);font-size:.8125rem}.blog-useful{margin-top:var(--space-4);padding:1rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-3, 12px)}.blog-useful__question,.blog-useful__thanks{margin:0;color:var(--color-text);font-weight:600}.blog-useful__thanks{color:var(--color-text-muted);font-weight:500}.blog-useful__answers{display:flex;gap:.5rem}.blog-useful__answer{min-height:2.5rem;padding:.4rem 1.1rem;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text);font:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.blog-useful__answer:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.blog-useful__answer:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
