.arch-row[data-astro-cid-gasnvg2g]{border:1px solid var(--border);border-radius:14px;padding:14px 18px;background:var(--surface);display:flex;flex-direction:column;gap:6px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.arch-row[data-astro-cid-gasnvg2g]:hover{border-color:color-mix(in oklab,var(--accent) 45%,var(--border));background:color-mix(in oklab,var(--accent) 6%,var(--surface));transform:translate(2px)}.arch-label[data-astro-cid-gasnvg2g]{display:flex;align-items:baseline;gap:10px}.arch-name[data-astro-cid-gasnvg2g]{font-weight:600;color:var(--ink);font-size:1rem}.arch-why[data-astro-cid-gasnvg2g]{color:var(--muted);font-size:.875rem;line-height:1.55;margin:0}@media(min-width:640px){.arch-row[data-astro-cid-gasnvg2g]{padding:16px 22px}}.related-carousel[data-astro-cid-lfxrse2a]{position:relative;margin-left:calc(-1 * var(--shell-pad, 24px));margin-right:calc(-1 * var(--shell-pad, 24px));padding:4px 0 16px}@media(min-width:640px){.related-carousel[data-astro-cid-lfxrse2a]{margin-left:-32px;margin-right:-32px}}@media(min-width:1024px){.related-carousel[data-astro-cid-lfxrse2a]{margin-left:-40px;margin-right:-40px}}.related-track[data-astro-cid-lfxrse2a]{list-style:none;padding:4px 24px 16px;margin:0;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media(min-width:640px){.related-track[data-astro-cid-lfxrse2a]{padding-left:32px;padding-right:32px}}@media(min-width:1024px){.related-track[data-astro-cid-lfxrse2a]{padding-left:40px;padding-right:40px;gap:20px}}.related-slide[data-astro-cid-lfxrse2a]{flex:0 0 calc(100% - 24px);scroll-snap-align:start;min-width:0}@media(min-width:640px){.related-slide[data-astro-cid-lfxrse2a]{flex-basis:calc(50% - 10px)}}@media(min-width:1024px){.related-slide[data-astro-cid-lfxrse2a]{flex-basis:calc(33.333% - 14px)}}.related-slide[data-astro-cid-lfxrse2a]>[data-astro-cid-lfxrse2a]{height:100%}.case-body-grid{display:block}@media(min-width:1024px){.case-body-grid{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:56px;align-items:start}}.prose-case{color:var(--muted);font-size:1rem;line-height:1.75;max-width:56rem}.prose-case h2{scroll-margin-top:120px}@media(min-width:1024px){.prose-case h2{scroll-margin-top:96px}}@media(min-width:640px){.prose-case{font-size:1.0625rem;line-height:1.8}}.prose-case h2{color:var(--accent-label);font-family:Fraunces,ui-serif,serif;font-size:1.875rem;font-weight:600;line-height:1.2;letter-spacing:-.015em;margin-top:3rem;margin-bottom:.75rem}.prose-case h3{color:var(--ink);font-size:1.2rem;font-weight:600;line-height:1.3;margin-top:2rem;margin-bottom:.5rem}.prose-case p{margin-top:.75rem}.prose-case ul,.prose-case ol{list-style:disc;padding-left:1.25rem;margin-top:.75rem}.prose-case ol{list-style:decimal}.prose-case li{margin-top:.4rem}.prose-case strong{color:var(--ink)}.prose-case code{background:var(--raised);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.85em;font-family:JetBrains Mono,ui-monospace,monospace}.prose-case a{color:var(--accent-label);text-decoration:underline;text-underline-offset:3px}.prose-case blockquote{border-left:3px solid color-mix(in oklab,var(--accent) 60%,var(--border));margin-left:0;padding-left:1.25rem;font-style:italic;color:var(--ink)}.prose-case img{border-radius:14px;border:1px solid var(--border);width:100%;height:auto;margin-top:1.5rem}.prose-case h2#screens+p{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory;margin-top:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.prose-case h2#screens+p img{flex:0 0 auto;width:240px;height:auto;aspect-ratio:attr(width) / attr(height);align-self:flex-start;margin-top:0;display:block;scroll-snap-align:start;-o-object-fit:contain;object-fit:contain;border:none}@media(min-width:640px){.prose-case h2#screens+p img{width:280px}}.prose-case h2#screens+p:has(img:only-of-type){display:block;overflow:visible;padding:0;scroll-snap-type:none}.prose-case h2#screens+p:has(img:only-of-type) img{flex:none;width:100%;max-width:100%;height:auto}