@keyframes dy-read{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@layer components{:where(.site) .bfilter{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:48px;display:flex}:where(.site) .bfilter__l{margin-right:16px}:where(.site) .bfilter a{border:1px solid var(--line-light);min-height:40px;color:var(--ink);background:var(--paper);transition:border-color .18s var(--ease-ui),background-color .18s var(--ease-ui),color .18s var(--ease-ui),transform 80ms var(--ease-press);align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}:where(.site) .bfilter a span{font:400 12px/1 var(--mono);color:var(--grey-700);font-variant-numeric:tabular-nums}@media (hover:hover){:where(.site) .bfilter a:hover{border-color:var(--ink)}}:where(.site) .bfilter a:active{transform:translateY(1px)}:where(.site) .bfilter a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}:where(.site) .bfilter a[aria-current=page] span{color:#f3f2f2b3}@media (max-width:599px){:where(.site) .bfilter{margin-inline:calc(-1*var(--g));padding-inline:var(--g);scrollbar-width:none;flex-wrap:nowrap;margin-bottom:32px;overflow-x:auto}:where(.site) .bfilter::-webkit-scrollbar{display:none}:where(.site) .bfilter a{flex:none}:where(.site) .bfilter__l{display:none}}:where(.site) .blead{border-bottom:2px solid var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:32px 24px;padding-bottom:64px;display:grid;position:relative}:where(.site) .blead__media{aspect-ratio:16/10;background:var(--navy-900);border:1px solid var(--ink);grid-column:1/8;position:relative;overflow:hidden}:where(.site) .blead__media img,:where(.site) .bcard__media img,:where(.site) .brow__th img{object-fit:cover;transition:transform .9s var(--ease-out),filter .4s var(--ease-ui)}:where(.site) .blead__text{grid-column:8/13;align-content:end;justify-items:start;gap:20px;display:grid}:where(.site) .blead__meta,:where(.site) .brow__meta{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}:where(.site) .blead__meta .mono,:where(.site) .brow__meta .mono{color:var(--grey-700)}:where(.site) .blead h2{letter-spacing:-.03em;max-width:20ch;font-size:clamp(30px,3vw,44px);font-weight:800;line-height:1}:where(.site) .blead h2 a{transition:background-size .48s var(--ease-out),color .18s var(--ease-ui);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat}:where(.site) .blead p{color:var(--grey-700);max-width:46ch}:where(.site) .blead__go{color:var(--blue-700);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}:where(.site) .blead__go .ic{transition:transform .18s var(--ease-ui)}:where(.site) .stretch:after{content:"";z-index:1;position:absolute;inset:0}:where(.site) .stretch:focus-visible{outline:none}:where(.site) .stretch:focus-visible:after{outline:2px solid var(--blue-500);outline-offset:4px}@media (hover:hover){:where(.site) .blead:hover .blead__media img,:where(.site) .bcard:hover .bcard__media img{transform:scale(1.025)}:where(.site) .blead:hover h2 a{background-size:100% 2px}:where(.site) .blead:hover .blead__go .ic,:where(.site) .brow:hover .brow__go .ic,:where(.site) .bcard:hover .tl .ic--right{transform:translate(3px,-.5px)}}:where(.site) .blead:active h2 a{color:var(--blue-press)}@media (max-width:1023px){:where(.site) .blead__media,:where(.site) .blead__text{grid-column:1/-1}:where(.site) .blead{padding-bottom:48px}}:where(.site) .blist__h{justify-content:space-between;align-items:baseline;gap:16px;margin:64px 0 0;padding-bottom:16px;display:flex}:where(.site) .blist__h .mono{color:var(--grey-700)}:where(.site) .blist{border-top:1px solid var(--ink)}:where(.site) .brow{border-bottom:1px solid var(--line-light);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:12px 24px;padding:32px 0;display:grid;position:relative}:where(.site) .brow:before{content:"";background:var(--blue-500);transform-origin:0 0;width:2px;transition:transform .32s var(--ease-out);position:absolute;top:-1px;bottom:-1px;left:0;transform:scaleY(0)}:where(.site) .brow__date{font:400 13px/1.3 var(--mono);color:var(--grey-700);font-variant-numeric:tabular-nums;transition:transform .32s var(--ease-out);grid-column:1/3;padding-top:6px}:where(.site) .brow__main{transition:transform .32s var(--ease-out);grid-column:3/10;gap:12px;display:grid}:where(.site) .brow h3{letter-spacing:-.025em;max-width:30ch;transition:color .18s var(--ease-ui);font-size:clamp(22px,1.9vw,28px);font-weight:800;line-height:1.08}:where(.site) .brow p{color:var(--grey-700);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:62ch;display:-webkit-box;overflow:hidden}:where(.site) .brow__go{color:var(--blue-700);align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:700;display:inline-flex}:where(.site) .brow__go .ic{transition:transform .18s var(--ease-ui)}:where(.site) .brow__th{aspect-ratio:3/2;background:var(--navy-900);border:1px solid var(--line-light);grid-column:10/13;position:relative;overflow:hidden}@media (hover:hover){:where(.site) .brow:hover:before{transform:scaleY(1)}:where(.site) .brow:hover h3{color:var(--blue-700)}:where(.site) .brow:hover .brow__main,:where(.site) .brow:hover .brow__date{transform:translate(12px)}:where(.site) .brow:hover .brow__th img{transform:scale(1.04)}}:where(.site) .brow:active h3{color:var(--blue-press)}@media (max-width:1023px){:where(.site) .brow__date{grid-column:1/-1;padding-top:0}:where(.site) .brow__main{grid-column:1/9}:where(.site) .brow__th{grid-column:9/13}}@media (max-width:599px){:where(.site) .brow{padding:24px 0}:where(.site) .brow__main{grid-column:1/-1}:where(.site) .brow__th{display:none}:where(.site) .brow h3{font-size:22px}}:where(.site) .bstate{max-width:880px;margin-inline:auto}:where(.site) .bstate .frame__body{padding:48px}:where(.site) .bstate .state h2{letter-spacing:-.03em;font-size:clamp(28px,2.6vw,36px);font-weight:800;line-height:1.05}:where(.site) .bstate .state .btns{margin-top:8px}:where(.site) .bstate__topics{width:100%;margin-top:8px}@media (max-width:599px){:where(.site) .bstate .frame__body{padding:24px}}:where(.site) .readbar{display:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){:where(.site) .readbar{left:0;right:0;top:var(--hdr);z-index:49;background:var(--peri-300);transform-origin:0;pointer-events:none;height:2px;animation:linear both dy-read;animation-timeline:scroll(root);display:block;position:fixed;transform:scaleX(0)}}}:where(.site) .phero .art__meta{flex-wrap:wrap;align-items:center;gap:8px 0;display:flex}:where(.site) .art__meta>*+:before{content:"";background:var(--peri-300);vertical-align:middle;width:4px;height:4px;margin:0 14px;display:inline-block;transform:translateY(-1px)}:where(.site) .art{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:24px;display:grid}:where(.site) .art__rail{top:calc(var(--hdr) + 32px);max-height:calc(100svh - var(--hdr) - 64px);scrollbar-width:none;grid-column:1/4;gap:40px;margin:-4px 0 0 -4px;padding:4px 24px 8px 4px;display:grid;position:sticky;overflow:auto}:where(.site) .art__rail::-webkit-scrollbar{display:none}:where(.site) .art__main{grid-column:4/12;min-width:0}:where(.site) .art__inline-toc{display:none}@media (max-width:1099px){:where(.site) .art__rail{display:none}:where(.site) .art__main{grid-column:1/-1;width:100%;max-width:760px;margin-inline:auto}:where(.site) .art__inline-toc{margin-bottom:40px;display:block}}:where(.site) .art__hero-fig{margin:0 0 56px}:where(.site) .art__hero-fig .art__img{aspect-ratio:16/9;background:var(--navy-900);border:1px solid var(--ink);box-shadow:var(--sh-light);position:relative;overflow:hidden}:where(.site) .art__hero-fig img{object-fit:cover}:where(.site) .art__hero-fig figcaption{font:400 12px/1.5 var(--mono);color:var(--grey-700);margin-top:12px}:where(.site) .art__video{margin:0 0 56px}@media (max-width:599px){:where(.site) .art__hero-fig,:where(.site) .art__video{margin-bottom:40px;margin-inline:calc(-1*var(--g))}:where(.site) .art__hero-fig .art__img{border-inline:0}:where(.site) .art__hero-fig figcaption{padding-inline:var(--g)}}:where(.site) .art__prose{max-width:68ch}:where(.site) .art__prose>p:first-of-type{letter-spacing:-.01em;font-size:1.16em;line-height:1.5}:where(.site) .art__prose :where(h2){border-top:1px solid var(--line-light);padding-top:24px}:where(.site) .art__prose :where(h2,h3,h4){scroll-margin-top:0}:where(.site) .art__prose :where(h2)>a,:where(.site) .art__prose :where(h3)>a{color:inherit;text-decoration:none}:where(.site) .art__prose :where(h2,h3)>a:hover{color:var(--blue-700)}:where(.site) .art__prose p:empty{display:none}:where(.site) .art__prose blockquote>p{quotes:"“" "”"}:where(.site) .art__prose li>p{margin:0}:where(.site) .art__prose li>p+p{margin-top:.5em}:where(.site) .art__prose figure>img{box-shadow:var(--sh-light);background:var(--paper-2)}:where(.site) .art__prose .embed{margin-block:2.4em}:where(.site) .prose-dy .codeb{background:var(--ink-navy);border:2px solid var(--ink-navy);color:#f3f2f2e6;-webkit-font-smoothing:antialiased;margin-block:2em;box-shadow:0 2px 6px #05081433,0 32px 64px -32px #0508148c}:where(.site) .prose-dy .codeb__bar{border-bottom:1px solid var(--line-dark);min-height:40px;font:400 12px/1 var(--mono);color:var(--t-2-d);align-items:center;gap:16px;margin:0;padding:0 8px 0 16px;display:flex}:where(.site) .prose-dy .codeb__lang{color:var(--t-body-d);align-items:center;gap:8px;display:inline-flex}:where(.site) .prose-dy .codeb__lang:before{content:"";background:var(--peri-300);width:6px;height:6px}:where(.site) .prose-dy .codeb__meta{margin-left:auto}:where(.site) .prose-dy .codeb__scroll{overscroll-behavior-x:contain;scrollbar-color:#46507c var(--ink-navy);scrollbar-width:thin;overflow-x:auto}:where(.site) .prose-dy .codeb__scroll:focus-visible{outline:2px solid var(--peri-200);outline-offset:-2px}:where(.site) .prose-dy .codeb pre{width:max-content;min-width:100%;box-shadow:none;border:0;background:0 0!important;margin:0!important;padding:20px 24px!important;overflow:visible!important}@media (max-width:599px){:where(.site) .prose-dy .codeb{margin-inline:calc(-1*var(--g));border-inline:0}:where(.site) .prose-dy .codeb pre{padding:16px var(--g)!important;margin-inline:0!important}:where(.site) .prose-dy .codeb__bar{padding-left:var(--g)}}:where(.site) .cpy{min-height:32px;color:var(--t-body-d);font:400 12px/1 var(--mono);cursor:pointer;transition:color .18s var(--ease-ui),border-color .18s var(--ease-ui),background-color .18s var(--ease-ui),transform 80ms var(--ease-press);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:0 10px;display:inline-flex}:where(.site) .cpy .cpy__ic{width:14px;height:14px}@media (hover:hover){:where(.site) .cpy:hover{color:var(--paper);border-color:var(--line-dark-strong)}}:where(.site) .cpy:active{transform:translateY(1px)}:where(.site) .cpy[data-state=done]{color:var(--peri-200)}:where(.site) .cpy[data-state=fail]{color:#ef8f80}:where(.site) .cpy:focus-visible{outline-color:var(--peri-200);outline-offset:0}:where(.site) .toc__list{border-top:1px solid var(--line-light);margin-top:16px;display:grid}:where(.site) .toc__list a{color:var(--grey-700);border-bottom:1px solid var(--line-light);transition:color .18s var(--ease-ui);grid-template-columns:28px minmax(0,1fr);align-items:baseline;padding:10px 0 10px 12px;font-size:14px;line-height:1.35;display:grid;position:relative}:where(.site) .toc__list a:before{content:"";background:var(--blue-500);transform-origin:0 0;width:2px;transition:transform .32s var(--ease-out);position:absolute;top:-1px;bottom:-1px;left:0;transform:scaleY(0)}:where(.site) .toc__n{font:400 11px/1 var(--mono);color:var(--grey-600);font-variant-numeric:tabular-nums;transition:color .18s var(--ease-ui)}@media (hover:hover){:where(.site) .toc__list a:hover{color:var(--ink)}}:where(.site) .toc__list a[aria-current]{color:var(--ink);font-weight:600}:where(.site) .toc__list a[aria-current]:before{transform:scaleY(1)}:where(.site) .toc__list a[aria-current] .toc__n{color:var(--blue-700)}:where(.site) .toc__list a:focus-visible{outline-offset:-2px}:where(.site) .toc--inline{border:1px solid var(--ink);background:var(--paper)}:where(.site) .toc--inline summary{cursor:pointer;align-items:center;gap:16px;min-height:52px;padding:0 16px;list-style:none;display:flex}:where(.site) .toc--inline summary::-webkit-details-marker{display:none}:where(.site) .toc--inline summary:focus-visible{outline-offset:-2px}:where(.site) .toc__count{font:400 12px/1 var(--mono);color:var(--grey-700);margin-left:auto}:where(.site) .toc__chev{transition:transform .24s var(--ease-out)}:where(.site) .toc--inline[open] .toc__chev{transform:rotate(180deg)}:where(.site) .toc--inline[open] summary{border-bottom:1px solid var(--line-light)}:where(.site) .toc--inline .toc__list{border-top:0;margin:0;padding:0 16px 8px}:where(.site) .toc--inline .toc__list li:last-child a{border-bottom:0}:where(.site) .share{gap:12px;display:grid}:where(.site) .share__row{flex-wrap:wrap;gap:8px;display:flex}:where(.site) .share__row>a,:where(.site) .share__row>.cpy{border:1px solid var(--line-light);background:var(--paper);min-height:40px;color:var(--ink);font:600 13px/1 var(--sans);letter-spacing:0;transition:border-color .18s var(--ease-ui),background-color .18s var(--ease-ui),color .18s var(--ease-ui),transform 80ms var(--ease-press);align-items:center;gap:8px;padding:0 12px;display:inline-flex}:where(.site) .share__row .ic{width:14px;height:14px}@media (hover:hover){:where(.site) .share__row>a:hover,:where(.site) .share__row>.cpy:hover{border-color:var(--ink);color:var(--ink)}}:where(.site) .share__row>a:active,:where(.site) .share__row>.cpy:active{transform:translateY(1px)}:where(.site) .share__row>.cpy[data-state=done]{border-color:var(--blue-500);color:var(--blue-700)}:where(.site) .share__row>.cpy[data-state=fail]{border-color:var(--signal-text);color:var(--signal-text)}:where(.site) .share__row>.cpy:focus-visible{outline-color:var(--blue-500);outline-offset:3px}:where(.site) .rail__by{border-top:1px solid var(--line-light);color:var(--grey-700);gap:8px;padding-top:16px;font-size:14px;display:grid}:where(.site) .rail__by b{color:var(--ink);font-weight:700}:where(.site) .art__end{border-top:2px solid var(--ink);gap:32px;max-width:68ch;margin-top:64px;padding-top:24px;font-size:clamp(17px,.4vw + 15.6px,19px);display:grid}:where(.site) .art__end>*{font-size:16px}@media (min-width:1440px){:where(.site) .art__end>*{font-size:17px}}:where(.site) .art__end-row{grid-template-columns:120px minmax(0,1fr);align-items:baseline;gap:12px 24px;display:grid}:where(.site) .art__end-row>.micro{padding-top:12px}:where(.site) .tags{flex-wrap:wrap;gap:8px;display:flex}:where(.site) .tags li{min-height:28px;font:400 12px/1 var(--mono);color:var(--grey-700);border:1px solid var(--line-light);background:var(--paper);align-items:center;padding:0 10px;display:inline-flex}:where(.site) .tags li:before{content:"#";color:var(--grey-500);margin-right:2px}@media (max-width:599px){:where(.site) .art__end-row{grid-template-columns:1fr}:where(.site) .art__end-row>.micro{padding-top:0}}:where(.site) .qa-inline{border-bottom:1px solid var(--ink);margin-block:2em}:where(.site) .qa-inline .qa__q{font-size:19px}:where(.site) .qa__a--html>*+*{margin-top:12px}:where(.site) .qa__a--html :where(p,li){max-width:62ch;color:var(--grey-700)}:where(.site) .qa__a--html ul li{padding-left:20px;position:relative}:where(.site) .qa__a--html ul li:before{content:"";background:var(--blue-500);width:6px;height:6px;position:absolute;top:.62em;left:2px}:where(.site) .vid{margin-block:2.4em}:where(.site) .vid__frame{aspect-ratio:16/9;background:var(--navy-900);border:1px solid var(--ink);position:relative;overflow:hidden}:where(.site) .vid__frame iframe,:where(.site) .vid__frame video{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}:where(.site) .vid__poster{background:var(--navy-900);cursor:pointer;width:100%;color:var(--paper);border:0;padding:0;display:block;position:absolute;inset:0}:where(.site) .vid__poster img{object-fit:cover;opacity:.82;transition:opacity .4s var(--ease-ui),transform .9s var(--ease-out)}:where(.site) .vid__poster:after{content:"";background:linear-gradient(#0d133000 40%,#0d1330b3);position:absolute;inset:0}:where(.site) .vid__key{z-index:1;background:var(--blue-500);width:64px;height:64px;transition:background-color .18s var(--ease-ui),transform 80ms var(--ease-press);place-items:center;display:grid;position:absolute;bottom:24px;left:24px;box-shadow:inset 0 1px #f3f2f229}:where(.site) .vid__key svg{width:20px;height:20px;fill:var(--paper);transform:translate(1px)}:where(.site) .vid__cta{z-index:1;font:600 12px/1 var(--sans);letter-spacing:.075em;text-transform:uppercase;color:var(--paper);position:absolute;bottom:44px;left:104px}@media (hover:hover){:where(.site) .vid__poster:hover img{opacity:1;transform:scale(1.02)}:where(.site) .vid__poster:hover .vid__key{background:var(--blue-600)}}:where(.site) .vid__poster:active .vid__key{background:var(--blue-press);transform:translateY(1px)}:where(.site) .vid__poster:focus-visible{outline:2px solid var(--blue-500);outline-offset:3px}:where(.site) .vid__cap{font:400 12px/1.5 var(--mono);color:var(--grey-700);justify-content:space-between;gap:16px;margin-top:12px;display:flex}@media (max-width:599px){:where(.site) .vid__key{width:52px;height:52px;bottom:16px;left:16px}:where(.site) .vid__cta{bottom:36px;left:84px}}:where(.site) .bcard{position:relative}:where(.site) .bcard__media{aspect-ratio:3/2;background:var(--navy-900);border:1px solid var(--line-light);width:100%;margin-bottom:24px;position:relative;overflow:hidden}:where(.site) .bcard h3 a{transition:color .18s var(--ease-ui)}@media (hover:hover){:where(.site) .bcard:hover h3 a{color:var(--blue-700)}}:where(.site) .bcard .tl{z-index:2;position:relative}:where(.site) .art-state{max-width:760px}:where(.site) .bplate{background-color:var(--navy-900);background-image:linear-gradient(#b9cbf812 1px,#0000 1px),linear-gradient(90deg,#b9cbf812 1px,#0000 1px);background-position:-1px -1px;background-size:32px 32px;align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}:where(.site) .bplate--sm{background-size:16px 16px;padding:12px}:where(.site) .bplate--sm .micro{font-size:10px}:where(.site) .bstate__links{border-top:1px solid var(--line-light);flex-wrap:wrap;gap:0 32px;width:100%;padding-top:16px;display:flex}:where(.site) .rgrid--blog>*{position:relative}:where(.site) .rgrid--blog h3 a{transition:color .18s var(--ease-ui)}:where(.site) .rgrid--blog .bcard__meta{flex-wrap:wrap;gap:4px 16px;margin-bottom:12px;display:flex}:where(.site) .rgrid--blog .bcard__meta .mono{color:var(--grey-700)}:where(.site) .rgrid--blog .bcard__date{font:400 13px/1.3 var(--mono);color:var(--grey-700);font-variant-numeric:tabular-nums}@media (hover:hover){:where(.site) .rgrid--blog>:hover h3 a{color:var(--blue-700)}:where(.site) .rgrid--blog>:hover .bcard__media img{transform:scale(1.03)}:where(.site) .rgrid--blog>:hover .tl .ic--right{transform:translate(3px,-.5px)}}:where(.site) .rgrid--blog .tl{z-index:2;position:relative}:where(.site) .art-hero .crumbs li:last-child{min-width:0;max-width:100%}:where(.site) .art-hero .crumbs li:last-child span{text-overflow:ellipsis;white-space:nowrap;max-width:44ch;display:block;overflow:hidden}@media (max-width:599px){:where(.site) .art-hero .crumbs li:last-child span{max-width:28ch}}:where(.site) .art__by{gap:4px;padding-top:8px;display:grid}:where(.site) .art__by b{font-weight:700}:where(.site) .art__by .mono{color:var(--grey-700)}:root.js:not(.nojs) .site .art__prose figure>img:not([width]):not([data-ld]){aspect-ratio:16/9;object-fit:contain}}
