@layer theme,base;@layer components{.ba-page{--blog-anchor-offset:12px;position:relative;overflow-x:clip}.ba-grid{grid-template-columns:[full-start] minmax(var(--blog-gutter), 1fr) [text-start] minmax(0, var(--blog-measure)) [text-end] minmax(var(--blog-gutter), 1fr) [full-end];padding-top:max(36px,min(6vw,84px));display:grid}.ba-grid>*{grid-column:text;min-width:0}.ba-rail-slot{display:none}.ba-main{margin-top:max(36px,min(5.5vw,72px))}@media (min-width:1280px){.ba-page{--blog-anchor-offset:28px}.ba-page[data-toc=true] .ba-grid{--blog-breakout:min(192px, max(0px, 100cqi - 2 * var(--blog-gutter) - var(--blog-measure) - 264px));grid-template-columns:[full-start] minmax(var(--blog-gutter), 1fr) [rail-start] 208px [rail-end] 56px [text-start] minmax(0, var(--blog-measure)) [text-end] var(--blog-breakout) [wide-end] minmax(var(--blog-gutter), 1fr) [full-end]}.ba-page[data-toc=true] .ba-hero{grid-column:text-start/wide-end}.ba-page[data-toc=true] .ba-rail-slot{grid-area:2/rail;margin-top:max(36px,min(5.5vw,72px));padding-bottom:max(200px,min(28vh,320px));display:block}.ba-page[data-toc=true] .ba-main{grid-row:2}}.ba-hero{text-align:left}.ba-crumbs{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:max(18px,min(2.4vw,26px));display:flex}.ba-crumb-link{font-family:var(--wc-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--wc-slate);font-size:11.5px;font-weight:600;transition:color .18s}.ba-crumb-link:hover{color:var(--wc-ink)}.ba-crumb-sep{font-family:var(--wc-font-mono);color:color-mix(in srgb, var(--wc-slate) 55%, transparent);font-size:12px}.ba-title{font-family:var(--wc-font-display);letter-spacing:-.028em;color:var(--wc-ink);text-wrap:balance;max-width:none;font-size:max(2.2rem,min(1.45rem + 2.9vw,3.5rem));font-weight:650;line-height:1.06}.ba-excerpt{max-width:var(--blog-measure);color:var(--wc-slate);text-wrap:pretty;margin-top:max(16px,min(2vw,22px));font-size:max(1.125rem,min(1.02rem + .42vw,1.3rem));line-height:1.55}.ba-byline{align-items:center;gap:14px;margin-top:max(24px,min(3vw,34px));display:flex}.ba-byline-avatar{object-fit:cover;width:44px;height:44px;box-shadow:0 0 0 1px var(--wc-hairline), 0 0 0 3px var(--wc-bg), 0 0 0 4px color-mix(in srgb, var(--wc-indigo) 30%, transparent);border-radius:50%;flex:none}.ba-byline-text{gap:3px;min-width:0;display:grid}.ba-byline-name{flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:.95rem;line-height:1.3;display:flex}.ba-byline-name a{color:var(--wc-ink);font-weight:650;transition:color .18s}.ba-byline-name a:hover{color:var(--wc-indigo-text)}.ba-byline-role{color:var(--wc-slate);font-size:.875rem}@media (max-width:559px){.ba-byline{grid-template-columns:40px minmax(0,1fr);gap:12px;display:grid}.ba-byline-avatar{width:40px;height:40px}.ba-byline-text{display:contents}.ba-byline-name{align-self:center}.ba-byline .wc-blog-meta{letter-spacing:0;grid-column:1/-1;gap:4px 8px;font-size:11.5px}.ba-byline .wc-blog-meta>*+:before{margin-right:8px}.ba-byline .wc-blog-meta:has(.ba-meta-updated) .ba-meta-read{flex-basis:100%}.ba-byline .wc-blog-meta:has(.ba-meta-updated) .ba-meta-read:before{content:none}}.ba-prose{max-width:var(--blog-measure)}.ba-toc-label{font-family:var(--wc-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--wc-slate);margin-bottom:14px;font-size:10.5px;font-weight:600}.ba-toc-list{gap:1px;display:grid}.ba-toc-list a{color:var(--wc-slate);text-wrap:pretty;padding:6px 0 6px 16px;font-size:.875rem;line-height:1.4;transition:color .2s,border-color .2s,background-color .2s;display:block}.ba-toc-list [data-depth="3"] a{padding-left:30px;font-size:.8125rem}.ba-toc-list a:hover{color:var(--wc-ink)}.ba-toc-list a[aria-current=location]{color:var(--wc-ink);font-weight:600}.ba-rail{top:calc(var(--blog-nav-h) + 40px);max-height:calc(100vh - var(--blog-nav-h) - 80px);overscroll-behavior:contain;scrollbar-width:thin;padding:2px 8px 8px 0;transition:opacity .2s,visibility linear;position:-webkit-sticky;position:sticky;overflow-y:auto}.ba-rail[data-away=true]{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}.ba-rail .ba-toc-list{border-left:1px solid var(--wc-hairline)}.ba-rail .ba-toc-list a{border-left:2px solid #0000;margin-left:-1px}.ba-rail .ba-toc-list a[aria-current=location]{border-left-color:var(--wc-indigo)}.ba-tocbar{top:var(--blog-nav-h);z-index:20;margin:0 calc(-1 * var(--blog-gutter)) clamp(28px, 4vw, 40px);position:-webkit-sticky;position:sticky}@media (min-width:1280px){.ba-tocbar{display:none}}.ba-tocbar-btn{width:100%;min-height:46px;padding:10px var(--blog-gutter);border-bottom:1px solid var(--wc-hairline);background:color-mix(in srgb, var(--wc-bg) 94%, transparent);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);text-align:left;color:var(--wc-ink);align-items:center;gap:12px;display:flex}.ba-tocbar-label{font-family:var(--wc-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--wc-indigo-text);flex:none;font-size:10.5px;font-weight:600}.ba-tocbar-current[data-idle]{color:var(--wc-slate);font-weight:450}.ba-tocbar-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--wc-ink);flex:1;font-size:.875rem;font-weight:550;overflow:hidden}.ba-tocbar-count{font-family:var(--wc-font-mono);color:var(--wc-slate);flex:none;font-size:11px}.ba-tocbar-chev{color:var(--wc-slate);transition:transform .25s var(--ease-hand);flex:none}.ba-tocbar-btn[aria-expanded=true] .ba-tocbar-chev{transform:rotate(180deg)}.ba-tocbar-panel{overscroll-behavior:contain;max-height:min(62vh,440px);padding:10px max(8px, calc(var(--blog-gutter) - 16px)) 14px;border-bottom:1px solid var(--wc-hairline);background:var(--wc-bg);box-shadow:0 18px 40px -18px color-mix(in srgb, var(--wc-ink) 30%, transparent);position:absolute;top:100%;bottom:auto;left:0;right:0;overflow-y:auto}.ba-tocbar-panel[hidden]{display:none}.ba-tocbar-panel a{border-radius:8px;padding-top:9px;padding-bottom:9px}.ba-tocbar-panel a[aria-current=location]{background:color-mix(in srgb, var(--wc-indigo) 8%, transparent)}@media (min-width:640px){.ba-tocbar{top:var(--blog-nav-h);margin-left:0;margin-right:0;padding-top:10px}.ba-tocbar:before{content:"";background:color-mix(in srgb, var(--wc-bg) 94%, transparent);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);pointer-events:none;width:100vw;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ba-tocbar-btn{border:1px solid var(--wc-hairline);box-shadow:var(--wc-shadow-card);border-radius:12px;padding:10px 16px}.ba-tocbar-panel{border:1px solid var(--wc-hairline);box-shadow:var(--wc-shadow-card-hover);border-radius:12px;padding:10px 0 12px;top:calc(100% + 6px);bottom:auto;left:0;right:0}.ba-tocbar-panel .ba-toc-list a{margin-left:8px;margin-right:8px}}.ba-progress{z-index:39;transform-origin:0;background:linear-gradient(90deg, var(--wc-indigo-deep), var(--wc-indigo));opacity:0;pointer-events:none;height:2px;transition:opacity .3s;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.ba-progress[data-on=true]{opacity:1}.ba-author{border:1px solid var(--wc-card-border);background:var(--wc-surface-1);box-shadow:var(--wc-shadow-card);text-align:left;border-radius:16px;grid-template-columns:72px minmax(0,1fr);gap:20px;margin-top:max(56px,min(7vw,88px));padding:max(22px,min(3vw,30px));display:grid}.ba-author-photo{object-fit:cover;width:72px;height:72px;box-shadow:0 0 0 1px var(--wc-hairline);border-radius:50%}.ba-author-kicker{font-family:var(--wc-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--wc-indigo-text);font-size:10.5px;font-weight:600}.ba-author-name{font-family:var(--wc-font-display);letter-spacing:-.012em;margin-top:6px;font-size:1.3rem;font-weight:650;line-height:1.2}.ba-author-name a{color:var(--wc-ink);transition:color .18s}.ba-author-name a:hover{color:var(--wc-indigo-text)}.ba-author-role{color:var(--wc-slate);margin-top:2px;font-size:.875rem}.ba-author-bio{color:var(--blog-text);text-wrap:pretty;margin-top:12px;font-size:.97rem;line-height:1.62}.ba-author-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.ba-author-links a{border:1px solid var(--wc-hairline);color:var(--wc-slate);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:.8125rem;font-weight:550;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.ba-author-links a:hover{color:var(--wc-ink);border-color:var(--wc-card-border-hover);background:color-mix(in srgb, var(--wc-indigo) 6%, transparent)}@media (max-width:479px){.ba-author{grid-template-columns:56px minmax(0,1fr);gap:16px}.ba-author-photo{grid-row:span 3;align-self:center;width:56px;height:56px}.ba-author-body{display:contents}.ba-author-kicker,.ba-author-name,.ba-author-role{grid-column:2;margin-top:0}.ba-author{row-gap:2px}.ba-author-bio,.ba-author-links{grid-column:1/-1}.ba-author-bio{margin-top:14px}}.ba-more{width:min(var(--blog-wide-max), calc(100% - 2 * var(--blog-gutter)));text-align:left;margin:max(80px,min(10vw,136px)) auto 0}.ba-more-head{border-bottom:1px solid var(--wc-hairline);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:max(22px,min(3vw,32px));padding-bottom:18px;display:flex}.ba-more-title{font-family:var(--wc-font-display);letter-spacing:-.02em;color:var(--wc-ink);font-size:max(1.5rem,min(1.2rem + 1vw,1.95rem));font-weight:650}.ba-more-all{color:var(--wc-indigo-text);flex:none;font-size:.92rem;font-weight:600}.ba-more-all:hover{text-underline-offset:3px;text-decoration:underline}.ba-more-grid{gap:max(24px,min(3vw,36px));display:grid}@media (min-width:640px){.ba-more[data-count="2"] .ba-more-grid,.ba-more[data-count="3"] .ba-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.ba-more[data-count="3"] .ba-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ba-card{color:inherit;gap:16px;display:grid}.ba-card-cover{border-radius:12px;display:block}.ba-card-cover img{transition:transform .6s var(--ease-hand)}.ba-card:hover .ba-card-cover img{transform:scale(1.025)}.ba-card-body{align-content:start;gap:8px;display:grid}.ba-card-title{font-family:var(--wc-font-display);letter-spacing:-.012em;color:var(--wc-ink);text-wrap:balance;font-size:1.2rem;font-weight:650;line-height:1.25;transition:color .18s}.ba-card:hover .ba-card-title{color:var(--wc-indigo-text)}@media (min-width:640px){.ba-more[data-count="1"] .ba-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:max(24px,min(3.5vw,44px))}.ba-more[data-count="1"] .ba-card-title{font-size:max(1.35rem,min(1.1rem + .8vw,1.7rem))}}@media (max-width:639px){.ba-card{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px}.ba-card-cover{border-radius:8px}.ba-card-title{font-size:1.02rem}.ba-card .wc-blog-category{font-size:10px}}@media (max-width:399px){.ba-card .wc-blog-meta>:last-child{flex-basis:100%}.ba-card .wc-blog-meta>:last-child:before{content:none}}.ba-lost{width:min(var(--blog-measure), calc(100% - 2 * var(--blog-gutter)));text-align:left;margin:0 auto;padding-top:max(56px,min(9vw,120px))}.ba-lost .ba-excerpt{margin-bottom:28px}html:has(.ba-page){scroll-padding-top:calc(var(--blog-nav-h,57px) + 8px)}@media (max-width:1279.98px){html:has(.ba-page[data-toc=true]){scroll-padding-top:calc(var(--blog-nav-h,57px) + 47px + 8px)}}@media (min-width:640px) and (max-width:1279.98px){html:has(.ba-page[data-toc=true]){scroll-padding-top:calc(var(--blog-nav-h,62px) + 10px + 47px + 8px)}}@media (prefers-reduced-motion:reduce){.ba-progress,.ba-rail,.ba-rail[data-away=true],.ba-tocbar-chev,.ba-card-cover img,.ba-toc-list a{transition:none}.ba-card:hover .ba-card-cover img{transform:none}}}@layer utilities;
