.post-wrap{width:100%;max-width:1232px;margin-inline:auto;padding-inline:24px}.post-head{isolation:isolate;padding-top:44px;position:relative}.post-head .ck-backdrop{height:560px}.post-head__grid,.post-grid{grid-template-columns:minmax(168px,1fr) minmax(0,680px) minmax(168px,1fr);justify-content:center;column-gap:48px;display:grid}.post-head__inner{flex-direction:column;grid-column:2/4;align-items:flex-start;max-width:780px;display:flex}.post-head__meta{color:var(--text-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:26px 0 0;font-size:13px;display:flex}.post-head__category{color:var(--accent-ink);font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:500}.post-head__updated{white-space:nowrap}.post-title{letter-spacing:-.038em;text-wrap:balance;margin:14px 0 0;font-size:clamp(32px,3.6vw,46px);font-weight:600;line-height:1.1}.post-lede{max-width:700px;color:var(--text-3);text-wrap:pretty;margin:18px 0 0;font-size:19px;line-height:1.6}.post-byline{align-items:center;gap:12px;margin-top:26px;display:flex}.post-byline__mark{border:1px solid var(--border);background:var(--bg);width:42px;height:42px;box-shadow:var(--shadow-pill);border-radius:50%;flex:none;place-items:center;display:grid}.post-byline__who{line-height:1.35;display:grid}.post-byline__who strong{font-size:14.5px;font-weight:600}.post-byline__who span{color:var(--text-3);font-size:13.5px}.post-cover{isolation:isolate;border:1px solid var(--border);border-radius:var(--r-card-lg);background:radial-gradient(60% 70% at 70% 60%, color-mix(in srgb, var(--accent-fill) 11%, transparent), transparent 72%), var(--bg);box-shadow:var(--shadow-card);grid-column:1/4;margin:44px 0 0;padding:22px;position:relative;overflow:hidden}.post-cover:before{content:"";z-index:-1;background-image:linear-gradient(var(--ck-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ck-grid) 1px, transparent 1px);background-position:50%;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80%,#000 30%,#0000 85%);mask-image:radial-gradient(70% 80%,#000 30%,#0000 85%)}.post-cover__shot{max-width:960px;margin:0 auto}.post-cover .shot{box-shadow:var(--shadow-example)}.post-grid{align-items:start;padding-block:64px 104px}.post-toc{top:calc(var(--site-nav-height) + 32px);max-height:calc(100vh - var(--site-nav-height) - 56px);margin-inline:-6px;padding:4px 6px 6px;position:sticky;overflow:auto}.post-toc__title{color:var(--text-3);font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:11.5px}.post-toc__links{border-left:1px solid var(--border);flex-direction:column;display:flex}.post-toc__links a{color:var(--text-3);border-left:2px solid #0000;grid-template-columns:30px minmax(0,1fr);align-items:baseline;gap:2px;margin-left:-1px;padding:7px 8px 7px 14px;font-size:14px;line-height:1.35;transition:color .2s,border-color .3s;display:grid}.post-toc__links a:hover{color:var(--ink)}.post-toc__n{color:var(--text-3);font-family:var(--ff-mono);font-size:11px}.post-toc__links a[aria-current=true]{border-left-color:var(--accent-fill);color:var(--ink);font-weight:550}.post-toc__links a[aria-current=true] .post-toc__n{color:var(--accent-ink)}.post-toc__top{color:var(--text-3);align-items:center;gap:6px;margin-top:20px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.post-toc__top:hover{color:var(--ink)}.post-toc__top svg{width:14px;height:14px}.post-article{min-width:0;color:var(--ink-body);font-size:18px;line-height:1.72}.post-p{text-wrap:pretty;margin:0}.post-article>*+*,.post-article section>*+*{margin-top:1.1em}.post-article>section{margin-top:76px}.post-article>.post-p--lede:first-child{color:var(--ink);font-size:20px;line-height:1.65}.post-sec-n{color:var(--accent-ink);font-family:var(--ff-mono);letter-spacing:.06em;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:500;line-height:1.4;display:flex}.post-h2{color:var(--ink);letter-spacing:-.028em;text-wrap:balance;scroll-margin-top:calc(var(--site-nav-height) + 28px);margin:0;font-size:27px;font-weight:600;line-height:1.22}.post-article section>.post-sec-n+.post-h2{margin-top:12px}.post-article section>.post-h2+*{margin-top:18px}.post-h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:1.3}.post-article section>.post-h3{margin-top:2em}.post-article section>.post-h3+*{margin-top:.6em}.post-article .post-link{color:var(--accent-ink);-webkit-text-decoration-color:color-mix(in srgb, var(--accent-ink) 38%, transparent);text-decoration-color:color-mix(in srgb, var(--accent-ink) 38%, transparent);transition:text-decoration-color .2s}.post-article .post-link:hover{color:var(--accent-ink);text-decoration-color:currentColor}.post-list{margin:0;padding-left:22px}.post-list>li+li{margin-top:12px}.post-list strong{color:var(--ink);font-weight:600}.post-article ul.post-list:has(>li>strong:first-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;padding:0;list-style:none;display:grid}.post-article ul.post-list:has(>li>strong:first-child)>li{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-pill);color:var(--text-3);border-radius:16px;margin:0;padding:16px 18px 17px;font-size:15.5px;line-height:1.58}.post-article ul.post-list:has(>li>strong:first-child) strong{color:var(--ink);letter-spacing:-.01em;margin-bottom:4px;font-size:15.5px;display:block}.post-article ol.post-list{counter-reset:post-step;padding:0;list-style:none}.post-article ol.post-list>li{counter-increment:post-step;padding-left:50px;position:relative}.post-article ol.post-list>li+li{margin-top:18px}.post-article ol.post-list>li:before{content:counter(post-step);width:32px;height:32px;color:var(--accent-on-tint);background:var(--accent-tint-2);font-family:var(--ff-mono);border-radius:50%;place-items:center;font-size:13px;font-weight:500;line-height:1;display:grid;position:absolute;top:1px;left:0}.post-article>.post-howto{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-card);border-radius:24px;padding:40px 40px 36px}.post-howto .post-h2{scroll-margin-top:calc(var(--site-nav-height) + 68px)}.post-howto ol.post-list>li:not(:last-child):after{content:"";background:var(--border-dashed);width:1px;position:absolute;top:40px;bottom:-14px;left:15.5px}.post-quote{border:1px solid var(--accent-tint-border);background:var(--accent-tint);border-radius:18px;margin:0;padding:24px 28px}.post-quote p{color:var(--ink);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:21px;font-weight:600;line-height:1.4}.post-article section>.post-image-pair{margin:36px 0 40px}.post-image-pair__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:16px;display:grid}.post-image-pair__item{flex-direction:column;min-width:0;display:flex}.post-image-pair__label{color:var(--text-3);font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;align-items:center;gap:6px;margin-bottom:10px;font-size:11.5px;line-height:1;display:inline-flex}.post-image-pair__label .brand-mention{color:inherit;font-weight:500}.post-image-pair__image{box-shadow:var(--shadow-example)}.post-image-pair__item--portrait{align-items:center}.post-image-pair__item--portrait .post-image-pair__label{align-self:center}.post-image-pair__item--portrait .post-image-pair__image{width:min(100%,260px)}.post-image-pair figcaption{color:var(--text-3);text-wrap:pretty;margin:16px 0 0;font-size:14.5px;line-height:1.6}.post-article section>.post-table{margin:32px 0 36px}.post-table__scroll{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-pill);border-radius:16px;overflow-x:auto}.post-table table{border-collapse:collapse;text-align:left;width:100%;min-width:520px;font-size:15px;line-height:1.5}.post-table th,.post-table td{border-top:1px solid var(--border);vertical-align:top;padding:12px 16px}.post-table thead th{color:var(--text-3);background:var(--surface);font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;border-top:0;font-size:11.5px;font-weight:500}.post-table tbody th{color:var(--ink);font-weight:600}.post-table td{color:var(--ink-body)}.post-table figcaption{color:var(--text-3);text-wrap:pretty;margin:12px 0 0;font-size:14.5px;line-height:1.6}.post-faq__list{border-top:1px solid var(--border)}.post-faq__item{border-bottom:1px solid var(--border)}.post-faq__item>summary{color:var(--ink);font-size:17px;font-weight:550;line-height:inherit;letter-spacing:-.02em;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:20px 2px;list-style:none;transition:color .2s;display:flex}.post-faq__item>summary::-webkit-details-marker{display:none}.post-faq__item>summary:hover{color:var(--accent-ink)}.post-faq__toggle{background:var(--surface);width:22px;height:22px;transition:background-color .25s, transform .45s var(--ease);border-radius:50%;flex:none;position:relative}.post-faq__toggle:before,.post-faq__toggle:after{content:"";width:10px;height:1.6px;transition:transform .45s var(--ease);background:currentColor;border-radius:2px;margin:-.8px 0 0 -5px;position:absolute;top:50%;left:50%}.post-faq__toggle:after{transform:rotate(90deg)}.post-faq__item[open] .post-faq__toggle{color:var(--accent-on-tint);background:var(--accent-tint-2);transform:rotate(180deg)}.post-faq__item[open] .post-faq__toggle:after{transform:rotate(0)}.post-faq__a{color:var(--text-3);text-wrap:pretty;padding:0 44px 22px 2px;font-size:16.5px;line-height:1.66}@media (prefers-reduced-motion:no-preference){.post-faq__item[open] .post-faq__a{animation:post-faq-in .45s var(--ease) both}}@keyframes post-faq-in{0%{opacity:0;transform:translateY(-4px)}}.post-article>.blog-related{margin-top:56px}.post-article .blog-related__list{margin-top:18px}.post-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.post-article>.post-foot{margin-top:36px}.post-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.post-tags li{border-radius:var(--r-pill);height:30px;color:var(--ink-body);background:var(--surface);align-items:center;padding:0 12px;font-size:13px;line-height:1;display:inline-flex}.post-share{color:var(--text-3);align-items:center;gap:8px;font-size:13px;display:flex}.post-share a,.post-share button{border:1px solid var(--border-dashed);width:36px;height:36px;color:var(--ink);background:var(--bg);font:inherit;cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:14px;font-weight:700;transition:border-color .2s,color .2s;display:grid}.post-share a:hover,.post-share button:hover{border-color:var(--ink);color:var(--ink)}.post-rail{top:calc(var(--site-nav-height) + 32px);position:sticky}.post-cta{border:1px solid var(--border);background:radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--accent-fill) 10%, transparent), transparent 70%), var(--bg);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.post-cta__mark{display:inline-flex}.post-cta__title{color:var(--ink);letter-spacing:-.02em;margin:2px 0 0;font-size:16.5px;font-weight:600;line-height:1.3}.post-cta__body{color:var(--text-3);margin:0;font-size:13.5px;line-height:1.55}.post-cta .btn{width:100%;margin-top:6px}.post-cta .btn svg{width:18px;height:18px}.post-article>.post-cta--inline{display:none}.post-more{border-top:1px solid var(--border);background:var(--surface);padding:88px 0 104px}.post-more__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.post-more__head h2{letter-spacing:-.04em;margin:0;font-size:clamp(26px,2.6vw,34px);line-height:1.08}.post-more__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin:0;padding:0;list-style:none;display:grid}.post-more__grid>li{min-width:0}.post-more__grid a{color:var(--ink);flex-direction:column;gap:12px;display:flex}.post-more__grid .post-meta{margin-top:4px}.post-more__title{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:18px;font-weight:600;line-height:1.3;transition:color .2s}.post-more__grid a:hover .post-more__title{color:var(--accent-ink)}.post-more__grid a:hover .ck-cover img{transform:scale(1.045)}@media (max-width:1099px){.post-head__grid,.post-grid{grid-template-columns:minmax(0,680px)}.post-head__inner,.post-cover{grid-column:1}.post-cover{justify-self:center;width:min(100vw - 48px,900px)}.post-grid{padding-top:40px}.post-toc,.post-rail{display:none}.post-article>.post-cta--inline{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:40px;padding:20px 22px;display:grid}.post-cta__text{gap:3px;display:grid}.post-cta--inline .post-cta__title{margin:0;font-size:17px}.post-cta--inline .post-cta__body{font-size:14px}.post-cta--inline .btn{width:auto;margin:0}}@media (max-width:900px){.post-more__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}}@media (max-width:640px){.post-wrap{padding-inline:16px}.post-head{padding-top:28px}.post-head__meta{margin-top:20px}.post-title{font-size:31px;line-height:1.12}.post-lede{font-size:17px}.post-byline{margin-top:20px}.post-cover{border-radius:20px;width:100%;margin-top:32px;padding:12px}.post-grid{padding-block:28px 72px}.post-article{font-size:17px;line-height:1.7}.post-article>.post-p--lede:first-child{font-size:18.5px}.post-article>section{margin-top:60px}.post-h2{font-size:23px}.post-h3{font-size:18.5px}.post-article ul.post-list:has(>li>strong:first-child){grid-template-columns:minmax(0,1fr);gap:10px}.post-article ul.post-list:has(>li>strong:first-child)>li{padding:14px 16px;font-size:15px}.post-article ol.post-list>li{padding-left:44px}.post-article ol.post-list>li:before{width:30px;height:30px;font-size:12.5px}.post-article>.post-howto{border-radius:20px;margin-inline:-6px;padding:26px 20px 24px}.post-howto .post-h2{scroll-margin-top:calc(var(--site-nav-height) + 54px)}.post-howto ol.post-list>li:not(:last-child):after{top:38px;left:14.5px}.post-quote p{font-size:19px}.post-image-pair__grid{grid-template-columns:minmax(0,1fr);gap:18px}.post-table table{font-size:14px}.post-table th,.post-table td{padding:10px 12px}.post-faq__item>summary{padding:18px 0;font-size:16px}.post-faq__a{padding-right:8px;font-size:15.5px}.post-article>.post-cta--inline{grid-template-columns:auto minmax(0,1fr);padding:18px}.post-cta--inline .btn{grid-column:1/-1;width:100%}.post-more{padding:64px 0 80px}.post-more__grid{grid-template-columns:minmax(0,1fr);gap:36px}}@media (prefers-reduced-motion:reduce){.post-toc__links a,.post-toc__top,.post-share a,.post-share button,.post-more__title,.post-more__grid .ck-cover img{transition:none}}