.arch{padding:0 32px 88px}.arch>*{max-width:1080px;margin-inline:auto}.arch-head{padding:64px 0 32px}.arch-eyebrow{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}.pbody .arch h1{margin-top:10px;font-size:56px}.arch-lede{color:var(--lmu);max-width:36em;margin-top:18px;font-size:18px}.arch-status{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lmu);margin-top:14px}.arch-fig{margin-top:8px;margin-bottom:0;scroll-margin-top:98px}.arch-scroll{border-radius:10px;overflow-x:auto}.arch-scroll:focus-visible{outline:2px solid var(--acc);outline-offset:4px}.arch-hint{font:500 12px var(--mono);color:var(--lmu);margin-top:10px;display:none}.arch-fig figcaption{color:var(--lmu);max-width:46em;margin-top:14px;font-size:14px}.arch-sec{padding-top:64px}.pbody .arch h2{font-size:32px}.arch-flows{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.arch-flows li{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:20px;display:grid}.arch-flows li:first-child{grid-column:1/-1}.arch-num{background:var(--acc);width:28px;height:28px;color:var(--on);font:600 13px var(--mono);border-radius:50%;place-items:center;display:grid}.arch-flows h3{margin-top:3px;font-size:17px;font-weight:600;line-height:1.3}.arch-flows p{color:var(--lmu);margin-top:8px;font-size:15px}.arch-show{border:1px solid var(--line);background:var(--bg);color:var(--li);font:500 13px var(--mono);cursor:pointer;border-radius:8px;margin-top:14px;padding:6px 12px}.arch-show[hidden]{display:none}.arch-show[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:var(--on)}.arch-show:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.arch-parts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:24px 0 0;display:grid}.arch-parts div{border-top:1px solid var(--line);padding:14px 0}.arch-parts dt{font-weight:600}.arch-parts dd{color:var(--lmu);margin:4px 0 0;font-size:15px}.arch-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.arch-facts{border-top:1px solid var(--line);margin:20px 0 0}.arch-facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;font-size:14.5px;display:flex}.arch-facts dt{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lmu);padding-top:3px}.arch-facts dd{text-align:right;margin:0}.arch-notes{color:var(--lmu);margin:20px 0 0;padding-left:18px;font-size:15px}.arch-notes li+li{margin-top:6px}.arch-next{flex-wrap:wrap;gap:10px;padding-top:56px;display:flex}.arch-btn{background:var(--btn,var(--acc));border-radius:10px;align-items:center;padding:9px 16px;font-size:14px;font-weight:500;display:inline-flex;color:var(--btn-fg,var(--on))!important;text-decoration:none!important}.arch-btn.ghost{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--li)!important}.arch-btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}@container (width<=820px){.arch{padding-inline:20px}.pbody .arch h1{font-size:42px}.arch-flows,.arch-parts,.arch-two{grid-template-columns:minmax(0,1fr)}.arch-two{gap:48px}.arch-hint{display:block}}@container (width<=520px){.pbody .arch h1{font-size:36px}.pbody .arch h2{font-size:28px}}.ad{width:100%;min-width:1040px;height:auto;display:block}.ad text{fill:var(--li)}.ad-mk{fill:var(--lmu)}.ad-mk-acc{fill:var(--acc)}.ad-zone>rect:first-child{fill:color-mix(in srgb, var(--li) 2%, transparent);stroke:color-mix(in srgb, var(--li) 12%, transparent);stroke-width:.8px}.ad-zone-mask{fill:var(--bg)}.ad-zone text{fill:var(--lmu);font:500 8px var(--mono);letter-spacing:.14em}.ad-edge path{fill:none;stroke:var(--lmu);stroke-width:1.2px}.ad-edge.accent path{stroke:var(--acc);stroke-width:1.6px}.ad-label-mask{fill:var(--bg)}.ad-label>text{fill:var(--lmu);font:500 8px var(--mono);letter-spacing:.06em}.ad-node-mask{fill:var(--bg)}.ad-box{fill:var(--card);stroke:color-mix(in srgb, var(--li) 40%, transparent);stroke-width:1px}.ad-node.input .ad-box{fill:var(--bg);stroke-dasharray:4 3}.ad-node.store .ad-box{fill:color-mix(in srgb, var(--li) 4%, var(--card))}.ad-node.focal .ad-box{fill:color-mix(in srgb, var(--acc) 10%, var(--card));stroke:var(--acc);stroke-width:1.4px}.ad-tag{fill:none;stroke:color-mix(in srgb, var(--li) 30%, transparent);stroke-width:.8px}.ad .ad-tagt{fill:var(--lmu);font:500 8px var(--mono);letter-spacing:.08em}.ad .ad-title{font-size:13px;font-weight:600}.ad .ad-sub{fill:var(--lmu);font:400 10px var(--mono)}.ad-row rect{fill:var(--card);stroke:var(--line);stroke-width:1px}.ad-row text{font-size:11px}.ad-badge circle{fill:var(--acc)}.ad .ad-badge text{fill:var(--on);font:600 9px var(--mono)}.ad-legend line{stroke:var(--line);stroke-width:.8px}.ad-legend>text{fill:var(--lmu);font-size:11px}.ad .ad-legend-h{font:500 8px var(--mono);letter-spacing:.14em}[data-arch-figure][data-flow] [data-id]{opacity:.2;transition:opacity .2s}[data-arch-figure][data-flow] [data-id].on{opacity:1}@media (prefers-reduced-motion:reduce){[data-arch-figure][data-flow] [data-id]{transition:none}}
