.blog-post{z-index:1;position:relative}.blog-hero,.blog-post-layout,.next-blog{width:min(1360px, calc(100% - (2 * var(--page-gutter))));border:var(--os-frame);background:var(--os-paper);color:var(--os-black);box-shadow:var(--os-panel-shadow);margin-inline:auto}.blog-window-bar{border-bottom:var(--os-border);background:color-mix(in srgb, var(--accent) 70%, var(--os-chrome));min-height:44px;color:var(--on-accent);font:800 .75rem var(--mono);letter-spacing:.06em;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.55rem .75rem;display:grid}.blog-window-lights{gap:.32rem;display:flex}.blog-window-lights i{border:1px solid var(--on-accent);background:#ff7693;border-radius:50%;width:11px;height:11px}.blog-window-lights i:nth-child(2){background:#ffd365}.blog-window-lights i:nth-child(3){background:#54d69e}.blog-window-bar code{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-hero-body{padding:clamp(1.5rem,4vw,3.5rem) clamp(1.25rem,5vw,4.5rem) 0}.detail-back{border:var(--os-hairline);background:var(--os-chrome);min-height:34px;box-shadow:3px 3px 0 var(--os-black);color:var(--copy);font:800 .75rem var(--mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;padding:.45rem .65rem;display:inline-flex}.detail-back:hover,.detail-back:focus-visible{background:var(--accent);box-shadow:5px 5px 0 var(--os-black);color:var(--on-accent);transform:translate(-2px,-2px)}.blog-post-meta{color:var(--copy-muted);font:800 .75rem var(--mono);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;gap:.55rem;margin-top:clamp(1.8rem,4vw,3rem);display:flex}.blog-post-meta span{border:1px solid var(--os-border-muted);background:color-mix(in srgb, var(--accent) 14%, var(--os-white));padding:.45rem .65rem}.blog-post-meta span:first-child{border-color:color-mix(in srgb, var(--accent) 62%, var(--os-black));color:color-mix(in srgb, var(--accent) 65%, var(--os-black))}.blog-hero h1{max-width:1050px;color:var(--os-black);letter-spacing:-.04em;margin:clamp(1.5rem,3vw,2.5rem) 0 1.25rem;font-size:clamp(2.8rem,6vw,6rem);line-height:.96}.blog-hero-body>p{max-width:58rem;color:var(--copy);margin:0;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.65}.blog-highlights{border-top:var(--os-border);background:linear-gradient(120deg,#f1ebff,#eefaff 55%,#fff0f6);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(1.8rem,4vw,3rem);display:grid}.blog-highlights>div{min-width:0;padding:clamp(1.1rem,2.2vw,1.65rem)}.blog-highlights>div+div{border-left:var(--os-hairline)}.blog-highlights small{color:color-mix(in srgb, var(--accent) 72%, var(--os-black));font:800 .75rem var(--mono);letter-spacing:.1em;margin-bottom:.55rem;display:block}.blog-highlights strong{max-width:22rem;color:var(--os-black);font-size:clamp(.95rem,1.45vw,1.2rem);line-height:1.3;display:block}.blog-post-layout{width:min(960px, calc(100% - (2 * var(--page-gutter))));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 32%), var(--os-paper);margin-top:clamp(2rem,5vw,4rem);padding:clamp(2rem,6vw,5rem);overflow:hidden}.blog-article{min-width:0;max-width:47rem;margin-inline:auto}.blog-article h2{scroll-margin-top:calc(var(--header-height) + 1.5rem);color:var(--os-black);letter-spacing:-.035em;text-wrap:balance;margin:clamp(2.8rem,6vw,4.25rem) 0 0;font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.08}.blog-article h2:first-child{margin-top:0}.blog-article>p{color:var(--copy);margin:1.15rem 0 0;font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.75}.blog-article code{background:color-mix(in srgb, var(--accent) 15%, var(--os-white));font:.9em var(--mono);padding:.1em .28em}.blog-sources{border-top:var(--os-border);gap:.6rem;margin-top:clamp(3rem,6vw,4.5rem);padding-top:1.25rem;display:grid}.blog-sources>span{color:color-mix(in srgb, var(--accent) 72%, var(--os-black));font:900 .75rem var(--mono);letter-spacing:.1em;margin-bottom:.2rem}.blog-sources a{border:1px solid var(--os-border-muted);background:color-mix(in srgb, var(--accent) 7%, var(--os-white));color:var(--copy);overflow-wrap:anywhere;justify-content:space-between;gap:1rem;padding:.75rem;font-size:.9rem;line-height:1.4;display:flex}.blog-sources a:hover,.blog-sources a:focus-visible{border-color:var(--accent);color:color-mix(in srgb, var(--accent) 72%, var(--os-black))}.next-blog{background:linear-gradient(125deg,#eadfff,#e1f6ff 55%,#ffe6f1);grid-template-columns:minmax(0,1fr) auto;gap:1rem;margin-top:clamp(2rem,5vw,4rem);padding:clamp(2rem,5vw,4rem);transition:transform .16s,box-shadow .16s;display:grid}.next-blog:before{border:var(--os-hairline);background:var(--accent);width:fit-content;color:var(--on-accent);content:"NEXT ARTICLE";font:900 .75rem var(--mono);letter-spacing:.08em;grid-column:1/-1;padding:.4rem .55rem}.next-blog span{display:none}.next-blog strong{max-width:60rem;color:var(--os-black);letter-spacing:-.04em;font-size:clamp(1.8rem,4vw,4rem);line-height:1}.next-blog>b{color:color-mix(in srgb, var(--accent) 75%, var(--os-black));align-self:end;font-size:2rem}.next-blog:hover,.next-blog:focus-visible{box-shadow:inset 2px 2px var(--os-white), 13px 13px 0 var(--shell-shadow), 17px 17px 0 var(--os-black);transform:translate(-4px,-4px)}@media (width<=700px){.blog-highlights{grid-template-columns:1fr}.blog-highlights>div+div{border-top:var(--os-hairline);border-left:0}.blog-window-bar>b{display:none}.blog-window-bar{grid-template-columns:auto minmax(0,1fr)}}@media (width<=520px){.blog-hero,.blog-post-layout,.next-blog{width:calc(100% - (2 * var(--page-gutter)));box-shadow:inset 2px 2px var(--os-white), 6px 6px 0 var(--shell-shadow), 9px 9px 0 var(--os-black)}.blog-window-bar code{text-align:left}.blog-hero h1{overflow-wrap:anywhere;font-size:clamp(2.5rem,13vw,3.7rem);line-height:.98}.blog-post-meta{flex-direction:column;align-items:flex-start}.blog-post-layout{padding:1.5rem 1.1rem 2.25rem}.blog-article h2{overflow-wrap:anywhere}.next-blog{padding:1.5rem}}