.blog-page{--blog-accent:var(--q-accent);--blog-wash:var(--q-accent-soft);background:var(--q-bg);min-height:70vh;color:var(--q-text);padding-bottom:24px}body:has(.blog-page)>.grain{display:none}.blog-page :is(h1,h2,h3,p){margin-top:0}.blog-page a{color:inherit;text-decoration:none}.blog-page a:hover{color:var(--blog-accent)}.blog-page :focus-visible{outline:2px solid var(--blog-accent);outline-offset:5px}.blog-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-intro{padding-block:56px 40px}.blog-intro h1{letter-spacing:-.035em;margin:0;font-size:clamp(44px,5.5vw,72px);font-weight:400;line-height:1.1}.blog-featured-section{padding-bottom:64px}.blog-featured{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.blog-cover{aspect-ratio:3/2;background:var(--q-surface);width:100%;position:relative;overflow:hidden}.blog-cover img{object-fit:cover;transition:transform var(--q-duration-enter) var(--q-ease-out)}.blog-featured>.blog-cover{aspect-ratio:4/3}.blog-featured-copy{padding-block:12px}.blog-meta-line{color:var(--q-muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;line-height:1.5;display:flex}.blog-category{color:var(--blog-accent)}.blog-featured h2{letter-spacing:-.03em;max-width:25ch;margin:24px 0 16px;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.15}.blog-featured-copy>p{max-width:52ch;color:var(--q-muted);margin-bottom:0;font-size:16px;line-height:1.65}.blog-read-link{color:var(--q-text);align-items:center;gap:12px;margin-top:28px;font-size:14px;font-weight:500;display:inline-flex}.blog-read-link svg{transition:transform var(--q-duration-change) var(--q-ease-out)}.blog-featured:hover .blog-read-link svg{transform:translate(4px)}.blog-featured:hover .blog-read-link,.blog-related-card:hover .blog-read-link{color:var(--blog-accent)}.blog-library{padding-bottom:80px}.blog-library-toolbar{border-top:1px solid var(--q-line);border-bottom:1px solid var(--q-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:16px;display:flex}.blog-filters{flex-wrap:wrap;gap:4px;display:flex}.blog-filter{min-height:44px;color:var(--q-muted);font:inherit;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;display:inline-flex}.blog-filter:hover{color:var(--q-text);background:var(--q-surface)}.blog-filter[aria-pressed=true]{color:var(--q-text);background:var(--q-accent-soft);border-color:var(--q-line)}.blog-search{border:1px solid var(--q-control-line);background:var(--q-surface);width:250px;min-height:44px;color:var(--q-muted);align-items:center;gap:10px;padding-inline:12px;display:flex}.blog-search:focus-within{outline:2px solid var(--q-accent);outline-offset:3px}.blog-search>svg{flex-shrink:0}.blog-search input{width:100%;min-width:0;min-height:44px;color:var(--q-text);font:inherit;caret-color:var(--q-accent);background:0 0;outline:none;font-size:14px}.blog-search input:focus-visible{outline:none}.blog-search input::placeholder{color:var(--q-muted);opacity:1}.blog-search input::-webkit-search-cancel-button{display:none}.blog-search button{flex:0 0 44px;place-items:center;min-height:44px;margin-right:-12px;display:grid}.blog-results-count{color:var(--q-muted);overflow-wrap:anywhere;margin:16px 0 28px;font-size:12px;line-height:1.6}.blog-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 24px;display:grid}.blog-story{min-width:0}.blog-story-link{height:100%;display:block}.blog-story-copy{padding-block:20px 0}.blog-story h3{letter-spacing:-.025em;margin:12px 0;font-size:22px;font-weight:500;line-height:1.3}.blog-story p{-webkit-line-clamp:3;color:var(--q-muted);-webkit-box-orient:vertical;margin-bottom:20px;font-size:15px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-story time{color:var(--q-muted);font-size:12px;line-height:1.5;display:block}@media (hover:hover){.blog-featured:hover .blog-cover img,.blog-story-link:hover .blog-cover img{transform:scale(1.025)}}.blog-empty{padding-block:64px}.blog-empty h3{letter-spacing:-.025em;margin-bottom:12px;font-size:24px;font-weight:500}.blog-empty p{color:var(--q-muted);margin-bottom:24px}.blog-article-page{padding-top:38px}.blog-breadcrumbs{color:var(--q-muted);font-family:var(--q-font-mono);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.blog-breadcrumbs>span{opacity:.6}.blog-article-header{max-width:850px;margin:58px auto 70px}.blog-article-header h1{letter-spacing:-.04em;max-width:19ch;margin-bottom:18px;font-size:clamp(34px,5vw,60px);font-weight:500;line-height:1.04}.blog-article-dek{max-width:65ch;color:var(--q-muted);margin-bottom:28px;font-size:clamp(16px,1.7vw,18px);line-height:1.6}.blog-article-taxonomy{color:var(--q-muted);flex-wrap:wrap;gap:14px;margin:-12px 0 24px;font-size:12px;display:flex}.blog-article-taxonomy>span:first-child{color:var(--blog-accent)}.blog-author-row{border-top:1px solid var(--q-line);align-items:center;gap:12px;padding-top:20px;display:flex}.blog-author-monogram{border:1px solid var(--q-control-line);width:42px;height:42px;color:var(--blog-accent);border-radius:50%;flex:0 0 42px;place-items:center;font-size:17px;display:grid}.blog-author-row>div{gap:4px;display:grid}.blog-author-row>div p{margin:0;font-size:12px;font-weight:500}.blog-author-row>div span,.blog-author-row>time{color:var(--q-muted);font-size:12px}.blog-author-row>time{font-family:var(--q-font-mono);margin-left:auto}.blog-reading-layout{grid-template-columns:200px minmax(0,760px);justify-content:center;align-items:start;gap:clamp(38px,7vw,104px);padding-bottom:84px;display:grid}.blog-toc{border-left:1px solid var(--q-line);max-height:calc(100vh - 56px);padding:16px 0 16px 18px;position:sticky;top:28px;overflow-y:auto}.blog-toc>p{color:var(--q-text);font-family:var(--q-font-mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;font-size:12px}.blog-toc ol{gap:11px;margin:0;padding:0;list-style:none;display:grid}.blog-toc li{color:var(--q-muted);font-size:12px;line-height:1.45}.blog-toc li.blog-toc-subsection{padding-left:12px}.blog-toc a:hover{color:var(--blog-accent)}.blog-article-body{min-width:0}.blog-prose{max-width:72ch;color:var(--q-text);font-size:16px;line-height:1.8}.blog-prose>:first-child{margin-top:0}.blog-prose p{margin-bottom:1.45em}.blog-prose-heading{letter-spacing:-.035em;margin:2.35em 0 .75em;scroll-margin-top:30px;font-size:1.65em;font-weight:500;line-height:1.2;position:relative}.blog-prose-subheading{margin-top:1.8em;font-size:1.25em}.blog-heading-anchor{font-family:var(--q-font-mono);opacity:0;margin-left:10px;font-size:.62em;color:var(--blog-accent)!important}.blog-prose-heading:hover .blog-heading-anchor,.blog-heading-anchor:focus-visible{opacity:1}.blog-prose a{color:var(--blog-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.blog-prose strong{font-weight:600}.blog-prose ul,.blog-prose ol{gap:10px;margin:0 0 1.5em;padding-left:1.4em;display:grid}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{padding-left:.25em}.blog-prose li::marker{color:var(--blog-accent)}.blog-prose blockquote{border-left:2px solid var(--blog-accent);color:var(--q-muted);margin:2em 0;padding:8px 0 8px 22px;font-size:1.08em}.blog-prose hr{border:0;border-top:1px solid var(--q-line);margin:3em 0}.blog-prose :not(pre)>code{border:1px solid var(--q-line);background:var(--q-accent-soft);color:var(--blog-accent);font-family:var(--q-font-mono);padding:.18em .4em;font-size:.82em}.blog-prose pre{border:1px solid var(--q-line);background:var(--q-surface);color:var(--q-text);font-family:var(--q-font-mono);tab-size:2;margin:1.8em 0;padding:20px 22px;font-size:13px;line-height:1.65;overflow-x:auto}.blog-prose pre code{font-family:inherit}.blog-table-scroll{border:1px solid var(--q-line);max-width:100%;margin:2em 0;overflow-x:auto}.blog-prose table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5}.blog-prose th{background:var(--q-accent-soft);color:var(--q-text);text-align:left;font-weight:600}.blog-prose :is(th,td){border-bottom:1px solid var(--q-line);min-width:110px;padding:12px 14px}.blog-prose tbody tr:last-child td{border-bottom:0}.blog-share{border-top:1px solid var(--q-line);border-bottom:1px solid var(--q-line);color:var(--q-muted);align-items:center;gap:18px;margin-top:56px;padding-block:19px;font-size:12px;display:flex}.blog-share>span{margin-right:auto}.blog-share a{color:var(--q-text)}.blog-related{border-top:1px solid var(--q-line);background:var(--q-surface);padding-block:64px 80px}.blog-related h2{margin-bottom:27px}.blog-related-grid{border-top:1px solid var(--q-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.blog-related-card{flex-direction:column;align-items:flex-start;min-height:235px;padding:24px 28px 24px 0;display:flex}.blog-related-card+.blog-related-card{border-left:1px solid var(--q-line);padding-left:28px}.blog-related-card h3{letter-spacing:-.025em;margin:14px 0 9px;font-size:20px;font-weight:500;line-height:1.3}.blog-related-card>p{color:var(--q-muted);font-size:14px;line-height:1.6}.blog-related-card .blog-read-link{margin-top:auto}@media (max-width:1000px){.blog-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured{gap:28px}}@media (max-width:760px){.blog-intro{padding-block:40px 28px}.blog-featured{grid-template-columns:1fr;gap:24px}.blog-featured-section{padding-bottom:40px}.blog-featured>.blog-cover{aspect-ratio:3/2}.blog-featured h2{max-width:28ch;margin-top:16px;font-size:30px}.blog-featured-copy{padding:0}.blog-library{padding-bottom:56px}.blog-library-toolbar{align-items:stretch;gap:16px}.blog-search{width:100%}.blog-search input{font-size:16px}.blog-article-header{margin:42px auto 50px}.blog-reading-layout{padding-bottom:58px;display:block}.blog-toc{max-height:none;margin-bottom:36px;position:static}.blog-prose{font-size:16px}}@media (max-width:600px){.blog-article-grid{grid-template-columns:1fr;gap:36px}}@media (max-width:520px){.blog-filter{padding-inline:12px;font-size:13px}.blog-article-header h1{font-size:36px}.blog-author-row{grid-template-columns:42px minmax(0,1fr);gap:8px 12px;display:grid}.blog-author-row>time{grid-column:2;margin-left:0}.blog-related-grid{grid-template-columns:1fr}.blog-related-card{min-height:auto;padding:22px 0}.blog-related-card+.blog-related-card{border-top:1px solid var(--q-line);border-left:0;padding-left:0}.blog-related-card .blog-read-link{margin-top:12px}.blog-prose :is(th,td){min-width:130px;padding:10px}}@media (prefers-reduced-motion:reduce){.blog-page *,.blog-page :before,.blog-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}html:has(.blog-page){scroll-behavior:auto!important}}
