.section.architecture{grid-template-columns:1fr;gap:30px}.architecture .section-heading{display:block}.architecture-explorer{border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden}.architecture-toolbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.architecture-caption{color:var(--muted);font-size:12px}.architecture-reduced-hint{display:none}.architecture-canvas,.architecture-loading{height:520px}.architecture-loading{color:var(--muted);justify-content:center;align-items:center;padding:30px;font-size:14px;display:flex}.architecture-graph-node{text-align:left;background:var(--surface);border:1px solid #37424f;border-radius:6px;width:156px;min-height:86px;padding:14px;transition:border-color .16s,background .16s,box-shadow .16s}.architecture-graph-node span{color:var(--muted);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;display:flex}.architecture-graph-node strong{font-size:16px;font-weight:600}.architecture-graph-node:hover,.architecture-graph-node[aria-pressed=true]{border-color:var(--accent);background:#14281d}.architecture-graph-node[aria-pressed=true]{box-shadow:0 0 20px #22c55e15}.architecture-graph-node[aria-pressed=true] span{color:#9aefb9}.architecture-canvas-label{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.architecture-canvas-label>span:last-child{margin-left:12px;font-size:11px}.architecture-zoom{background:var(--surface);border:1px solid var(--line);border-radius:5px;display:flex;overflow:hidden}.architecture-zoom button{background:0 0;border:0;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:12px;display:flex}.architecture-zoom button:hover{background:var(--elevated)}.architecture-playback{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:30px;padding:20px 22px;display:grid}.architecture-progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.architecture-narration{min-height:46px;font-size:13px;line-height:1.8}.architecture-steps{grid-template-columns:repeat(8,1fr);gap:8px;padding:0 22px 22px;display:grid}.architecture-steps button{border:0;border-top:2px solid var(--line);text-align:left;color:var(--muted);background:0 0;padding:10px 0 0;font-size:12px}.architecture-steps button span{margin-bottom:4px;font-size:10px;display:block}.architecture-steps button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.architecture-inspector{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:180px 1fr auto;align-items:start;gap:30px;min-height:148px;padding:24px 22px;display:grid}.architecture-inspector h3{margin-top:6px;font-size:20px}.architecture-inspector small{color:var(--muted);font-size:11px}.architecture-inspector p{color:var(--text);font-size:13px}.architecture-inspector .architecture-boundary{color:var(--muted);margin-top:7px;font-size:12px}.architecture-inspector a{white-space:nowrap;font-size:12px}.architecture-explorer>.architecture-note{border-top:1px solid var(--line);margin:0;padding:16px 22px;font-size:12px}.architecture-overview{max-width:730px;margin:auto;padding:40px 24px 30px}.architecture-overview .arch-branches>button{background:0 0;border:0;border-top:1px solid #526071;flex-direction:column;align-items:center;padding:20px 10px;display:flex;position:relative}.architecture-overview .arch-branches>button:before{content:"";border-left:1px solid #526071;height:26px;position:absolute;top:-26px}.architecture-overview button:hover,.architecture-overview button[aria-pressed=true]{border-color:var(--accent);background:#14281d}@media (max-width:900px){.architecture-inspector{grid-template-columns:145px 1fr;gap:20px}.architecture-inspector a{grid-column:2}.architecture-playback{grid-template-columns:1fr;gap:14px}}@media (max-width:640px){.architecture .section-heading{display:block}.architecture .section-heading h2{font-size:26px}.architecture-toolbar{padding:12px}.architecture-canvas-label>span:last-child{display:none}.architecture-toolbar{flex-wrap:wrap;gap:6px 16px}.architecture-caption{font-size:11px}.architecture-canvas,.architecture-loading{height:350px}.architecture-playback,.architecture-inspector{padding:18px}.architecture-playback .play-controls{width:auto}.architecture-progress{margin-left:auto}.architecture-steps{grid-template-columns:repeat(4,1fr);row-gap:14px;padding:0 18px 18px}.architecture-inspector{grid-template-columns:1fr;gap:14px;min-height:235px}.architecture-inspector a{grid-column:1}.architecture-inspector h3{font-size:18px}.architecture-explorer>.architecture-note{padding:14px 18px;font-size:11px}.architecture-overview{padding:30px 14px 24px}.architecture-overview .arch-branches>button{padding:15px 3px}}@media (prefers-reduced-motion:reduce){.architecture-autoplay-hint{display:none}.architecture-reduced-hint{display:inline}.architecture-explorer *,.architecture-explorer :before,.architecture-explorer :after{transition:none!important;animation:none!important}}