.product-architecture{max-width:1150px;margin:auto;line-height:1.6;--pa-border:var(--border,#b8c3cd)}.product-architecture header{max-width:900px;margin-bottom:2rem}.pa-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.pa-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-bottom:2rem}.pa-flow article,.pa-pair article,.pa-router{border:1px solid var(--pa-border);padding:1rem;border-radius:10px}.pa-flow span{display:inline-grid;place-items:center;border:1px solid var(--pa-border);border-radius:50%;width:2rem;height:2rem}.pa-flow h4{margin:.7rem 0}.pa-flow p{font-size:.87rem}.pa-table{overflow:auto;margin:1rem 0}.pa-table table{border-collapse:collapse;width:100%;min-width:680px}.pa-table th,.pa-table td{border:1px solid var(--pa-border);text-align:left;vertical-align:top;padding:.8rem;font-size:.86rem}.pa-table caption{text-align:left;font-weight:700;margin-bottom:.6rem}.pa-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.pa-note,.product-architecture footer{font-size:.82rem}.product-architecture pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.pa-router label{display:block;margin:.7rem 0}.pa-router select{background:transparent;color:inherit;padding:.4rem;margin-left:.5rem}.pa-router output{display:block;padding:1rem;border-left:4px solid #729dac;margin:1rem 0;font-weight:650}.pa-learning li{padding:.5rem 0}.product-architecture footer{border-top:1px solid var(--pa-border);padding-top:1rem;margin-top:2rem}.product-architecture :focus-visible{outline:3px solid #4da8ff;outline-offset:3px}@media(max-width:900px){.pa-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pa-flow,.pa-pair{grid-template-columns:1fr}}