.blog-shell{--blog-edge:color-mix(in srgb,var(--os-forest-deep) 24%,var(--os-line));--blog-shadow:0 5px 0 var(--blog-edge),0 16px 32px -18px var(--os-forest-deep);color:var(--os-ink);width:min(100% - 3rem,1240px)}.blog-shell .blog-hero{margin-top:1rem;position:relative;isolation:isolate;overflow:hidden;padding:clamp(1.5rem,5vw,4rem);border:1px solid var(--os-forest);border-radius:var(--radius-window);background:radial-gradient(ellipse at top right,var(--os-forest),transparent 65%),var(--os-forest-deep);box-shadow:var(--blog-shadow),inset 0 1px 0 color-mix(in srgb,var(--os-surface) 25%,transparent)}.blog-shell .blog-hero:after{content:"";position:absolute;z-index:-1;width:26rem;height:26rem;right:-10rem;bottom:-17rem;border:2.5rem solid color-mix(in srgb,var(--os-surface) 9%,transparent);border-radius:50%;box-shadow:0 0 0 3rem color-mix(in srgb,var(--os-surface) 4%,transparent);pointer-events:none}.blog-shell .blog-hero h1{color:var(--os-surface);font-size:clamp(2.3rem,5.4vw,4.5rem);line-height:1.08;letter-spacing:-.035em;margin-block:1rem}.blog-shell .blog-hero h1 span:first-child{white-space:normal}.blog-shell .blog-hero .eyebrow{color:var(--os-emerald-bright)}.blog-shell .blog-hero .lede{max-width:58ch;color:color-mix(in srgb,var(--os-surface) 85%,var(--os-forest-deep));line-height:1.65}.blog-shell .blog-hero__actions{margin-top:1.75rem;gap:1rem}.blog-shell .blog-hero__actions a{background:var(--os-surface);color:var(--os-forest-deep);border:1px solid var(--os-line);box-shadow:0 4px 0 var(--blog-edge),0 8px 16px var(--os-line-subtle)}.blog-shell .blog-hero__actions .ghost-button{background:var(--os-forest-deep);color:var(--os-surface);border-color:color-mix(in srgb,var(--os-surface) 40%,transparent)}.blog-shell .blog-browser{margin-top:2rem;gap:1rem}.blog-shell #blog-browser{scroll-margin-top:8rem}.blog-shell .blog-browser__toolbar{padding:1.25rem;border:1px solid var(--os-line);border-radius:var(--radius-card);background:var(--os-surface);box-shadow:0 3px 0 var(--os-line),0 10px 24px var(--os-line-subtle)}.blog-shell .blog-category-select__label,.blog-shell .blog-search__label{color:var(--os-forest-deep);letter-spacing:.08em}.blog-shell .blog-category-select select,.blog-shell .blog-search input{width:100%;min-width:0;font-size:1rem;border-color:var(--os-line);border-radius:var(--radius-button);background:var(--os-surface-subtle);color:var(--os-ink);box-shadow:inset 0 2px 3px var(--os-line-subtle)}.blog-shell .blog-category-select select{appearance:auto;padding-right:1rem}.blog-shell .blog-browser__summary{color:var(--os-muted);font-size:.875rem}.blog-shell .blog-grid{margin-top:.25rem;gap:1.5rem}.blog-shell .blog-card,.blog-shell .blog-card-link{min-width:0;display:flex}.blog-shell .blog-card{flex-direction:column;width:100%;padding:1rem;border:1px solid var(--blog-edge);border-radius:var(--radius-window);background:linear-gradient(150deg,var(--os-surface),var(--os-surface-subtle));box-shadow:var(--blog-shadow),inset 0 1px 0 var(--os-surface);transition:transform .16s ease,box-shadow .16s ease}.blog-shell .blog-card__image{border-radius:var(--radius-card);border-color:var(--os-line);box-shadow:0 3px 8px var(--os-line-subtle)}.blog-shell .blog-card__image img{aspect-ratio:16/10;object-fit:cover}.blog-shell .blog-card__category{align-self:flex-start;width:fit-content;max-width:100%;padding:.4rem .65rem;color:var(--os-forest-deep);background:var(--os-forest-soft);border-color:var(--os-line);font-size:.7rem;font-weight:700;letter-spacing:.06em}.blog-shell .blog-card h2,.blog-shell .blog-card h3{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.22;color:var(--os-forest-deep);margin-block:.85rem .5rem;overflow-wrap:anywhere}.blog-shell .blog-card p{color:var(--os-muted);font-size:.95rem;line-height:1.65}.blog-shell .blog-card__meta{color:var(--os-muted);font-size:.8rem;margin-top:auto;padding-top:1rem;justify-content:space-between}.blog-shell .blog-card__keywords span{color:var(--os-muted);background:var(--os-surface-deep);border-color:var(--os-line)}.blog-shell .blog-card .text-button{color:var(--os-forest);border-top:1px solid var(--os-line);border-radius:0;padding:.85rem 0 .25rem;margin-top:1rem;font-size:.9rem;font-weight:700}.blog-shell .blog-pager{justify-content:center;gap:1rem;margin-block:1rem}.blog-shell .blog-backlink,.blog-shell .blog-cta .primary-button,.blog-shell .blog-outline__link,.blog-shell .blog-pager button{min-height:44px;border:1px solid var(--blog-edge);border-radius:var(--radius-button);background:var(--os-surface);color:var(--os-forest-deep);box-shadow:0 3px 0 var(--os-line),0 6px 12px var(--os-line-subtle)}.blog-shell .blog-cta .primary-button,.blog-shell .blog-pager .primary-button{background:var(--os-forest);color:var(--os-surface)}.blog-shell .blog-pager button:disabled{background:var(--os-surface-deep);color:var(--os-muted);box-shadow:none;opacity:1;cursor:not-allowed}.blog-shell :is(a,button,input,select):focus-visible{outline:3px solid var(--os-forest);outline-offset:5px}.blog-shell .blog-hero a:focus-visible{outline-color:var(--os-emerald-bright)}.blog-shell .blog-empty{background:var(--os-surface);border-color:var(--blog-edge)}.blog-shell.blog-shell--article{width:min(100% - 3rem,1120px)}.blog-shell .blog-article{margin-top:1rem;padding:clamp(1.25rem,4vw,3.5rem);background:var(--os-surface-subtle);border:1px solid var(--blog-edge);border-radius:var(--radius-window);box-shadow:var(--blog-shadow)}.blog-shell .blog-article__header h1{font-size:clamp(2rem,4.7vw,4rem);line-height:1.12;color:var(--os-forest-deep)}.blog-shell .blog-article__header .lede{color:var(--os-muted);line-height:1.7}.blog-shell .blog-article__image{border-color:var(--os-line);box-shadow:var(--blog-shadow);margin-bottom:1rem}.blog-shell .blog-article__meta{color:var(--os-muted)}.blog-shell :is(.blog-takeaways,.blog-outline,.blog-faq,.blog-references,.blog-cta,.blog-related){background:var(--os-surface);border:1px solid var(--os-line);border-radius:var(--radius-card);box-shadow:0 3px 0 var(--os-line),0 10px 24px var(--os-line-subtle)}.blog-shell .blog-takeaways{background:var(--os-forest-soft);border-left:4px solid var(--os-forest)}.blog-shell .blog-faq__item{background:var(--os-surface-subtle);border-color:var(--os-line)}.blog-shell .blog-article .eyebrow{color:var(--os-forest)}.blog-shell .blog-article__body{max-width:72ch;margin-inline:auto;gap:2.5rem}.blog-shell .blog-article__section{scroll-margin-top:2rem}.blog-shell .blog-article__section h2{line-height:1.2;color:var(--os-forest-deep)}.blog-shell .blog-article__body :is(p,li){color:var(--os-ink);line-height:1.85;font-size:1.0625rem;overflow-wrap:anywhere}.blog-shell .blog-article__body a,.blog-shell .blog-references a{color:var(--os-forest);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.blog-shell .blog-article__diagram{background:var(--os-surface);border-color:var(--os-line)}.blog-shell .blog-related .blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-shell .blog-related .blog-card .text-button{margin-top:auto}@media (hover:hover) and (prefers-reduced-motion:no-preference){.blog-shell .blog-card-link:hover .blog-card{transform:translateY(-4px);box-shadow:0 8px 0 var(--blog-edge),0 24px 32px -20px var(--os-forest-deep)}}.blog-shell .blog-card-link:active .blog-card{transform:translateY(2px);box-shadow:0 2px 0 var(--blog-edge)}@media (max-width:1000px){.blog-shell .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.blog-shell,.blog-shell.blog-shell--article{width:calc(100% - 1.5rem);padding-top:.75rem}.blog-shell .blog-hero{padding:1.5rem}.blog-shell .blog-hero__actions a{flex:1 1 100%;text-align:center;justify-content:center}.blog-shell .blog-browser__toolbar{padding:1rem}.blog-shell :is(.blog-search,.blog-category-select){min-width:0;flex:1 1 100%}.blog-shell .blog-grid,.blog-shell .blog-outline__grid,.blog-shell .blog-related .blog-grid{grid-template-columns:minmax(0,1fr)}.blog-shell .blog-card h2,.blog-shell .blog-card h3{font-size:1.4rem}.blog-shell :is(.blog-takeaways,.blog-outline,.blog-faq,.blog-references,.blog-cta,.blog-related){padding:1rem}.blog-shell .blog-pager button{flex:1 1}}@media (prefers-reduced-motion:reduce){.blog-shell .blog-card-link .blog-card{transition:none;transform:none}}