.architecture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.architecture-card{min-width:0;padding:24px;border:1px solid #d5e4ed;border-radius:12px;background:#fff;color:#16364a}.architecture-card h3{font-size:1.3rem;line-height:1.45;margin:8px 0 12px}.architecture-card p{line-height:1.75}.architecture-card .action{display:inline-block;margin-top:12px;white-space:normal}.architecture-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.architecture-flow li{border-top:3px solid #0087dc;padding:20px 12px;background:#f5f9fc}.architecture-flow b{color:#0087dc}.architecture-section li{line-height:1.8;margin-bottom:12px}.architecture-route{padding:12px 0}.architecture-route a{display:block;padding:10px 8px}.architecture-route strong{color:#0087dc}.architecture-section{scroll-margin-top:140px}header nav a[aria-current=page],header .links a[aria-current=page]{color:#0087dc;font-weight:700}.help-header .links{display:flex;flex-wrap:wrap;gap:12px}a:focus-visible{outline:3px solid #0087dc;outline-offset:4px} @media(max-width:900px){.architecture-grid{grid-template-columns:1fr}.architecture-flow{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:480px){.architecture-card{padding:18px}.architecture-flow{grid-template-columns:1fr}.help-header .links{gap:8px;font-size:12px}} @media print{.architecture-grid{display:block}.architecture-card{break-inside:avoid}}