html[data-theme=light] .reference-site[data-page=blog] .app-theme{--font-reading:Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,"Noto Serif",serif;--text-reading:1.25rem;--text-writeup-title:1.625rem;--text-writeup-preview:1.125rem;.page-heading>p{font-size:1.375rem;line-height:1.65;max-width:52ch}.blog-card h2{font-size:var(--text-writeup-title);line-height:1.35;letter-spacing:-.025em;margin-block:20px 12px;text-wrap:pretty}.blog-card-body>p{font-size:var(--text-writeup-preview);line-height:1.75;color:var(--color-secondary)}:is(.blog-card .eyebrow,.blog-card-bottom,.filter-pills button){font-size:1rem}.blog-card .eyebrow{flex-wrap:wrap;gap:8px 16px;line-height:1.6}.blog-card-bottom{flex-wrap:wrap;gap:12px;line-height:1.5}.filter-pills button{min-height:44px;padding:10px 14px}.writeups-filters .search-box input{font-size:1.0625rem!important}.article-heading h1{font-size:clamp(2.5rem,4vw,3.75rem);line-height:1.18;letter-spacing:-.035em;margin-block:20px 24px;text-wrap:pretty;overflow-wrap:anywhere}.article-heading>p{font-size:1.375rem;line-height:1.65;max-width:65ch;color:var(--color-secondary)}:is(.article-heading>.eyebrow,.article-author strong,.article-author time,.article-tags span,.share-button){font-size:1rem;line-height:1.5}.article-author{flex-wrap:wrap;gap:12px}.prose{max-width:70ch;margin-inline:auto;font-family:var(--font-reading);font-size:var(--text-reading);line-height:1.8;color:var(--color-body);letter-spacing:0}.prose :where(p,ul,ol,li,blockquote,table,thead,tbody,tr,th,td,strong,em,a){font-family:var(--font-reading)}.prose :is(p,li){color:var(--color-body);line-height:1.8}.prose p{margin-bottom:1.25em}.prose :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-sans);line-height:1.3;letter-spacing:-.025em;margin-block:1.75em .75em;scroll-margin-top:96px;text-wrap:pretty}.prose h1{font-size:2.25rem}.prose h2{font-size:2rem}.prose h3{font-size:1.625rem}.prose :is(h4,h5,h6){font-size:1.375rem}.prose>:first-child{margin-top:0}.prose :is(ul,ol){padding-left:1.5em;margin-block:0 1.25em}.prose li,.prose li>p:last-child{margin-bottom:.5em}.prose blockquote{font-size:1em;margin-block:1.5em;padding:20px 24px}.prose blockquote p:last-child{margin-bottom:0}.prose table{font-size:1.125rem;line-height:1.65}.prose :not(pre)>code{font-size:.85em}.prose pre code *{font-size:inherit;line-height:inherit}.prose :is(pre,pre code){font-family:var(--font-mono);font-size:1rem;line-height:1.75}}@media (min-width:768px){html[data-theme=light] .reference-site[data-page=blog] .app-theme{--text-reading:1.375rem;--text-writeup-title:1.75rem;--text-writeup-preview:1.1875rem;.prose h2{font-size:2.25rem}.prose h3{font-size:1.75rem}.prose table{font-size:1.25rem}}}html[data-theme=light] .reference-site[data-page=blog] .app-theme{.related-writeups{margin-top:var(--space-section);padding-top:32px;border-top:1px solid var(--color-border)}.related-writeups-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin-bottom:24px}.related-writeups-heading h2{margin:8px 0;font-size:1.75rem;line-height:1.3}.related-writeups-heading p{margin:0;color:var(--color-description);font-size:1rem}.related-writeups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:24px}.related-writeup-card{display:flex;flex-direction:column;min-width:0;padding:0;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-body);text-decoration:none;transition:border-color var(--motion-duration),background-color var(--motion-duration)}.related-writeup-body{display:flex;flex-direction:column;flex:1 1;gap:16px;padding:24px}.related-writeup-card .writeup-thumbnail{border-bottom:1px solid var(--color-border)}.related-writeup-card .writeup-thumbnail-fallback{justify-content:center;padding:20px;background:var(--color-info-fill)}.related-writeup-card :is(.thumbnail-topline,.thumbnail-bottomline){display:none}.related-writeup-card .thumbnail-content{padding:0;gap:12px}.related-writeup-card .thumbnail-content strong{font-size:1.25rem;letter-spacing:-.025em}.related-writeup-card .thumbnail-content div>span{font-size:.875rem}.related-writeup-card .thumbnail-icon{width:44px;height:48px}.related-writeup-card:hover{border-color:var(--color-border-hover);background:var(--color-info-fill)}.related-writeup-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.related-writeup-reason{color:var(--accent-mint);font-size:.875rem;font-weight:600}.related-writeup-card h3{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0;font-size:1.25rem;line-height:1.4;overflow-wrap:anywhere}.related-writeup-card h3 svg{flex-shrink:0;margin-top:4px;color:var(--color-accent)}.related-writeup-card:hover h3{color:var(--color-title-hover)}.related-writeup-body>p{margin:0;color:var(--color-secondary);font-size:1rem;line-height:1.65;overflow-wrap:anywhere}.related-writeup-meta{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:8px;margin-top:auto;color:var(--color-description);font-size:.875rem}.related-writeup-meta>span{display:inline-flex;align-items:center;gap:6px;overflow-wrap:anywhere}}@media (max-width:767px){html[data-theme=light] .reference-site[data-page=blog] .app-theme{.related-writeups{padding-top:24px}.related-writeups-heading h2{font-size:1.5rem}.related-writeup-body{padding:20px}.related-writeups-grid{gap:16px}}}