.blog-page{padding-bottom:var(--space-section)}.blog-reading{max-width:var(--reading-width);margin-inline:auto}.blog-page h1{overflow-wrap:anywhere}.blog-lede{max-width:60ch;margin-top:var(--space-6);font-size:var(--text-lede);color:var(--ink-soft)}.blog-byline{margin-top:var(--space-5);font-size:var(--text-small);color:var(--ink-soft)}.blog-article-header{padding-bottom:var(--space-8)}.blog-article-byline{align-items:center;gap:var(--space-2) var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.blog-article-byline p{margin:0}.blog-article-byline a{text-underline-offset:3px;text-decoration:underline}.blog-article-byline a:hover{color:var(--orange-accessible)}.blog-content a:not(.button,.blog-heading-link),.blog-back a,.blog-list>p a{color:var(--orange-accessible);text-underline-offset:3px;text-decoration:underline}.blog-content a:not(.button,.blog-heading-link):hover,.blog-back a:hover{color:var(--orange-dark);text-decoration-thickness:2px}.blog-draft{padding:var(--space-1) var(--space-3);margin-bottom:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);color:var(--orange-accessible);font-size:var(--text-label);font-weight:var(--weight-semibold);display:inline-block}.blog-index-header{padding-bottom:var(--space-10)}.blog-list{padding-bottom:var(--space-layout)}.blog-list ul{gap:var(--space-layout);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.blog-card{min-width:0}.blog-card-link{display:block}.blog-card-copy{min-width:0}.blog-card-image{border-radius:var(--radius-card);overflow:hidden}.blog-card-image img{width:100%;height:auto}.blog-list h2{margin:0 0 var(--space-3);font-size:var(--text-card)}.blog-card-summary{color:var(--ink-soft)}.blog-card-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.blog-card-meta :is(.blog-byline,.blog-draft){margin:0}.blog-card-meta .blog-byline+.blog-byline{padding-left:var(--space-3);border-left:1px solid var(--line)}.blog-card-action{align-items:center;gap:var(--space-3);margin-top:var(--space-6);color:var(--orange-accessible);font-size:var(--text-small);font-weight:var(--weight-semibold);line-height:var(--leading-control);display:inline-flex}.blog-card-action svg{width:24px;height:24px}.blog-feature .blog-card-link{align-items:center;gap:var(--space-layout);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.blog-feature:not(.blog-card-with-image) .blog-card-link{max-width:var(--reading-width);grid-template-columns:minmax(0,1fr)}.blog-feature .section-index{margin-bottom:var(--space-4)}.blog-feature h2{margin-bottom:var(--space-6);font-size:var(--text-section)}.blog-feature .blog-card-summary{max-width:48ch;font-size:var(--text-lede)}.blog-feature .blog-card-meta{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line)}.blog-feature .blog-card-action{margin-top:var(--space-8)}.blog-archive{margin-top:var(--space-section);padding-top:var(--space-8);border-top:1px solid var(--line)}.blog-archive .blog-archive-heading{margin-bottom:var(--space-8)}.blog-archive .blog-card-image{margin-bottom:var(--space-6)}.blog-card-link:hover h2,.blog-card-link:focus-visible h2{color:var(--orange-accessible);text-underline-offset:4px;text-decoration:underline}.blog-card-link:hover .blog-card-action,.blog-card-link:focus-visible .blog-card-action{text-underline-offset:4px;text-decoration:underline}.blog-content .blog-heading-link{color:inherit;text-decoration:none;position:relative}.blog-heading-mark{margin-left:var(--space-2);color:var(--orange-accessible);font-size:var(--text-anchor-mark);opacity:0;display:inline-block}.blog-heading-link:hover .blog-heading-mark,.blog-heading-link:focus-visible .blog-heading-mark{opacity:1}.blog-content ul,.blog-content ol{padding-left:var(--space-8);list-style:outside}.blog-content ol{list-style:decimal}.blog-content li+li,.blog-content li>:is(ul,ol){margin-top:var(--space-2)}.blog-content li::marker{color:var(--orange-accessible)}.blog-content ul.contains-task-list{padding-left:0;list-style:none}.blog-content .task-list-item input{margin-right:var(--space-2)}.blog-content blockquote{color:var(--ink-soft);font-style:italic;position:relative}.blog-content blockquote:before{content:"";top:0;bottom:0;left:calc(-1 * var(--space-4));background:var(--deep-black);width:3px;position:absolute}.blog-content .blog-emphasis{font-size:var(--text-card);line-height:var(--leading-caption)}.blog-content pre{padding:var(--space-5);border-radius:var(--radius-control);background:var(--deep-black);color:var(--off-white);font-size:var(--text-small);line-height:var(--leading-caption);overflow-x:auto}.blog-content code{font-family:monospace}.blog-content :not(pre)>code{padding:2px var(--space-1);border:1px solid var(--line);background:var(--paper);font-size:var(--text-code);border-radius:4px}.blog-content hr{margin-block:var(--space-10);border-top:1px solid var(--line)}.blog-table-scroll{border:1px solid var(--line);border-radius:var(--radius-control);font-size:var(--text-body);line-height:var(--leading-body);overflow-x:auto}.blog-content table{border-collapse:collapse;width:100%}.blog-content th,.blog-content td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top}.blog-content th{background:var(--paper);font-weight:var(--weight-semibold)}.blog-content tr+tr,.blog-content tbody{border-top:1px solid var(--line)}.blog-content th+th,.blog-content td+td{border-left:1px solid var(--line)}.blog-media{margin-block:var(--space-8)}.blog-media img{border-radius:var(--radius-card);width:100%}.blog-media figcaption{margin-top:var(--space-3);font-size:var(--text-small);line-height:var(--leading-caption);color:var(--ink-soft)}.blog-content .blog-image-zoom{cursor:zoom-in;color:inherit;border-radius:var(--radius-card);text-decoration:none;display:block}.blog-image-dialog{width:100%;max-width:none;height:100dvh;max-height:none;padding:var(--space-12) var(--space-6);color:var(--off-white);cursor:zoom-out;background:0 0;margin:0;position:fixed;inset:0;overflow:hidden}.blog-image-dialog[open]{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.blog-image-dialog::backdrop{background:color-mix(in srgb, var(--deep-black) 82%, transparent)}.blog-image-stage{border-radius:var(--radius-card);cursor:zoom-out;background:50%/contain no-repeat;flex-shrink:1;max-width:100%;min-height:0;display:block}.blog-image-stage picture{display:contents}.blog-image-stage img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 2 * var(--space-12));object-fit:contain;border-radius:var(--radius-card);display:block}.blog-media-title{margin-bottom:var(--space-3);font-size:var(--text-body);font-weight:var(--weight-semibold)}.blog-media audio{width:100%;display:block}.blog-media .blog-transcript{margin-top:var(--space-copy);font-size:var(--text-body);line-height:var(--leading-body);color:var(--ink-soft)}.blog-callout{padding:var(--space-card);border-left:3px solid var(--orange);background:var(--paper);border-radius:var(--radius-control);font-size:var(--text-body);line-height:var(--leading-body)}.blog-callout>*+*{margin-top:var(--space-4)}.blog-content .blog-callout>h3{margin-top:0}.blog-video{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--deep-black);position:relative;overflow:hidden}.blog-video iframe,.blog-video button{border-radius:inherit;width:100%;height:100%}.blog-video iframe{border:0;display:block;position:absolute;inset:0}.blog-video button{display:block;position:relative;overflow:hidden}.blog-video img{object-fit:cover;height:100%}.blog-video-play{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);white-space:nowrap;background:var(--off-white);color:var(--deep-black);border-radius:var(--radius-control);font-size:var(--text-small);font-weight:var(--weight-semibold);display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 2px 16px #14141433}.blog-video-play svg{width:24px;height:24px}.blog-video button:hover .blog-video-play{background:var(--chartreuse)}.blog-back{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--line);font-size:var(--text-small)}.blog-back a{align-items:center;gap:var(--space-2);min-height:44px;display:inline-flex}@media (max-width:800px){.blog-feature .blog-card-link{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.blog-heading-mark{display:none}}
