.blog-article,.blog-index-page{--blog-ink:#cfcbc8;--blog-measure:660px;--blog-inset:max(clamp(20px, 4vw, 64px), calc((100cqw - var(--blog-measure)) / 2))}.blog-article :is(h1,h2,h3,h4,p,li,figcaption):before,.blog-article :is(h1,h2,h3,h4,p,li,figcaption):after,.blog-index-page :is(h1,h2,h3,p):before,.blog-index-page :is(h1,h2,h3,p):after{content:none}.blog-head>.od-frame{padding:calc(88px + clamp(28px, 5vw, 72px)) var(--od-pad) clamp(28px, 4vw, 52px);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end;gap:26px 64px;display:grid}.blog-crumbs{font-size:var(--od-fs-small);color:var(--od-ash);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px 20px;display:flex}.blog-crumbs a:not(.od-link){transition:color var(--od-t) var(--od-ease-out)}@media (hover:hover){.blog-crumbs a:not(.od-link):hover{color:var(--od-halo)}}.blog-title{font-family:var(--od-font-display);letter-spacing:-.04em;color:var(--od-bone);text-wrap:balance;max-width:19ch;font-size:clamp(2.375rem,1.5rem + 3.1vw,4.75rem);font-weight:400;line-height:1.02}.blog-head-side{justify-self:end;gap:20px;width:100%;max-width:40ch;display:grid}.blog-lead{font-size:var(--od-fs-lead);color:var(--od-ash);text-wrap:pretty;line-height:1.45}.blog-meta{font-size:var(--od-fs-small);color:var(--od-ash);flex-wrap:wrap;gap:4px 18px;margin:0;display:flex}.blog-meta>div{gap:6px;display:flex}.blog-meta>div:first-child{color:var(--od-bone)}.blog-meta dd{margin:0}.blog-cover{justify-content:center;padding:clamp(16px,3.4vw,56px);display:flex}.blog-cover img{border-radius:var(--od-r-media);width:min(100%,1240px);height:auto;box-shadow:0 0 0 1px var(--od-seam)}.blog-body{grid-template-columns:264px minmax(0,1fr) 296px;display:grid}.blog-main{min-width:0;padding-bottom:clamp(40px,6vw,88px);container-type:inline-size}.blog-toc{min-width:0;box-shadow:inset -1px 0 0 var(--od-seam)}.blog-toc-in{overscroll-behavior:contain;scrollbar-width:none;max-height:calc(100dvh - 88px);padding:30px var(--od-pad) 30px;position:sticky;top:88px;overflow-y:auto}.blog-toc-in::-webkit-scrollbar{display:none}.blog-toc-title{font-family:var(--od-font-display);letter-spacing:-.015em;color:var(--od-bone);margin-bottom:14px;font-size:1.125rem}.blog-toc-toggle{display:none}.blog-toc-list{display:grid;position:relative}.blog-toc-list:before{content:"";background:radial-gradient(circle, var(--od-node) .9px, transparent 1.3px) center top / 3px 8px repeat-y;width:3px;margin-left:-1px;position:absolute;top:16px;bottom:16px;left:6px}.blog-toc-list a{font-size:var(--od-fs-small);color:var(--od-ash);transition:color var(--od-t) var(--od-ease-out);grid-template-columns:13px minmax(0,1fr);align-items:start;gap:12px;padding:8px 0;line-height:1.35;display:grid;position:relative}.blog-toc-node{background:var(--od-void);border-radius:50%;width:13px;height:13px;margin-top:2px;position:relative}.blog-toc-node:before{content:"";background:var(--od-node);transition:background-color var(--od-t) var(--od-ease-out), transform var(--od-t) var(--od-ease-out);border-radius:50%;position:absolute;inset:4px}.blog-toc-node:after{content:"";border:1px solid var(--od-signal);opacity:0;transition:opacity var(--od-t) var(--od-ease-out), transform var(--od-t-slow) var(--od-ease-out);border-radius:50%;position:absolute;inset:0;transform:scale(.5)}.blog-toc-list a[aria-current]{color:var(--od-bone)}.blog-toc-list a[aria-current] .blog-toc-node:before{background:var(--od-signal);transform:scale(.75)}.blog-toc-list a[aria-current] .blog-toc-node:after{opacity:1;transform:none}@media (hover:hover){.blog-toc-list a:hover{color:var(--od-halo)}.blog-toc-list a:hover .blog-toc-node:after{opacity:1;border-color:var(--od-halo);transform:none}}.blog-aside{min-width:0;box-shadow:inset 1px 0 0 var(--od-seam)}.blog-aside-in{overscroll-behavior:contain;scrollbar-width:none;max-height:calc(100dvh - 88px);position:sticky;top:88px;overflow-y:auto}.blog-aside-in::-webkit-scrollbar{display:none}.blog-aside-title{padding:30px var(--od-pad) 16px;font-family:var(--od-font-display);letter-spacing:-.015em;color:var(--od-bone);font-size:1.125rem}.blog-piece{padding:20px var(--od-pad) 22px;box-shadow:inset 0 1px 0 var(--od-seam);gap:8px;display:grid}.blog-piece-media{aspect-ratio:16/10;border-radius:var(--od-r-media);background:var(--od-hull);margin-bottom:6px;display:block;overflow:hidden}.blog-piece-media img{object-fit:cover;width:100%;height:100%}.blog-piece-name{font-family:var(--od-font-display);letter-spacing:-.015em;color:var(--od-bone);justify-content:space-between;align-items:center;gap:12px;font-size:1.125rem;display:flex}.blog-piece-line{font-size:var(--od-fs-small);color:var(--od-ash);line-height:1.45;display:block}.blog-piece-line:first-letter{text-transform:uppercase}.blog-piece .od-link{font-size:var(--od-fs-small);justify-self:start;margin-top:4px}@media (hover:hover){.blog-piece:hover .od-link{color:var(--od-halo)}.blog-piece:hover .od-link-node:after{opacity:1;transform:none}.blog-piece:hover .od-link-node:before{transform:scale(.7)}}.blog-short{padding:clamp(28px, 4vw, 52px) var(--blog-inset);border-bottom:1px solid var(--od-seam);gap:18px;display:grid}.blog-short-title{font-family:var(--od-font-text);font-size:var(--od-fs-small);color:var(--od-ash);font-weight:400}.blog-short-answer{font-family:var(--od-font-display);letter-spacing:-.012em;color:var(--od-bone);text-wrap:pretty;font-size:clamp(1.125rem,1.06rem + .3vw,1.3125rem);line-height:1.36}.blog-short-points{font-size:var(--od-fs-text);color:var(--blog-ink);gap:8px;margin-top:4px;line-height:1.5;display:grid}.blog-short-points li{padding-left:20px;position:relative}.blog-article .blog-short-points li:before{content:"";background:var(--od-halo);border-radius:50%;width:6px;height:6px;position:absolute;top:.58em;left:2px}.blog-prose{color:var(--blog-ink);font-size:1.0625rem;line-height:1.68}.blog-prose>:is(p,ul,ol,h3,h4,blockquote){padding-inline:var(--blog-inset)}.blog-prose>:first-child{margin-top:0}.blog-prose p{text-wrap:pretty;margin-top:1.15em}.blog-prose strong{color:var(--od-bone);font-weight:400}.blog-prose a{color:var(--od-halo);text-underline-offset:.22em;transition:text-decoration-color var(--od-t) var(--od-ease-out);text-decoration:underline 1px}@media (hover:hover){.blog-prose a:hover{text-decoration-color:#0000}}.blog-prose h2{padding:clamp(30px, 4vw, 48px) var(--blog-inset) 0;border-top:1px solid var(--od-seam);font-family:var(--od-font-display);letter-spacing:-.03em;color:var(--od-bone);text-wrap:balance;margin-top:clamp(44px,6vw,80px);scroll-margin-top:72px;font-size:clamp(1.75rem,1.35rem + 1.5vw,2.625rem);font-weight:400;line-height:1.08;position:relative}.blog-prose>h2:first-child{border-top:0;margin-top:0}body.od-root .blog-article .blog-main .blog-prose h2:before{content:"";background:var(--od-node);width:7px;height:7px;transition:background-color var(--od-t) var(--od-ease-out), transform var(--od-t) var(--od-ease-out);border-radius:50%;margin:-3px 0 0 -3.5px;position:absolute;top:-1px;left:0}body.od-root .blog-article .blog-main .blog-prose h2:after{content:"";border:1px solid var(--od-signal);opacity:0;width:17px;height:17px;transition:opacity var(--od-t) var(--od-ease-out), transform var(--od-t-slow) var(--od-ease-out);border-radius:50%;margin:-8px 0 0 -8.5px;position:absolute;top:-1px;left:0;transform:scale(.5)}body.od-root .blog-article .blog-main .blog-prose h2[data-on]:before{background:var(--od-signal);transform:scale(.72)}body.od-root .blog-article .blog-main .blog-prose h2[data-on]:after{opacity:1;transform:none}.blog-prose h2+p{margin-top:1em}.blog-prose h3{font-family:var(--od-font-display);letter-spacing:-.015em;color:var(--od-bone);margin-top:2em;scroll-margin-top:88px;font-size:1.375rem;font-weight:400;line-height:1.2}.blog-prose h3+p{margin-top:.6em}.blog-prose>ul,.blog-prose>ol{gap:.55em;margin-top:1.15em;display:grid}.blog-prose li{padding-left:22px;position:relative}.blog-prose li>p{margin-top:0}.blog-article .blog-prose ul>li:before{content:"";background:var(--od-node);border-radius:50%;width:6px;height:6px;position:absolute;top:.66em;left:3px}.blog-prose ol{counter-reset:blog-step}.blog-prose ol>li{counter-increment:blog-step;padding-left:30px}.blog-article .blog-prose ol>li:before{content:counter(blog-step);color:var(--od-ash);font-variant-numeric:tabular-nums;position:absolute;top:0;left:0}.blog-prose blockquote{font-family:var(--od-font-display);letter-spacing:-.02em;color:var(--od-bone);margin:1.5em 0 0;font-size:1.5rem;line-height:1.22}.blog-prose :not(pre)>code{background:var(--od-hull-2);color:var(--od-bone);overflow-wrap:anywhere;border-radius:3px;padding:.08em .36em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.86em}.blog-prose pre,.blog-code{margin:1.5em var(--blog-inset) 0}.blog-prose pre{border:1px solid var(--od-seam);border-radius:var(--od-r-media);white-space:pre-wrap;overflow-wrap:anywhere;padding:20px 22px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.65;background:var(--od-hull)!important;color:#e8e5e2!important}.blog-prose pre code{font:inherit;white-space:inherit}.blog-prose pre span{color:inherit!important}.blog-code{position:relative}.blog-code pre{margin:0;padding-top:44px}.blog-code-copy{z-index:1;font-size:var(--od-fs-caption);position:absolute;top:10px;right:12px}.blog-table{border-block:1px solid var(--od-seam);margin-top:1.75em}.blog-table table{border-collapse:collapse;width:100%;font-size:var(--od-fs-small);line-height:1.45}.blog-table :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--od-seam);padding:14px 18px}.blog-table tr:last-child td{border-bottom:0}.blog-table th{font-family:var(--od-font-display);letter-spacing:-.01em;color:var(--od-bone);white-space:nowrap;font-size:1rem;font-weight:400}.blog-table td:first-child{color:var(--od-bone)}.blog-table :is(th,td):first-child{padding-left:var(--blog-inset)}.blog-table :is(th,td):last-child{padding-right:var(--blog-inset)}.blog-prose figure{margin:2em 0 0;padding-inline:clamp(20px,3vw,40px)}.blog-prose figure img{border-radius:var(--od-r-media);width:100%;height:auto;box-shadow:0 0 0 1px var(--od-seam)}.blog-prose figcaption{font-size:var(--od-fs-small);color:var(--od-ash);margin-top:10px;line-height:1.45}.blog-table-caption{padding:12px var(--blog-inset) 14px;border-top:1px solid var(--od-seam);font-size:var(--od-fs-caption);color:var(--od-ash);margin:0;line-height:1.45}.blog-verdict{padding:clamp(24px, 3vw, 36px) var(--blog-inset);border-block:1px solid var(--od-seam);font-family:var(--od-font-display);letter-spacing:-.02em;color:var(--od-ash);text-wrap:pretty;margin-top:2.4em;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);line-height:1.26}.blog-verdict p{margin:0}.blog-verdict strong{color:var(--od-bone)}.blog-author{padding:clamp(20px, 2.4vw, 28px) var(--blog-inset) 0;font-size:var(--od-fs-small);color:var(--od-ash);gap:6px;line-height:1.5;display:grid}.blog-author-name{color:var(--od-bone);margin:0}.blog-author-name span{color:var(--od-ash);margin-left:10px}.blog-author-bio{text-wrap:pretty;max-width:62ch;margin:0}.blog-faq>*{padding:clamp(28px, 4vw, 56px) var(--od-pad)}.blog-faq-intro{flex-direction:column;gap:18px;display:flex}.blog-questions{align-content:start;margin-inline:0;display:grid;padding:0!important}.blog-question{border-bottom:1px solid var(--od-seam)}.blog-question summary{min-height:60px;padding:14px var(--od-pad);cursor:pointer;font-size:var(--od-fs-text);transition:color var(--od-t) var(--od-ease-out);justify-content:space-between;align-items:center;gap:18px;line-height:1.35;list-style:none;display:flex}.blog-question summary::-webkit-details-marker{display:none}.blog-question summary:after{content:"";width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--od-halo);transition:background-color var(--od-t) var(--od-ease-out), box-shadow var(--od-t) var(--od-ease-out);border-radius:50%;flex:none}.blog-question[open] summary:after{background:var(--od-signal);box-shadow:0 0 0 4px #1464ff38}@media (hover:hover){.blog-question summary:hover{color:var(--od-halo)}}.blog-question p{padding:0 var(--od-pad) 22px;max-width:calc(62ch + 2 * var(--od-pad));font-size:var(--od-fs-small);color:var(--od-ash);line-height:1.6}.blog-close-inner{text-align:center;padding:clamp(64px, 10vw, 140px) var(--od-pad);flex-direction:column;align-items:center;gap:20px;display:flex}.blog-close-inner .od-h1{max-width:14ch}.blog-close-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.blog-more-head{padding:clamp(24px, 3vw, 40px) var(--od-pad);border-bottom:1px solid var(--od-seam);justify-content:space-between;align-items:baseline;gap:20px;display:flex}.blog-grid{--cols:3}.blog-card{padding:var(--od-pad);flex-direction:column;gap:18px;display:flex}.blog-card-media{aspect-ratio:16/9;border-radius:var(--od-r-media);background:var(--od-hull);display:block;overflow:hidden}.blog-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--od-ease-out)}@media (hover:hover){.blog-card:hover .blog-card-media img{transform:scale(1.018)}}.blog-card-text{gap:10px;display:grid}.blog-card-meta{font-size:var(--od-fs-caption);color:var(--od-ash);flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.blog-card-title{font-family:var(--od-font-display);letter-spacing:-.025em;color:var(--od-bone);text-wrap:balance;margin:0;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:400;line-height:1.12}.blog-card-lead{font-size:var(--od-fs-small);color:var(--od-ash);text-wrap:pretty;line-height:1.5}.blog-card-date{font-size:var(--od-fs-caption);color:var(--od-ash)}.blog-end-space{height:var(--od-breath)}@media (width<=1240px){.blog-body{grid-template-columns:232px minmax(0,1fr)}.blog-aside{box-shadow:inset 0 1px 0 var(--od-seam);grid-column:1/-1}.blog-aside-in{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;display:grid;position:static;overflow:visible}.blog-aside-title{grid-column:1/-1}.blog-piece+.blog-piece{box-shadow:inset 0 1px 0 var(--od-seam), inset 1px 0 0 var(--od-seam)}}@media (width<=960px){.blog-head>.od-frame{grid-template-columns:minmax(0,1fr);padding-top:104px}.blog-head-side{justify-self:start;max-width:52ch}.blog-body{grid-template-columns:minmax(0,1fr)}.blog-toc{box-shadow:inset 0 -1px 0 var(--od-seam)}.blog-toc-in{max-height:none;padding:0;position:static;overflow:visible}.blog-toc-title{display:none}.blog-toc-toggle{width:100%;min-height:56px;padding-inline:var(--od-pad);font-size:var(--od-fs-small);color:var(--od-bone);justify-content:space-between;align-items:center;display:flex}.blog-toc-mark{width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--od-halo);transition:background-color var(--od-t) var(--od-ease-out), box-shadow var(--od-t) var(--od-ease-out);border-radius:50%}.blog-toc-in[data-open] .blog-toc-mark{background:var(--od-signal);box-shadow:0 0 0 4px #1464ff38}.blog-toc-list{padding:0 var(--od-pad) 14px;display:none}.blog-toc-in[data-open] .blog-toc-list{display:grid}.blog-toc-list:before{left:calc(var(--od-pad) + 6px);bottom:30px}.blog-grid{--cols:2}}@media (width<=760px){.blog-faq{--cols:1}.blog-aside-in{grid-template-columns:minmax(0,1fr)}.blog-piece+.blog-piece{box-shadow:inset 0 1px 0 var(--od-seam)}.blog-card-title{font-size:1.5rem}}@media (width<=640px){.blog-grid{--cols:1}.blog-prose pre,.blog-code{margin-inline:16px}.blog-code pre{margin:0}.blog-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.blog-table :is(table,tbody,tr,td){display:block}.blog-table tr{padding:16px var(--blog-inset);border-bottom:1px solid var(--od-seam)}.blog-table tr:last-child{border-bottom:0}.blog-table td,.blog-table tr:last-child td{border:0;padding:0}.blog-table :is(th,td):first-child,.blog-table :is(th,td):last-child{padding-inline:0}.blog-table td+td{margin-top:10px}.blog-table td:first-child{font-family:var(--od-font-display);font-size:1.125rem}.blog-table td[data-label]:not(:first-child):before{content:attr(data-label);font-size:var(--od-fs-caption);color:var(--od-ash);display:block}}@media (prefers-reduced-motion:reduce){.blog-card-media img{transition:none}}.blog-index-page .od-pagehead p strong{color:var(--od-bone);font-weight:400}.blog-index{grid-template-columns:264px minmax(0,1fr);display:grid}.blog-filter{min-width:0;box-shadow:inset -1px 0 0 var(--od-seam)}.blog-filter-in{padding:26px calc(var(--od-pad) - 10px) 26px;position:sticky;top:88px}.blog-filter-title{font-family:var(--od-font-display);letter-spacing:-.015em;color:var(--od-bone);margin-bottom:10px;padding-inline:10px;font-size:1.125rem}.blog-index-main{min-width:0}.blog-featured{border-bottom:1px solid var(--od-seam)}.blog-card.is-featured{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:end;gap:clamp(20px,3vw,44px);display:grid}.blog-card.is-featured .blog-card-text{gap:14px}.blog-card.is-featured .blog-card-title{letter-spacing:-.035em;font-size:clamp(1.875rem,1.2rem + 1.7vw,3rem);line-height:1.04}.blog-card.is-featured .blog-card-lead{font-size:var(--od-fs-text)}.blog-empty{padding:var(--od-pad)}@media (width<=1240px){.blog-index .blog-grid{--cols:2}}@media (width<=960px){.blog-index{grid-template-columns:minmax(0,1fr)}.blog-filter{box-shadow:inset 0 -1px 0 var(--od-seam)}.blog-filter-in{padding:14px calc(var(--od-pad) - 10px);position:static}.blog-filter-title{display:none}.blog-filter .lib-opts{flex-wrap:wrap;gap:2px 4px;display:flex}.blog-filter .lib-opt{width:auto}.blog-card.is-featured{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.blog-index .blog-grid{--cols:1}}