.architecture-page{--arch-blue:#2864ef;--arch-ink:#18304e;max-width:1480px;margin:0 auto;padding:32px 36px 72px;color:var(--arch-ink)}
@media(max-width:900px){.product-header .product-primary-nav{display:none;position:fixed;inset:60px 0 auto;max-height:calc(100vh - 60px);height:auto;overflow:auto;align-items:stretch;justify-content:flex-start;padding:14px 18px;background:white;border-bottom:1px solid #dbe4ef}.menu-open .product-header .product-primary-nav{display:flex}.product-header .product-primary-nav a{padding:12px}.product-header .product-primary-nav a[aria-current=page]::after{display:none}}
.architecture-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;margin-bottom:28px}.architecture-breadcrumb a{color:#526a87}
.architecture-heading{display:flex;gap:32px;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.architecture-heading h1{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.04em;line-height:1.1;margin:8px 0 14px}.architecture-heading p{max-width:830px;color:#526780;line-height:1.75;margin:0}.architecture-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#3467bb;font-weight:750}.architecture-review{font-size:12px;white-space:nowrap;color:#66809a}
.architecture-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #d8e3ef;padding:16px 0}.architecture-toolbar h2{margin:0;font-size:19px}.architecture-actions{display:flex;flex-wrap:wrap;gap:8px}.architecture-actions button,.architecture-export{border:1px solid #d4dfef;background:white;border-radius:6px;padding:8px 12px;color:#24415f;font:inherit;font-size:12px;cursor:pointer;text-decoration:none}.architecture-actions button:hover{border-color:var(--arch-blue);color:var(--arch-blue)}
.architecture-viewport{overflow:auto;border:1px solid #dce6f0;border-radius:10px;background:linear-gradient(#fbfdff,#f4f8fd);scrollbar-gutter:stable;max-height:760px}.deployment-architecture-canvas{display:block;width:100%;min-width:860px;height:auto;transform-origin:top left}.deployment-architecture-canvas text{font-family:inherit}.arch-lane-title{fill:#586e89;font-size:13px;font-weight:650}.arch-node{cursor:pointer;outline:none}.arch-node rect{fill:#fff;stroke:#bdcfe8;stroke-width:1.3}.arch-node[data-kind=api] rect,.arch-node[data-kind=identity] rect{fill:#eaf2ff;stroke:#729bea}.arch-node:hover rect,.arch-node:focus rect,.arch-node[aria-pressed=true] rect{stroke:#225fdf;stroke-width:2.7}.arch-node-name{fill:#173251;font-size:13px;font-weight:700}.arch-node-role{fill:#5b7491;font-size:11px}.arch-edge path{stroke:#88a6ce;stroke-width:1.5;fill:none}.arch-edge.is-related path{stroke:#2164ee;stroke-width:2.6}.arch-edge.is-muted{opacity:.17}.arch-edge text{fill:#3f6086;font-size:10px;paint-order:stroke;stroke:#f8fbff;stroke-width:4px;stroke-linejoin:round}.arch-edge[data-optional=true] path{stroke-dasharray:6 4}.architecture-legend{display:flex;gap:24px;flex-wrap:wrap;margin:14px 0;font-size:12px;color:#60768d}.architecture-caption{font-size:13px;color:#5f738a;line-height:1.6}.architecture-legend i{display:inline-block;width:28px;border-top:2px solid #88a6ce;margin-right:8px;vertical-align:middle}.architecture-legend .optional{border-top-style:dashed}
.architecture-content{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:36px;margin-top:32px}.architecture-content h2{font-size:22px;margin:0 0 14px}.architecture-table-wrap{overflow:auto;border:1px solid #dce5ef;border-radius:7px;margin:18px 0 30px}.architecture-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}.architecture-table th{text-align:left;background:#f0f5fb;color:#385371;font-weight:650;white-space:nowrap}.architecture-table th,.architecture-table td{padding:12px 14px;border-bottom:1px solid #e3eaf3;vertical-align:top}.architecture-table tr:last-child td{border-bottom:0}.architecture-table tbody tr.is-related{background:#edf4ff}.architecture-table td:nth-child(4),.architecture-table td:nth-child(5){font-family:ui-monospace,Consolas,monospace;white-space:nowrap}.architecture-notice{padding:14px 18px;border-left:3px solid #4082dd;background:#f2f7fe;line-height:1.75;font-size:13px;color:#425e7d}
.architecture-directory{align-self:start;position:sticky;top:100px;border-left:1px solid #dce5ef;padding-left:24px;max-height:75vh;overflow:auto}.architecture-directory h2{font-size:16px}.architecture-directory input{width:100%;border:1px solid #cbd9e9;border-radius:5px;padding:9px;font:inherit;font-size:12px;margin-bottom:12px}.architecture-directory nav{display:flex;flex-direction:column;gap:2px}.architecture-directory a{padding:8px 0;font-size:12px;text-decoration:none;color:#48627f;display:flex;align-items:center;gap:9px}.architecture-directory a[aria-current=page]{font-weight:700;color:#1d5fe0}.architecture-directory img{width:22px;height:22px;object-fit:contain}.architecture-directory a:hover{color:#1d5fe0}.architecture-directory [hidden]{display:none!important}
.architecture-reference{font-size:12px;margin-top:28px}.architecture-reference summary{cursor:pointer;font-weight:650;padding:12px 0}.architecture-reference p{line-height:1.7;color:#5e7490}.architecture-reference ul{padding-left:18px;line-height:1.8;overflow-wrap:anywhere}.architecture-component-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;border-top:1px solid #e1e8f0;margin:20px 0}.architecture-component-list li{padding:14px 16px 14px 0;border-bottom:1px solid #e1e8f0;display:flex;justify-content:space-between;gap:12px;font-size:12px}.architecture-component-list span{color:#617991}.architecture-product-link{display:inline-block;margin-bottom:16px;color:#2462cf;font-size:13px}.architecture-overview-products{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #e1e8f0;padding-top:16px;margin-top:20px}.architecture-overview-products a{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 0;text-decoration:none;color:#375477;font-size:13px}.architecture-overview-products img{width:25px;height:25px;object-fit:contain}
@media(max-width:1000px){.architecture-content{grid-template-columns:minmax(0,1fr)}.architecture-directory{position:static;border-left:0;border-top:1px solid #dce5ef;padding:24px 0;max-height:none}.architecture-directory nav{display:grid;grid-template-columns:repeat(3,1fr)}.architecture-heading{display:block}.architecture-review{display:block;margin-top:16px}}
@media(max-width:620px){.architecture-page{padding:24px 16px 48px}.architecture-toolbar{align-items:flex-start;flex-direction:column}.architecture-component-list{grid-template-columns:1fr}.architecture-directory nav{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-heading h1{font-size:30px}.architecture-table th,.architecture-table td{padding:10px}.architecture-breadcrumb{flex-wrap:wrap}.architecture-heading p{font-size:14px}}
@media print{.site-header,.site-footer,.architecture-directory,.architecture-actions,.architecture-export{display:none!important}.architecture-page{padding:0;max-width:none}.architecture-content{display:block}.architecture-viewport{overflow:visible;max-height:none;border:0}.deployment-architecture-canvas{width:100%!important;min-width:0}.architecture-table{font-size:9px}.architecture-reference{break-before:auto}.architecture-table tr{break-inside:avoid}}