html{scroll-behavior:smooth}.blog-reader{width:min(100% - 2rem,78rem);margin:0 auto;padding:clamp(6.5rem,12vw,10rem)0 clamp(4rem,8vw,7rem)}.blog-reading-progress{position:fixed;z-index:60;top:112px;left:0;width:100%;height:3px;border:0;appearance:none;background:color-mix(in oklab,var(--border) 76%,transparent)}.blog-reading-progress::-webkit-progress-bar{background:0 0}.blog-reading-progress::-webkit-progress-value{background:var(--primary);transition:width .12s linear}.blog-reading-progress::-moz-progress-bar{background:var(--primary)}.blog-reader__intro,.blog-reading-content{width:min(100%,44rem);margin-inline:auto}.blog-reader__layout{display:grid;grid-template-columns:minmax(0,1fr)}.blog-toc-desktop{display:none}.blog-meta-header{gap:.55rem .85rem;margin:0 0 2rem;padding:0 0 1.25rem;border-bottom:1px solid color-mix(in oklab,var(--border) 75%,transparent)}.blog-meta-item{font-size:.8rem;line-height:1.35;color:var(--muted-foreground)}.blog-meta-label{color:color-mix(in oklab,var(--foreground) 72%,transparent)}.blog-meta-category{color:var(--primary);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.blog-meta-item a{color:var(--foreground);text-underline-offset:.18em}.blog-meta-item a:focus-visible,.blog-toc-desktop a:focus-visible,.blog-toc-mobile a:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:.2rem}.blog-toc-mobile{width:min(100%,44rem);margin:0 auto 2.5rem;border:1px solid color-mix(in oklab,var(--primary) 34%,var(--border));border-radius:.8rem;background:color-mix(in oklab,var(--primary) 8%,transparent)}.blog-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;color:var(--foreground);cursor:pointer;font-weight:650;list-style:none}.blog-toc-mobile summary::-webkit-details-marker{display:none}.blog-toc-mobile[open] summary span{transform:rotate(45deg)}.blog-toc-mobile summary span{color:var(--primary);transition:transform .16s ease}.blog-toc-mobile__content{padding:0 .7rem .85rem}.blog-reading-content>img:first-of-type{width:100%;max-height:29rem;object-fit:cover;border-radius:1rem;margin:0 0 2.75rem;box-shadow:0 18px 38px -24px rgb(0 0 0/.72)}.blog-reading-content>h1{margin:0 0 1.6rem;color:var(--foreground);font-size:clamp(2.15rem,5vw,3.25rem);font-weight:730;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}.blog-reading-content>h2{margin:clamp(3.5rem,8vw,5.75rem)0 1.35rem;padding-top:1.5rem;border-top:1px solid color-mix(in oklab,var(--primary) 32%,transparent);color:var(--primary);font-size:clamp(1.55rem,3vw,2.15rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;scroll-margin-top:6rem}.blog-reading-content>h2:first-of-type{border-top:0;padding-top:0}.blog-reading-content>h3{margin:2.6rem 0 .85rem;color:color-mix(in oklab,var(--primary) 56%,var(--foreground));font-size:clamp(1.18rem,2vw,1.42rem);font-weight:690;line-height:1.3;scroll-margin-top:6rem}.blog-reading-content>h4{margin:2rem 0 .75rem;color:var(--muted-foreground);font-size:1.05rem;font-weight:700;scroll-margin-top:6rem}.blog-reading-content>p{margin:0 0 1.45rem;color:var(--muted-foreground);font-size:clamp(1rem,.97rem + .16vw,1.125rem);line-height:1.72;text-align:left}.blog-reading-content strong{color:var(--foreground);font-weight:700}.blog-reading-content a{color:var(--primary);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--primary) 55%,transparent);text-underline-offset:.18em}.blog-reading-content ul,.blog-reading-content ol{margin:1.6rem 0 1.8rem;padding-left:1.35rem;color:color-mix(in oklab,var(--foreground) 86%,transparent)}.blog-reading-content li{margin:.7rem 0;padding-left:.28rem;font-size:clamp(1rem,.97rem + .16vw,1.125rem);line-height:1.65}.blog-reading-content li::marker{color:var(--primary);font-weight:800}.blog-reading-content blockquote{margin:2.4rem 0;padding:1.25rem 1.35rem;border-left:3px solid var(--primary);border-radius:0 .7rem .7rem 0;background:color-mix(in oklab,var(--primary) 10%,transparent);color:var(--primary)}.blog-reading-content blockquote p{margin:0;font-size:1.04rem;line-height:1.65}.blog-reading-content table{display:block;width:100%;overflow-x:auto;margin:2.4rem 0;border:1px solid color-mix(in oklab,var(--primary) 38%,var(--border));border-radius:.75rem;border-collapse:separate;border-spacing:0;color:color-mix(in oklab,var(--foreground) 88%,transparent)}.blog-reading-content th,.blog-reading-content td{min-width:9rem;padding:.85rem 1rem;border-right:1px solid color-mix(in oklab,var(--border) 85%,transparent);border-bottom:1px solid color-mix(in oklab,var(--border) 85%,transparent);text-align:left;vertical-align:top;line-height:1.55}.blog-reading-content th:last-child,.blog-reading-content td:last-child{border-right:0}.blog-reading-content tr:last-child td{border-bottom:0}.blog-reading-content th{background:color-mix(in oklab,var(--primary) 18%,transparent);color:var(--foreground);font-weight:700}.blog-reading-content tbody tr:nth-child(even){background:color-mix(in oklab,var(--primary) 5%,transparent)}.blog-reading-content hr{margin:4rem 0}.blog-reading-content a:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:.15rem}.blog-index{padding:clamp(7rem,13vw,10rem)0 clamp(4rem,9vw,7rem)}.blog-index__container{width:min(100% - 2rem,78rem);margin:0 auto}.blog-index__header{width:min(100%,46rem);margin:0 auto clamp(3rem,7vw,5.5rem);text-align:center}.blog-index__eyebrow{margin:0 0 .75rem;color:var(--primary);font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.blog-index__title{margin:0;color:var(--foreground);font-size:clamp(2.4rem,6vw,4.25rem);font-weight:730;letter-spacing:-.04em;line-height:1.06;text-wrap:balance}.blog-index__subtitle{margin:1.35rem auto 0;color:var(--muted-foreground);font-size:clamp(1.02rem,.98rem + .2vw,1.2rem);line-height:1.65}.blog-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.blog-card{overflow:hidden;border:1px solid color-mix(in oklab,var(--border) 92%,transparent);border-radius:1rem;background:var(--card);box-shadow:0 16px 32px -29px rgb(0 0 0/.9);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--primary) 55%,var(--border));box-shadow:0 24px 42px -28px rgb(0 0 0/.8)}.blog-card__link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.blog-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--muted)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-card-content{display:flex;flex:1;flex-direction:column;padding:1.4rem}.blog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .7rem;margin-bottom:.9rem}.blog-card__category{color:var(--primary);font-size:.72rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.blog-card-date{color:var(--muted-foreground);font-size:.78rem}.blog-card-title{margin:0;color:var(--foreground);font-size:1.25rem;font-weight:700;letter-spacing:-.015em;line-height:1.28;transition:color .2s ease}.blog-card:hover .blog-card-title{color:var(--primary)}.blog-card-description{display:-webkit-box;overflow:hidden;margin:.85rem 0 1.25rem;color:var(--muted-foreground);font-size:.94rem;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card-author{display:flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:1rem;border-top:1px solid color-mix(in oklab,var(--border) 82%,transparent)}.blog-author-avatar{display:grid;width:1.9rem;height:1.9rem;place-items:center;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-size:.78rem;font-weight:750}.blog-author-name{color:var(--muted-foreground);font-size:.82rem}.blog-index__empty{padding:4rem 0;color:var(--muted-foreground);text-align:center}@media(min-width:700px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem}}@media(min-width:1100px){.blog-index__container{width:min(100% - 4rem,78rem)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}@media(min-width:1024px){.blog-reader{width:min(100% - 4rem,88rem)}.blog-reader__intro{margin-left:calc(16rem + clamp(2rem,5vw,5rem))}.blog-reader__layout{grid-template-columns:14.5rem minmax(0,44rem);justify-content:center;column-gap:clamp(2rem,5vw,5rem);align-items:start}.blog-reading-content{grid-column:2;width:44rem}.blog-toc-desktop{display:block;grid-column:1;grid-row:1;min-width:0}.blog-toc-desktop__sticky{position:sticky;top:6.5rem;max-height:calc(100vh - 8rem);overflow:auto;padding:.5rem .35rem .5rem 0}.blog-toc-desktop__label{margin:0 0 .8rem;color:var(--primary);font-size:.72rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.blog-toc-desktop #TableOfContents ul{margin:0;padding:0;list-style:none}.blog-toc-desktop #TableOfContents li{margin:.2rem 0}.blog-toc-desktop #TableOfContents ul ul{margin:.18rem 0 .18rem .65rem}.blog-toc-desktop #TableOfContents a{display:block;padding:.38rem .55rem;border-left:2px solid transparent;color:var(--muted-foreground);font-size:.82rem;line-height:1.38;text-decoration:none;transition:color .14s ease,border-color .14s ease,background .14s ease}.blog-toc-desktop #TableOfContents a:hover,.blog-toc-desktop #TableOfContents a.is-active{border-left-color:var(--primary);color:var(--foreground);background:color-mix(in oklab,var(--primary) 10%,transparent)}.blog-toc-mobile{display:none}}@media(max-width:640px){.blog-reading-progress{top:96px}.blog-reader{width:min(100% - 1.5rem,44rem);padding-top:5.75rem}.blog-meta-header{gap:.45rem .7rem}.blog-reading-content>h1{font-size:clamp(2rem,10vw,2.55rem)}.blog-reading-content>h2{margin-top:3.6rem}.blog-reading-content>img:first-of-type{margin-bottom:2.2rem;border-radius:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-toc-mobile summary span,.blog-toc-desktop #TableOfContents a{transition:none}}