@layer components{.case{--case-ink-line:color-mix(in srgb, var(--color-fg) 82%, transparent);--case-paper-grid:linear-gradient(to right, color-mix(in srgb, var(--color-line-strong) 55%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-line-strong) 55%, transparent) 1px, transparent 1px), linear-gradient(to right, color-mix(in srgb, var(--color-line) 70%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-line) 70%, transparent) 1px, transparent 1px);--case-paper-size:96px 96px, 96px 96px, 24px 24px, 24px 24px;--rail-w:13rem;--rail-gap:4rem;position:relative}.case-hero{padding-top:calc(var(--header-h) + clamp(2rem, 1rem + 4vw, 4.5rem));padding-bottom:clamp(2.5rem,1.5rem + 3vw,4rem);position:relative}.case-hero-paper{pointer-events:none;background-image:var(--case-paper-grid);background-size:var(--case-paper-size);opacity:.7;background-position:-1px -1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 92%);mask-image:linear-gradient(#000 0% 35%,#0000 92%)}.case-hero-meta{font:500 .6875rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.case-crumbs{flex-wrap:wrap;align-items:center;display:flex}.case-crumbs li{align-items:center;display:inline-flex}.case-crumbs li+li:before{content:"/";color:var(--color-line-strong);padding-inline:.55rem}.case-crumbs a{min-height:2rem;color:var(--color-fg-muted);transition:color var(--dur-fast) ease;align-items:center;display:inline-flex}.case-crumbs a:hover,.case-crumbs [aria-current]{color:var(--color-fg)}.case-hero-wire{background:var(--case-ink-line);transform-origin:0;flex:none;width:clamp(2rem,6vw,5rem);height:1px}html:not([data-motion=reduced]) .case-hero-wire{animation:case-wire var(--dur-hero) var(--ease-out-expo) .12s both}@keyframes case-wire{0%{transform:scaleX(0)}}.case-title{font-family:var(--font-display);color:var(--color-fg);text-wrap:balance;margin-top:clamp(1.25rem,.75rem + 2vw,2.25rem);font-weight:500}.case-title[data-scale=mark]{font-size:clamp(3.5rem,1rem + 15vw,9.75rem);line-height:var(--text-display-xl--line-height);letter-spacing:var(--text-display-xl--letter-spacing);max-width:12ch}.case-title[data-scale=display]{font-size:var(--text-display);line-height:var(--text-display--line-height);letter-spacing:var(--text-display--letter-spacing);max-width:16ch}.case-title[data-scale=headline]{font-size:var(--text-h1);letter-spacing:var(--text-h1--letter-spacing);max-width:24ch;line-height:1.02}.case-hero-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""copy""spec";row-gap:clamp(1.75rem,1rem + 2.5vw,3rem);display:grid}.case-hero-layout>.case-title{grid-area:title}.case-hero-copy{grid-area:copy}.case-hero-layout>.case-spec{grid-area:spec}@media (min-width:1024px){.case-hero-layout[data-spec]{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);grid-template-areas:"title title""copy spec";align-items:start;column-gap:clamp(3rem,6vw,7rem)}.case-hero-layout[data-spec][data-scale=mark]{grid-template-rows:auto 1fr;grid-template-areas:"title spec""copy spec"}.case-hero-layout[data-scale=mark]>.case-spec{margin-top:.75rem}}.case-lede{max-width:58ch;font-size:var(--text-lead);line-height:var(--text-lead--line-height);color:var(--color-fg-muted);text-wrap:pretty}.case-lede+.case-lede{margin-top:1rem}.case-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:2rem;display:flex}.case-hero-actions .btn{text-transform:none}.case-domains{flex-wrap:wrap;gap:.4rem;display:flex}.case-domains .chip,.case-rel .chip{min-height:1.75rem}.case-domain-dot{background:var(--tone,var(--color-fg-dim));border-radius:50%;width:6px;height:6px}.case-spec{border:1px solid var(--case-ink-line);background:color-mix(in srgb, var(--color-void) 88%, transparent);box-shadow:6px 6px 0 color-mix(in srgb, var(--color-line-strong) 45%, transparent);align-self:start}.case-spec-head{border-bottom:1px solid var(--case-ink-line);font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg);justify-content:space-between;gap:1rem;padding:.7rem 1rem;display:flex}.case-spec dl>div{border-top:1px solid var(--color-line);grid-template-columns:6.25rem minmax(0,1fr);align-items:baseline;gap:1rem;padding:.7rem 1rem;display:grid}.case-spec dl>div:first-child{border-top:0}.case-spec dt{font:400 .6875rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim)}.case-spec dd{color:var(--color-fg);font-size:.9375rem;line-height:1.45}.case-spec dl>.case-spec-stack{grid-template-columns:minmax(0,1fr);gap:.6rem}.case-cover{position:relative}.case-cover-media{border:1px solid var(--case-ink-line);background:var(--color-surface);position:relative;overflow:hidden}.case-cover-picture{display:block}.case-cover-img{width:100%;height:auto;display:block}.case-cover[data-fit=plate] .case-cover-media{background-color:var(--color-surface);background-image:var(--case-paper-grid);background-size:var(--case-paper-size);background-position:-1px -1px;place-items:center;padding:clamp(2rem,1rem + 5vw,5rem) clamp(1rem,4vw,3rem);display:grid}.case-cover[data-fit=plate] .case-cover-picture{max-width:100%;box-shadow:0 1px 0 var(--color-line-strong), 0 18px 40px -24px color-mix(in srgb, var(--color-ink) 45%, transparent)}.case-cover[data-fit=plate] .case-cover-img{width:auto;max-width:100%}.case-cover-caption{font:400 .75rem/1.5 var(--font-mono);color:var(--color-fg-dim);margin-top:.75rem}@supports (animation-timeline:view()){html:not([data-motion=reduced]) .case-cover[data-fit=bleed] .case-cover-img{transform-origin:50% 0;animation:linear both case-cover-drift;animation-timeline:view();animation-range:exit}}@keyframes case-cover-drift{to{transform:translateY(7%)scale(1.05)}}.case-body{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:clamp(3.5rem,2rem + 5vw,7rem) clamp(2rem,1rem + 3vw,4rem);display:grid}.case-body-main{grid-template-columns:minmax(0,1fr);gap:clamp(4.5rem,3rem + 5vw,8rem);min-width:0;display:grid}@media (min-width:1280px){.case-body[data-index]{grid-template-columns:var(--rail-w) minmax(0, 1fr);column-gap:var(--rail-gap)}.case-body-index{top:calc(var(--header-h) + 2.5rem);z-index:var(--z-raised);grid-area:1/1;align-self:start;position:sticky}.case-body[data-index] .case-body-main{grid-area:1/2}.case-body[data-index] .case-wide{z-index:calc(var(--z-raised) + 1);margin-left:calc(-1 * (var(--rail-w) + var(--rail-gap)));position:relative}}.case-chapter{scroll-margin-top:calc(var(--header-h) + 1.5rem)}.case-chapter-head{grid-template-columns:3rem minmax(0,1fr);align-items:baseline;padding-top:1.25rem;display:grid;position:relative}.case-chapter-rule{background:var(--case-ink-line);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}@supports (animation-timeline:view()){html:not([data-motion=reduced]) .case-chapter-rule{animation:linear both case-rule;animation-timeline:view();animation-range:entry entry 80%}}@keyframes case-rule{0%{transform:scaleX(.04)}}.case-chapter-no{font:500 .75rem/1 var(--font-mono);letter-spacing:.1em;color:var(--color-fg-dim)}.case-chapter-title{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);color:var(--color-fg)}.case-chapter-kicker{font:400 .6875rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim);margin-top:.85rem}.case-chapter-lead{max-width:62ch;font-size:var(--text-lead);line-height:var(--text-lead--line-height);color:var(--color-fg-muted);text-wrap:pretty;margin-top:1.25rem}.case-chapter-body{margin-top:clamp(2rem,1.5rem + 1.5vw,3rem)}@media (min-width:768px){.case-chapter-body{padding-left:3rem}.case-chapter-body:has(>.case-wide){padding-left:0}}.case-problem{max-width:64ch;color:var(--color-fg-muted);font-size:1.0625rem;line-height:1.75}.case-problem>p+p{margin-top:1.1em}.case-problem>p:first-child{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.015em;color:var(--color-fg);text-wrap:pretty;line-height:1.35}.case-prose{max-width:68ch}.case-outcomes{border-bottom:1px solid var(--color-line)}.case-outcome{border-top:1px solid var(--color-line);grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;padding-block:1.1rem;display:grid}.case-outcome-mark{font:500 .6875rem/1 var(--font-mono);letter-spacing:.08em;color:var(--color-ok);align-items:center;gap:.45rem;padding-top:.2rem;display:inline-flex}.case-outcome-text{max-width:62ch;color:var(--color-fg);font-size:1.0625rem;line-height:1.6}.case-writing{display:grid}.case-writing-item{border-top:1px solid var(--case-ink-line);padding:1.5rem 0}.case-writing-meta{font:500 .6875rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim)}.case-writing-title{max-width:34ch;font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.02em;margin-top:.5rem;font-weight:500;line-height:1.15}.case-writing-title a{color:var(--color-fg);text-underline-offset:.18em;transition:text-decoration-color var(--dur-fast) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.case-writing-title a:hover,.case-writing-title a:focus-visible{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.case-writing-dek{max-width:60ch;color:var(--color-fg-muted);margin-top:.5rem}.case-lessons{gap:1.25rem;display:grid}.case-lesson{border-top:1px solid var(--case-ink-line);grid-template-columns:3.5rem minmax(0,1fr);align-items:baseline;gap:1rem;padding:1.5rem 0 .25rem;display:grid}.case-lesson-mark{font:500 .75rem/1 var(--font-mono);letter-spacing:.1em;color:var(--color-signal)}.case-lesson-text{max-width:30ch;font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.025em;color:var(--color-fg);text-wrap:balance;line-height:1.1}@media (min-width:768px){.case-lesson-text{max-width:34ch}}.dec-no{font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.12em;color:var(--color-fg-dim)}.dec-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-fg);text-wrap:balance;font-size:1.25rem;font-weight:500;line-height:1.25}.dec-copy{max-width:62ch;color:var(--color-fg-muted);line-height:1.7}.dec-copy>p+p{margin-top:.9em}.dec-note{border-left:2px solid var(--color-line-strong);padding-left:.9rem}.dec-note-label{font:500 .625rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-warm);margin-bottom:.2rem;display:block}.dec-static{border-bottom:1px solid var(--color-line)}.dec-item{border-top:1px solid var(--color-line);gap:.6rem;padding-block:1.75rem;display:grid}@media (min-width:768px){.dec-item{grid-template-columns:4.5rem minmax(0,1fr);gap:1.5rem}}.dec-item .dec-copy{margin-top:.6rem}.dec-live{border-top:1px solid var(--case-ink-line);display:grid}.dec-head{border-bottom:1px solid var(--color-line)}.dec-trigger{text-align:left;cursor:pointer;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:baseline;gap:.75rem;width:100%;min-height:3.5rem;padding:1.1rem .25rem 1.1rem 0;display:grid;position:relative}.dec-trigger:before{content:"";background:var(--color-accent);transform-origin:top;width:2px;transition:transform var(--dur-base) var(--ease-out-quart);position:absolute;top:-1px;bottom:-1px;left:0;transform:scaleY(0)}.dec-trigger .dec-no{padding-left:.9rem}.dec-trigger .dec-title{color:var(--color-fg-muted);transition:color var(--dur-fast) ease;font-size:1.125rem}.dec-trigger:hover .dec-title,.dec-trigger[aria-expanded=true] .dec-title{color:var(--color-fg)}.dec-trigger[aria-expanded=true]:before{transform:scaleY(1)}.dec-trigger[aria-expanded=true] .dec-no{color:var(--color-signal)}.dec-chevron{color:var(--color-fg-dim);transition:transform var(--dur-base) var(--ease-out-quart), color var(--dur-fast) ease;align-self:center;transform:rotate(90deg)}.dec-trigger[aria-expanded=true] .dec-chevron{color:var(--color-signal);transform:rotate(-90deg)}.dec-panel{border-bottom:1px solid var(--color-line);padding:.25rem 0 2rem 3.25rem}.dec-panel[hidden]{border:0;padding:0}.dec-panel-head,.dec-panel-title{display:none}.dec-next{text-align:left;border-top:1px dashed var(--color-line-strong);cursor:pointer;gap:.3rem;min-height:44px;margin-top:1.75rem;padding-top:1rem;display:grid}.dec-next-verb{font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg);align-items:center;gap:.4rem;display:inline-flex}.dec-next-verb svg{transition:transform var(--dur-fast) var(--ease-spring)}.dec-next:hover .dec-next-verb svg{transform:translate(3px)}.dec-next-title{color:var(--color-fg-muted);font-size:.9375rem}.dec-next:hover .dec-next-title{color:var(--color-fg)}html:not([data-motion=reduced]) .dec-panel:not([hidden]) .dec-copy{animation:dec-in var(--dur-enter) var(--ease-out-quart) both}@keyframes dec-in{0%{opacity:0;transform:translateY(8px)}}@media (min-width:960px){.dec-live{grid-template-columns:minmax(15rem,.85fr) minmax(0,1.4fr);grid-template-rows:repeat(var(--n), auto) 1fr;border-bottom:1px solid var(--color-line);column-gap:clamp(2rem,4vw,4.5rem)}.dec-head{grid-column:1;grid-row:var(--row)}.dec-head:last-of-type{border-bottom:0}.dec-chevron{opacity:0;transition:opacity var(--dur-fast) ease, transform var(--dur-base) var(--ease-out-quart);transform:none}.dec-trigger:hover .dec-chevron{opacity:1}.dec-trigger[aria-expanded=true] .dec-chevron{opacity:1;transform:translate(4px)}.dec-panel{border-bottom:0;grid-area:1/2/-1;padding:1.75rem 0 2.25rem}.dec-panel[hidden]{pointer-events:none;z-index:-1}.dec-panel-head{align-items:baseline;gap:1rem;display:flex}.dec-panel-no{font-family:var(--font-display);font-size:var(--text-h1);letter-spacing:-.04em;color:var(--color-fg);line-height:.9}.dec-panel-title{max-width:26ch;font-family:var(--font-display);font-size:var(--text-h3);line-height:var(--text-h3--line-height);letter-spacing:var(--text-h3--letter-spacing);color:var(--color-fg);text-wrap:balance;margin:1.25rem 0;display:block}.dec-panel .dec-copy{font-size:1.0625rem}html:not([data-motion=reduced]) .dec-panel:not([hidden]) .dec-panel-head,html:not([data-motion=reduced]) .dec-panel:not([hidden]) .dec-panel-title{animation:dec-in var(--dur-enter) var(--ease-out-quart) both}html:not([data-motion=reduced]) .dec-panel:not([hidden]) .dec-copy{animation-delay:60ms}}.case-index-sheet{border-block:1px solid var(--color-line)}.case-index-summary{min-height:3rem;font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;list-style:none;display:flex}.case-index-summary::-webkit-details-marker{display:none}.case-index-chevron{transition:transform var(--dur-base) var(--ease-out-quart)}.case-index-sheet[open] .case-index-chevron{transform:rotate(180deg)}.case-index-list{border-left:1px solid var(--color-line)}.case-index-list[data-variant=sheet]{margin:.25rem 0 1.25rem}.case-index-list[data-variant=rail]{margin-top:1rem}.case-index-link{min-height:2.25rem;color:var(--color-fg-dim);transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;border-left:1px solid #0000;align-items:baseline;gap:.75rem;margin-left:-1px;padding:.45rem .5rem .45rem 1rem;font-size:.875rem;line-height:1.35;display:flex}.case-index-link[data-depth="1"]{min-height:2rem;padding-left:3.25rem;font-size:.8125rem}.case-index-link:hover{color:var(--color-fg)}.case-index-link[data-state=read]{color:var(--color-fg-muted)}.case-index-link[data-state=current]{color:var(--color-fg);border-left-color:var(--color-accent)}.case-index-no{width:1.25rem;font:500 .625rem/1.4 var(--font-mono);letter-spacing:.06em;flex-shrink:0}.case-index-link[data-state=current] .case-index-no{color:var(--color-signal)}.case-rail{display:none}@media (min-width:1280px){.case-index-sheet{display:none}.case-rail{transition:opacity var(--dur-base) ease;display:block;position:relative}.case-rail[data-occluded]:not(:focus-within){opacity:0;pointer-events:none}}.case-rail-head{border-bottom:1px solid var(--case-ink-line);font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.75rem;display:flex}.case-rail-head span{color:var(--color-fg-dim);font-size:.625rem}.case-rail-meter{background:var(--color-accent);height:2px;transform:scaleX(var(--read,0));transform-origin:0;transition:transform var(--dur-enter) var(--ease-out-quart);margin-top:-1px;display:block}.case-rail-top{min-height:2.25rem;font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim);transition:color var(--dur-fast) ease;align-items:center;margin-top:1.25rem;display:inline-flex}.case-rail-top:hover{color:var(--color-fg)}.case-endpoints{border-top:1px solid var(--case-ink-line);padding-block:clamp(3rem,2rem + 4vw,6rem)}.case-endpoints-head{gap:.75rem;display:grid}.case-endpoints-title{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing)}.case-endpoint-list{border-top:1px solid var(--color-line);margin-top:2rem}.case-endpoint{border-bottom:1px solid var(--color-line);gap:.35rem 2rem;padding:1.4rem 0;display:grid;position:relative}@media (min-width:768px){.case-endpoint{grid-template-columns:9rem minmax(0,1fr) auto;align-items:baseline}}.case-endpoint:after{content:"";background:var(--color-accent);transform-origin:0;height:1px;transition:transform var(--dur-enter) var(--ease-out-expo);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.case-endpoint:hover:after,.case-endpoint:focus-visible:after{transform:scaleX(1)}.case-endpoint-kind{font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim)}.case-endpoint-label{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.02em;color:var(--color-fg);align-items:center;gap:.6rem;line-height:1.15;display:inline-flex}.case-endpoint-arrow{color:var(--color-fg-dim);transition:transform var(--dur-fast) var(--ease-spring), color var(--dur-fast) ease}.case-endpoint:hover .case-endpoint-arrow{color:var(--color-signal);transform:translate(2px,-2px)}.case-endpoint-host{overflow-wrap:anywhere;min-width:0;font:400 .8125rem/1.4 var(--font-mono);color:var(--color-fg-muted)}.case-related{border-top:1px solid var(--case-ink-line);padding-block:clamp(3rem,2rem + 4vw,6rem) clamp(2rem,1rem + 3vw,4rem)}.case-related-head{gap:.75rem;display:grid}.case-related-title{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing)}.case-related-note{max-width:52ch;color:var(--color-fg-muted);font-size:.9375rem}.case-rel-grid{gap:1.25rem;margin-top:2.25rem;display:grid}@media (min-width:768px){.case-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.case-rel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-rel{border:1px solid var(--color-line-strong);background:color-mix(in srgb, var(--color-void) 70%, var(--color-surface));transition:border-color var(--dur-fast) ease, transform var(--dur-base) var(--ease-out-quart), box-shadow var(--dur-base) var(--ease-out-quart);flex-direction:column;display:flex;position:relative}.case-rel:hover,.case-rel:focus-within{border-color:var(--case-ink-line);box-shadow:6px 6px 0 color-mix(in srgb, var(--color-line-strong) 55%, transparent);transform:translate(-2px,-2px)}.case-rel-media{aspect-ratio:16/10;border-bottom:1px solid var(--color-line);background:var(--color-surface);overflow:hidden}.case-rel-media picture{height:100%;display:block}.case-rel-img{object-fit:cover;filter:saturate(.85);transition:transform var(--dur-enter) var(--ease-out-quart), filter var(--dur-base) ease;aspect-ratio:auto!important;width:100%!important;max-width:none!important;height:100%!important}.case-rel:hover .case-rel-img{filter:none;transform:scale(1.03)}.case-rel-body{flex-direction:column;flex:1;padding:1.1rem 1.25rem 1.25rem;display:flex}.case-rel-meta{font:500 .625rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-dim);justify-content:space-between;align-items:center;gap:1rem;display:flex}.case-rel-arrow{transition:color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-spring)}.case-rel:hover .case-rel-arrow{color:var(--color-signal);transform:translate(2px,-2px)}.case-rel-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-fg);margin-top:.75rem;font-size:1.3rem;font-weight:500;line-height:1.2}.case-rel-link:after{content:"";position:absolute;inset:0}.case-rel-title-text,.case-neighbour-title{display:block}.case-rel-summary{color:var(--color-fg-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}.case-rel-shared{gap:.5rem;margin-top:auto;padding-top:1.25rem;display:grid}.case-neighbours{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;margin-top:clamp(2.5rem,2rem + 2vw,4rem);display:grid}.case-related:not(:has(.case-rel-grid)) .case-neighbours{margin-top:0}.case-neighbour{border-top:1px solid var(--case-ink-line);transition:border-color var(--dur-fast) ease;padding-top:1rem;display:block}.case-neighbour[data-dir=next]{text-align:right}.case-neighbour:hover{border-top-color:var(--color-accent)}.case-neighbour-label{font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim);align-items:center;gap:.5rem;display:flex}.case-neighbour[data-dir=next] .case-neighbour-label{justify-content:flex-end}.case-neighbour-arrow{transition:transform var(--dur-fast) var(--ease-spring)}.case-neighbour[data-dir=prev]:hover .case-neighbour-arrow{transform:translate(-3px)}.case-neighbour[data-dir=next]:hover .case-neighbour-arrow{transform:translate(3px)}.case-neighbour-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-fg);margin-top:.5rem;font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);font-weight:500;line-height:1.25}.arch{--nh-overview:62px;--nh-detailed:86px;--edge:color-mix(in srgb, var(--color-fg-dim) 62%, var(--color-line-strong));--request:var(--color-accent);--travel:.72s;border-radius:var(--radius-sm);background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--color-fg) 5%, transparent) 0%, transparent 60%), var(--color-void);box-shadow:0 0 0 1px var(--color-ink), 0 40px 80px -48px color-mix(in srgb, var(--color-ink) 70%, transparent);position:relative;container-type:inline-size}.arch[data-tech=none]{--nh-detailed:var(--nh-overview)}.arch-bar{border-bottom:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.85rem 1rem .85rem 1.1rem;display:flex}.arch-bar-title{font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;display:flex}.arch-bar-mark{background:var(--request);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--request) 22%, transparent)}.arch-bar-meta{color:var(--color-fg-dim)}.arch-dir:after{content:" · request ↓"}.arch-seg{border:1px solid var(--color-line-strong);border-radius:3px;padding:2px;display:inline-flex}.arch-seg button{min-height:36px;font:500 .625rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);cursor:pointer;transition:color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:2px;padding:0 .8rem}.arch-seg button:hover{color:var(--color-fg)}.arch-seg button[aria-pressed=true]{color:var(--color-fg);background:var(--color-raised);box-shadow:inset 0 0 0 1px var(--color-line-strong)}.arch-flows{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.75rem 1rem .75rem 1.1rem;display:flex}.arch-flows-label{font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);align-items:center;gap:.45rem;display:inline-flex}.arch-flows-label svg{color:var(--color-signal)}.arch-flow-list{flex-wrap:wrap;gap:.5rem;display:flex}.arch-flow{text-align:left;min-height:40px;color:var(--color-fg-muted);border:1px solid var(--color-line-strong);cursor:pointer;transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .55rem .35rem .4rem;font-size:.8125rem;line-height:1.3;display:inline-flex}@media (hover:hover){.arch-flow:hover{color:var(--color-fg);border-color:var(--color-fg-dim)}.arch-flow:hover .arch-flow-icon{color:var(--color-on-accent);background:var(--request)}}.arch-flow-icon{width:26px;height:26px;color:var(--color-fg);background:var(--color-raised);transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.arch-flow[aria-pressed=true] .arch-flow-icon{color:var(--color-on-accent);background:var(--request)}.arch-flow[aria-pressed=true]{color:var(--color-fg);border-color:color-mix(in srgb, var(--request) 70%, transparent);background:color-mix(in srgb, var(--request) 9%, transparent)}.arch-flow-count{min-width:1.4rem;height:1.4rem;font:500 .625rem/1 var(--font-mono);color:var(--color-fg-dim);border:1px solid var(--color-line);border-radius:999px;place-items:center;padding:0 .3rem;display:inline-grid}.arch-stage{position:relative}.arch-viewport{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;background-color:color-mix(in srgb, var(--color-void) 60%, var(--color-ink));background-image:linear-gradient(to right, color-mix(in srgb, var(--color-line) 60%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-line) 60%, transparent) 1px, transparent 1px);background-position:-1px -1px;background-size:32px 32px;position:relative;overflow:auto}.arch-viewport[data-pannable]{cursor:grab}.arch-viewport[data-panning]{cursor:grabbing;-webkit-user-select:none;user-select:none}.arch-sizer{margin-inline:auto;position:relative}.arch-canvas{--h:0;--dir:v;--gap-layer:54px;--gap-cross:12px;--pad:26px;--min-slot:136px;--bi:9px;--n-x:calc(var(--cols) * var(--h) + var(--rows) * (1 - var(--h)));--n-y:calc(var(--rows) * var(--h) + var(--cols) * (1 - var(--h)));--gap-x:calc(var(--gap-layer) * var(--h) + var(--gap-cross) * (1 - var(--h)));--gap-y:calc(var(--gap-cross) * var(--h) + var(--gap-layer) * (1 - var(--h)));width:100%;min-width:calc(var(--n-x) * var(--min-slot));height:calc(var(--pad) * 2 + var(--n-y) * var(--nh) + (var(--n-y) - 1) * var(--gap-y));position:relative}.arch-canvas[data-measured]{transform-origin:0 0;min-width:0;position:absolute;top:0;left:0}.arch[data-level=overview] .arch-canvas{--nh:var(--nh-overview)}.arch[data-level=detailed] .arch-canvas{--nh:var(--nh-detailed)}@container (min-width:480px){.arch[data-band=s] .arch-canvas{--h:1;--dir:h;--gap-layer:74px;--gap-cross:26px;--pad:32px;--min-slot:148px}.arch[data-band=s] .arch-dir:after{content:" · request →"}}@container (min-width:680px){.arch[data-band=m] .arch-canvas{--h:1;--dir:h;--gap-layer:66px;--gap-cross:26px;--pad:32px;--min-slot:140px}.arch[data-band=m] .arch-dir:after{content:" · request →"}}@container (min-width:860px){.arch[data-band=l] .arch-canvas{--h:1;--dir:h;--gap-layer:62px;--gap-cross:26px;--pad:32px;--min-slot:136px}.arch[data-band=l] .arch-dir:after{content:" · request →"}}@container (min-width:1080px){.arch[data-band=l] .arch-canvas,.arch[data-band=m] .arch-canvas{--gap-layer:78px}}.arch-node,.arch-boundary{position:absolute}.arch-node{--ix:calc(var(--c) * var(--h) + var(--r) * (1 - var(--h)));--iy:calc(var(--r) * var(--h) + var(--c) * (1 - var(--h)));--radius:3px;left:calc(var(--ix) * 100% / var(--n-x) + var(--gap-x) / 2);top:calc(var(--pad) + var(--iy) * (var(--nh) + var(--gap-y)));width:calc(100% / var(--n-x) - var(--gap-x));height:var(--nh);z-index:2;text-align:left;color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius);cursor:pointer;scroll-margin:calc(var(--header-h) + 1rem) 1rem calc(var(--dock-h,0px) + 1rem);transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, box-shadow var(--dur-base) ease, opacity var(--dur-base) ease;flex-direction:column;justify-content:center;gap:.3rem;padding:.45rem .7rem .45rem .85rem;display:flex;overflow:hidden}.arch-node:before{content:"";background:var(--tone);opacity:.8;width:2px;position:absolute;top:0;bottom:0;left:0}.arch-node[data-kind=client]{--radius:14px}.arch-node[data-kind=client]:before{display:none}.arch-node[data-kind=client]{box-shadow:inset 2px 0 0 color-mix(in srgb, var(--tone) 80%, transparent)}.arch-node[data-kind=store]{--radius:3px 3px 14px 14px / 3px 3px 8px 8px}.arch-node[data-kind=queue]:before{background:repeating-linear-gradient(to right, var(--tone) 0 1px, transparent 1px 3px);width:5px}.arch-node[data-kind=model]{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--tone) 16%, transparent) 0%, transparent 55%), var(--color-surface)}.arch-node[data-kind=chain]{outline:1px solid color-mix(in srgb, var(--tone) 35%, transparent);outline-offset:2px}.arch-node[data-kind=external],.arch-node[data-group]{background:color-mix(in srgb, var(--color-surface) 55%, transparent);border-style:dashed}.arch-node:hover{border-color:var(--color-fg-dim);background-color:var(--color-raised)}.arch-node:focus-visible{outline:2px solid var(--color-signal);outline-offset:3px}.arch-node-kind{min-width:0;font:500 .5625rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tone);align-items:center;gap:.35rem;display:flex}.arch-node-label{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.arch-node-tech{font:400 .625rem/1.3 var(--font-mono);white-space:nowrap;text-overflow:ellipsis;color:var(--color-fg-dim);overflow:hidden}.arch-node[data-step] .arch-node-kind{padding-right:1.5rem}.arch-node-step{min-width:18px;height:18px;font:500 .5625rem/1 var(--font-mono);color:var(--color-fg-dim);background:var(--color-void);border:1px solid var(--color-line-strong);border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;top:5px;right:5px}.arch-node[data-state=dim]{opacity:.32}.arch-node[data-state=selected],.arch-node[data-state=current]{border-color:var(--request);background:color-mix(in srgb, var(--request) 12%, var(--color-surface));box-shadow:0 0 0 4px color-mix(in srgb, var(--request) 16%, transparent)}.arch-node[data-state=linked]{border-color:color-mix(in srgb, var(--color-signal) 55%, var(--color-line-strong))}.arch-node[data-state=visited]{border-color:color-mix(in srgb, var(--color-signal) 45%, var(--color-line-strong))}.arch-node[data-state=visited] .arch-node-step{color:var(--color-signal);border-color:var(--color-signal)}.arch-node[data-state=current] .arch-node-step{color:var(--color-on-accent);background:var(--request);border-color:var(--request)}html:not([data-motion=reduced]) .arch-node[data-arrived]{animation:arch-arrive .9s var(--ease-out-quart) var(--travel) both}@keyframes arch-arrive{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--request) 55%, transparent)}to{box-shadow:0 0 0 4px color-mix(in srgb, var(--request) 16%, transparent)}}.arch-boundary{--x0:calc(var(--c0) * var(--h) + var(--r0) * (1 - var(--h)));--x1:calc(var(--c1) * var(--h) + var(--r1) * (1 - var(--h)));--y0:calc(var(--r0) * var(--h) + var(--c0) * (1 - var(--h)));--y1:calc(var(--r1) * var(--h) + var(--c1) * (1 - var(--h)));left:calc(var(--x0) * 100% / var(--n-x) + var(--gap-x) / 2 - var(--bi));width:calc((var(--x1) - var(--x0) + 1) * 100% / var(--n-x) - var(--gap-x) + 2 * var(--bi));top:calc(var(--pad) + var(--y0) * (var(--nh) + var(--gap-y)) - var(--bi));height:calc((var(--y1) - var(--y0) + 1) * var(--nh) + (var(--y1) - var(--y0)) * var(--gap-y) + 2 * var(--bi));z-index:0;border:1px dashed color-mix(in srgb, var(--color-fg-dim) 60%, transparent);pointer-events:none;border-radius:5px}.arch-boundary-label{font:500 .5625rem/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--color-fg-muted);background:var(--color-void);padding:0 5px;position:absolute;top:0;left:8px;transform:translateY(-50%)}.arch-edges{z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.arch-edge{fill:none;stroke:var(--edge);stroke-width:1.25px;transition:stroke var(--dur-fast) ease, opacity var(--dur-base) ease}.arch-arrow{stroke:var(--edge)}.arch-arrow-hot{stroke:var(--color-signal)}.arch-edge[data-state=hot],.arch-edge[data-state=current]{stroke:var(--color-signal);stroke-width:1.75px}.arch-edge[data-state=visited]{stroke:color-mix(in srgb, var(--color-signal) 60%, var(--edge));stroke-width:1.5px}.arch-edge[data-state=ahead]{stroke:color-mix(in srgb, var(--color-fg-muted) 70%, var(--edge));stroke-dasharray:2 5}.arch-edge[data-state=dim]{opacity:.2}.arch-edge[data-synthetic]{stroke-dasharray:3 4}.arch-edge[data-draw]{stroke-dasharray:1 1;animation:arch-draw var(--travel) var(--ease-in-out-cubic) both}.arch-edge[data-draw=rev]{animation-name:arch-draw-rev}@keyframes arch-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes arch-draw-rev{0%{stroke-dashoffset:-1px}to{stroke-dashoffset:0}}.arch-edge-label{z-index:1;width:max-content;font:500 .625rem/1.35 var(--font-mono);text-align:center;color:var(--color-fg-dim);background:color-mix(in srgb, var(--color-void) 60%, var(--color-ink));pointer-events:none;transition:color var(--dur-fast) ease, opacity var(--dur-base) ease;border-radius:2px;padding:1px 5px;position:absolute;transform:translate(-50%,-50%)}.arch-edge-label[data-align=end]{text-align:right;transform:translate(-100%,-50%)}.arch-edge-label[data-align=above]{background:0 0;padding-bottom:0;line-height:1.2;transform:translate(-50%,calc(-100% - 4px))}.arch-edge-label[data-align=beside]{text-align:left;background:0 0;transform:translate(8px,-50%)}.arch-edge-label[data-state=hot],.arch-edge-label[data-state=current]{color:var(--color-signal)}.arch-edge-label[data-state=dim]{opacity:.3}.arch-packet{z-index:3;background:var(--request);width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-void) 80%, transparent), 0 0 18px 2px color-mix(in srgb, var(--request) 55%, transparent);offset-rotate:0deg;offset-distance:100%;pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.arch-packet[data-reverse]{offset-distance:0%}.arch-packet[data-moved]{animation:arch-packet var(--travel) var(--ease-in-out-cubic) both}.arch-packet[data-moved][data-reverse]{animation-name:arch-packet-reverse}@keyframes arch-packet{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes arch-packet-reverse{0%{offset-distance:100%}to{offset-distance:0%}}.arch[data-reveal=armed] .arch-node,.arch[data-reveal=armed] .arch-boundary,.arch[data-reveal=armed] .arch-edges,.arch[data-reveal=armed] .arch-edge-label{opacity:0}.arch[data-reveal=run] .arch-node{animation:arch-node-in .48s var(--ease-out-quart) both;animation-delay:calc(var(--c) * .11s)}.arch[data-reveal=run] .arch-boundary{animation:.7s both arch-fade-in}.arch[data-reveal=run] .arch-edge:not([data-synthetic]){stroke-dasharray:1;animation:arch-draw .56s var(--ease-out-quart) both;animation-delay:calc(var(--c) * .11s + .24s)}.arch[data-reveal=run] .arch-edge-label{animation:.4s both arch-fade-in;animation-delay:calc(var(--c) * .11s + .52s)}@keyframes arch-node-in{0%{opacity:0;transform:translateY(6px)}}@keyframes arch-fade-in{0%{opacity:0}}html[data-motion=reduced] .arch-packet{display:none}html[data-motion=reduced] .arch-edge[data-draw],html[data-motion=reduced] .arch[data-reveal] .arch-node,html[data-motion=reduced] .arch[data-reveal] .arch-boundary,html[data-motion=reduced] .arch[data-reveal] .arch-edge,html[data-motion=reduced] .arch[data-reveal] .arch-edge-label{animation:none}.arch-bar-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.arch-zoom{border:1px solid var(--color-line-strong);background:color-mix(in srgb, var(--color-void) 92%, transparent);border-radius:3px;align-items:center;padding:2px;display:inline-flex}.arch-zbtn{min-width:34px;height:34px;font:500 .625rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-muted);cursor:pointer;transition:color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:2px;justify-content:center;align-items:center;gap:.35rem;padding:0 .45rem;display:inline-flex}.arch-zbtn:hover:not(:disabled){color:var(--color-fg);background:var(--color-raised)}.arch-zbtn:disabled{opacity:.35;cursor:default}.arch-zbtn-fit{border-left:1px solid var(--color-line);border-radius:0 2px 2px 0;margin-left:2px}.arch-zoom-level{min-width:3rem;font:500 .6875rem/1 var(--font-mono);text-align:center;color:var(--color-fg);font-variant-numeric:tabular-nums}@media (pointer:coarse){.arch-zbtn{min-width:44px;height:44px}}.arch-pan-hint{z-index:4;font:500 .625rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-muted);background:color-mix(in srgb, var(--color-void) 90%, transparent);border:1px solid var(--color-line);pointer-events:none;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .6rem;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem}.arch-pan-coarse{display:none}@media (pointer:coarse){.arch-pan-fine{display:none}.arch-pan-coarse{display:inline}}.arch-foot{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.6rem .75rem .6rem 1.1rem;display:flex}.arch-legend{font:500 .5625rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);flex-wrap:wrap;gap:.55rem 1.25rem;display:flex}.arch-legend li{align-items:center;gap:.45rem;display:inline-flex}.arch-legend-swatch{width:20px;height:16px;color:var(--tone);border:1px solid var(--color-line-strong);border-left:2px solid var(--tone);border-radius:2px;place-items:center;display:inline-grid}.arch-legend-swatch[data-kind=client]{border-radius:8px}.arch-legend-swatch[data-kind=store]{border-radius:2px 2px 7px 7px/2px 2px 5px 5px}.arch-legend-swatch[data-kind=external]{border-style:dashed}.arch-legend-flow{background:var(--edge);width:22px;height:1px;position:relative}.arch-legend-flow:after{content:"";border-top:1px solid var(--edge);border-right:1px solid var(--edge);width:6px;height:6px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.arch-legend-request{background:var(--request);width:9px;height:9px;box-shadow:0 0 8px 1px color-mix(in srgb, var(--request) 55%, transparent);border-radius:50%}.arch-legend-hop{border-top:1px dashed var(--color-fg-muted);width:22px;height:0}.arch-legend-boundary,.arch-legend-group{border:1px dashed var(--color-fg-dim);border-radius:2px;width:18px;height:12px}.arch-legend-group{border-color:var(--color-data)}.arch-reset{min-height:36px;font:500 .625rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);border:1px solid var(--color-line-strong);cursor:pointer;transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;border-radius:2px;align-items:center;gap:.45rem;padding:0 .7rem;display:inline-flex}.arch-reset:hover{color:var(--color-fg);border-color:var(--color-fg-dim)}@media (pointer:coarse){.arch-reset{min-height:44px}}.arch-dock{z-index:5;border-top:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface) 70%, var(--color-void));min-height:7.5rem;padding:1.25rem 1.1rem 1.4rem;position:relative}@container (max-width:719px){.arch[data-mode] .arch-dock{overscroll-behavior:contain;max-height:46svh;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom));border-top-color:var(--color-line-strong);box-shadow:0 -18px 32px -18px color-mix(in srgb, var(--color-ink) 80%, transparent);position:sticky;bottom:0;overflow-y:auto}}@container (min-width:720px){.arch-dock{padding:1.5rem 1.5rem 1.75rem}}html:not([data-motion=reduced]) .arch-dock>*{animation:arch-dock-in var(--dur-base) var(--ease-out-quart) both}@keyframes arch-dock-in{0%{opacity:0;transform:translateY(6px)}}.arch-idle{gap:1rem;display:grid}@container (min-width:820px){.arch-idle{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.arch-play-cta{min-height:44px;font:500 .875rem/1.2 var(--font-sans);text-align:left;color:var(--color-on-accent);background:var(--request);cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring), filter var(--dur-fast) ease;border-radius:2px;align-items:center;gap:.55rem;padding:0 1rem 0 .85rem;display:inline-flex}.arch-play-cta:hover{filter:brightness(1.08)}.arch-play-cta:active{transform:scale(.97)}.arch-transport{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.arch-tbtn{width:36px;height:36px;color:var(--color-fg-muted);border:1px solid var(--color-line-strong);cursor:pointer;transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:2px;flex-shrink:0;place-items:center;display:inline-grid}.arch-tbtn:hover:not(:disabled){color:var(--color-fg);border-color:var(--color-fg-dim)}.arch-tbtn:disabled{opacity:.35;cursor:default}.arch-tbtn-main{color:var(--color-on-accent);background:var(--request);border-color:var(--request)}.arch-tbtn-main:hover:not(:disabled){color:var(--color-on-accent);border-color:var(--request);filter:brightness(1.08)}@media (pointer:coarse){.arch-tbtn{width:44px;height:44px}}.arch-step-count{min-width:3.4rem;font:500 .8125rem/1 var(--font-mono);text-align:center;color:var(--color-fg);font-variant-numeric:tabular-nums}.arch-steps{flex:6rem;gap:3px;min-width:4rem;margin-inline:.5rem;display:flex}.arch-steps li{background:var(--color-line-strong);height:3px;transition:background-color var(--dur-base) ease;flex:1}.arch-steps li[data-state=visited]{background:color-mix(in srgb, var(--color-signal) 65%, var(--color-line-strong))}.arch-steps li[data-state=current]{background:var(--request)}.arch-caption-body{margin-top:1rem}.arch-caption-kicker{font:500 .625rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);flex-wrap:wrap;align-items:center;gap:.3rem .5rem;display:flex}.arch-caption-hop{color:var(--color-fg-muted);border:1px solid var(--color-line-strong);text-transform:none;letter-spacing:.02em;border-radius:999px;padding:.1rem .45rem}.arch-caption-done{color:var(--color-ok)}.arch-caption-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-fg);margin-top:.5rem;font-size:1.45rem;font-weight:500;line-height:1.15}.arch-caption-role{max-width:64ch;color:var(--color-fg);margin-top:.5rem;line-height:1.6}.arch-caption-detail{max-width:64ch;color:var(--color-fg-muted);margin-top:.5rem;font-size:.9375rem;line-height:1.6}.arch-caption-note{max-width:72ch;color:var(--color-fg-muted);border-top:1px dashed var(--color-line-strong);margin-top:1rem;padding-top:.9rem;font-size:.9375rem;line-height:1.6}.arch-details{gap:1.5rem;padding-right:2.5rem;display:grid;position:relative}@container (min-width:720px){.arch-details{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.5rem;padding-right:3rem}}.arch-details-kind{font:500 .625rem/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;display:flex}.arch-details-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-fg);margin-top:.5rem;font-size:1.5rem;font-weight:500;line-height:1.15}.arch-details-links{align-content:start;gap:1.1rem;display:grid}.arch-details-close{position:absolute;top:-.25rem;right:0}.arch-link-btn{text-align:left;min-height:36px;color:var(--color-fg);text-underline-offset:.22em;cursor:pointer;transition:text-decoration-color var(--dur-fast) ease;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:.2rem 0;font-size:.9375rem;line-height:1.35;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.arch-link-btn:hover{-webkit-text-decoration-color:color-mix(in srgb, var(--color-signal) 75%, transparent);text-decoration-color:color-mix(in srgb, var(--color-signal) 75%, transparent)}@media (pointer:coarse){.arch-link-btn{min-height:44px}}.arch-link-meta{font:500 .625rem/1.3 var(--font-mono);letter-spacing:.04em;color:var(--color-fg-dim)}.arch-textref{border-top:1px solid var(--color-line)}.arch-textref>summary{min-height:3rem;font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);cursor:pointer;transition:color var(--dur-fast) ease;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;padding:.75rem 1.1rem;list-style:none;display:flex}.arch-textref>summary::-webkit-details-marker{display:none}.arch-textref>summary:hover{color:var(--color-fg)}.arch-textref>summary>span:first-child:before{content:"+";width:1.1rem;color:var(--color-signal);display:inline-block}.arch-textref[open]>summary>span:first-child:before{content:"−"}.arch-textref>div{padding:0 1.1rem 1.5rem}html:not([data-motion]) .arch-live{display:none}html:not([data-motion]) .arch-textref{border-top:0}}