.cl .bl-page .bl-thumb.cl-card-art{width:100%;height:100%;transition:filter .3s var(--cl-ease-standard);place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.cl .bl-page .bl-thumb.cl-card-art.is-image{background:var(--cl-tint)}.cl .bl-page .bl-thumb .bl-thumb-mark{width:38%;height:auto}.cl .bl-page .ed-card:is(:hover,:focus-within) .bl-thumb{filter:brightness(1.08)}.cl .bl-page .bl-thumb.is-image img{mix-blend-mode:multiply}.cl .bl-page .ed-card-title{-webkit-line-clamp:4;font-size:22px;line-height:26px}.cl .bl-page .bl-art{container-type:size}.cl .bl-page .bl-art-tile{aspect-ratio:1;width:min(28cqw,30.1cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:1024px){.cl .bl-page .bl-hero-long .co-h1{letter-spacing:-.02em;font-size:48px;line-height:52px}}.cl .bl-page .co-hero-actions .ed-controls{max-width:420px;margin-left:0}.cl .bl-page .ed-feature{transition:background-color .3s}.cl .bl-page .ed-feature:is(:hover,:focus-within){background:var(--cl-tint)}.cl .bl-page .ed-feature:before,.cl .bl-page .ed-feature:after{content:"";z-index:2;border:0 solid var(--cl-accent);opacity:0;width:10px;height:10px;transition:opacity .25s, transform .4s var(--cl-ease-expo);pointer-events:none;position:absolute;top:8px}.cl .bl-page .ed-feature:before{border-top-width:1px;border-left-width:1px;left:8px;transform:translate(6px,6px)}.cl .bl-page .ed-feature:after{border-top-width:1px;border-right-width:1px;right:8px;transform:translate(-6px,6px)}.cl .bl-page .ed-feature:is(:hover,:focus-within):before,.cl .bl-page .ed-feature:is(:hover,:focus-within):after{opacity:1;transform:none}.cl .bl-page .ed-feature .ed-card-foot{flex-direction:column;align-items:stretch;gap:8px}.cl .bl-page .ed-feature .ed-time{text-align:left;color:var(--cl-text-tertiary);font-weight:500}@media (min-width:1024px){.cl .bl-page .ed-feature-body{padding:40px}}.cl .bl-page .ed-meta-cell .ed-meta-value{width:100%;display:block}.cl .bl-page .bl-meta-end{justify-content:space-between;align-items:center;gap:16px;display:flex}.cl .bl-page .bl-meta-end .ed-share-btn{margin:0 -8px 0 0}.cl .bl-page .bl-cover,.cl .bl-page .bl-prose,.cl .bl-page .bl-toc-inline{max-width:760px}.cl .bl-page .bl-toc-inline .ed-toc{margin-bottom:32px;padding:0 0 32px}.cl .bl-page .bl-prose h3{scroll-margin-top:104px}.cl .bl-page .bl-prose blockquote{border-left:1px solid var(--cl-line);color:var(--cl-ink)}.cl .bl-page .bl-prose blockquote p:last-child{margin-bottom:0}.cl .bl-page .bl-prose blockquote cite{font:500 12px/16px var(--cl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cl-text-tertiary);margin-top:12px;font-style:normal;display:block}.cl .bl-page .bl-prose figure,.cl .bl-page .bl-prose .wp-block-image{max-width:100%;width:auto!important}.cl .bl-page .bl-prose img{display:block;max-width:100%!important;height:auto!important}.cl .bl-page .bl-prose [style*=width]:not(img){max-width:100%}.cl .bl-page .bl-prose .wp-block-embed__wrapper{aspect-ratio:16/9;position:relative}.cl .bl-page .bl-prose .wp-block-embed__wrapper iframe{border:1px solid var(--cl-line-light);width:100%;height:100%;position:absolute;inset:0}.cl .bl-page .bl-prose table{max-width:100%;display:block;overflow-x:auto}.cl .bl-page .bl-prose .wp-block-table table,.cl .bl-page .bl-prose figure table{display:table}.cl .bl-page .bl-prose .wp-block-table{max-width:100%}.cl .bl-page .bl-prose pre{white-space:pre;max-width:100%}.cl .bl-page .bl-prose pre code{font-size:inherit;background:0 0;padding:0}.cl .bl-page .bl-prose :not(pre)>code{overflow-wrap:anywhere}.cl .bl-page .ed-card .ed-card-top{flex-direction:column-reverse;align-items:stretch;gap:24px}.cl .bl-page .ed-card .ed-thumb{aspect-ratio:1200/630;width:100%;height:auto}.cl .bl-page .ed-card .bl-thumb.cl-card-art{clip-path:none;border-radius:0;-webkit-mask:none;mask:none}.cl .bl-page .ed-card .bl-thumb.is-image img{mix-blend-mode:normal;object-fit:contain}.cl .bl-page .ed-card .ed-thumb:after{content:"";z-index:1;border:1px solid var(--cl-line);pointer-events:none;position:absolute;inset:0}.cl .bl-listing-art .bl-sheet{fill:color-mix(in srgb, var(--cl-accent) 5%, var(--cl-bg-light,var(--cl-white)));stroke:color-mix(in srgb, var(--cl-accent) 45%, transparent);stroke-width:1px}.cl .bl-listing-art .bl-sheet-back{fill:var(--cl-bg-light,var(--cl-white));stroke:var(--cl-accent);stroke-opacity:calc(var(--o) * .4)}.cl .bl-listing-art .bl-hex{fill:var(--cl-accent)}.cl .bl-listing-art .bl-title{stroke:var(--cl-accent);stroke-width:6px;stroke-opacity:.9}.cl .bl-listing-art .bl-title.is-second{stroke-opacity:.45}.cl .bl-listing-art .bl-body{stroke:var(--cl-accent);stroke-width:3px;stroke-opacity:.25}.cl .bl-listing-art :is(.bl-title,.bl-body){stroke-dasharray:1;animation:bl-write 10s cubic-bezier(.45, 0, .2, 1) calc(var(--i) * .32s) infinite both}.cl .bl-listing-art .bl-hex{animation:bl-pop 10s ease calc(var(--i) * .32s) infinite both}@keyframes bl-write{0%{stroke-dashoffset:1px}8%,82%{stroke-dashoffset:0}92%,to{stroke-dashoffset:-1px}}@keyframes bl-pop{0%{opacity:0}5%,84%{opacity:1}92%,to{opacity:0}}.cl .bl-listing-art[data-still] :is(.bl-title,.bl-body){stroke-dashoffset:0}.cl .bl-page .ed-feature-body .ed-feature-lead{margin-top:-12px}.cl .bl-page .ed-feature-body>:last-child{margin-top:auto}.cl .bl-page .ed-card .ed-card-excerpt{margin-top:-16px}.cl .bl-page .ed-card .ed-card-foot{margin-top:auto}@media (min-width:1024px){.cl .bl-page .ed-feature-title{font-size:32px;line-height:40px}.cl .bl-page .ed-feature{min-height:0}}.cl .bl-page .ed-feature .ed-frame-wrap{padding:0}.cl .bl-page .ed-feature .ed-frame{aspect-ratio:auto;border:0;height:100%}.cl .bl-page .ed-feature .ed-frame img{object-fit:cover;object-position:left center}@media (min-width:1024px){.cl .bl-page .ed-feature .ed-frame-wrap{position:absolute;inset:0}}.cl .bl-page .bl-hero-cover{background:var(--cl-tint);height:calc(100% + 16px);min-height:240px;margin:-8px 0;position:relative}.cl .bl-page .bl-hero-cover img{padding:0}.cl .bl-page .ed-card .ed-card-title{font:500 20px/26px var(--cl-font-display);letter-spacing:-.01em;-webkit-line-clamp:unset}.cl .bl-page .ed-card .ed-card-excerpt{font-size:14px;line-height:20px}@media (min-width:1024px){.cl .bl-page .ed-longread{grid-template-columns:calc(33.3333% + 1px) minmax(0,1fr)}}@media (min-width:768px) and (max-width:1023px){.cl .bl-page .ed-meta{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.cl .bl-page .ed-meta-cell:nth-child(3){border-left:0;border-top:1px solid var(--cl-line-light);grid-column:1/-1}}.cl .bl-page .bl-meta-end>span{white-space:nowrap}@property --bl-table-fade{syntax:"<length>";inherits:false;initial-value:0}@supports (animation-timeline:scroll()){.cl .bl-page .bl-prose .wp-block-table{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--bl-table-fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--bl-table-fade)), transparent);animation:linear both bl-table-fade;animation-timeline:scroll(self x)}}@keyframes bl-table-fade{0%{--bl-table-fade:48px}92%{--bl-table-fade:48px}to{--bl-table-fade:0px}}.cl .bl-page :is(.ed-toc-index,.ed-prose thead th,.ed-prose table:not(:has(thead)) tr:first-child>*){color:var(--cl-ink-ui)}
