.arch-experience,.architecture-workbook{margin:2rem 0 2.5rem}.arch-kicker,.arch-check-label,.awb-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9aa79a}.arch-experience h2{margin:.35rem 0 1rem}.arch-mental{border-left:3px solid #63e68c;padding:.75rem 1rem;background:#12160f}.arch-mental strong{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}.arch-diagram{display:flex;align-items:stretch;gap:.45rem;margin:1.35rem 0;overflow-x:auto;padding:.25rem .05rem .55rem}.arch-node{min-width:108px;flex:1;display:flex;flex-direction:column;justify-content:center;padding:.85rem;border:1px solid #232922;border-radius:8px;background:#12160f;box-shadow:0 2px 8px rgba(25,39,60,.05)}.arch-node span{font-size:.68rem;color:#6b766a;margin-bottom:.25rem}.arch-node strong{font-size:.88rem}.arch-arrow{align-self:center;color:#6b766a;font-weight:700}.arch-check{border:1px solid #232922;border-radius:9px;padding:1rem 1.1rem;background:#0e120d}.arch-check p{margin:.2rem 0 .75rem}.arch-options{display:grid;gap:.45rem}.arch-options button{font:inherit;text-align:left;padding:.65rem .8rem;border:1px solid #232922;border-radius:6px;background:#12160f;color:inherit;cursor:pointer}.arch-options button:hover,.arch-options button:focus-visible{border-color:#63e68c;outline:2px solid transparent;background:rgba(99,230,140,.1)}.arch-options button.is-selected{border-color:#63e68c;background:rgba(99,230,140,.12)}.arch-feedback{min-height:1.5em;margin-top:.75rem!important}.arch-feedback.is-correct{color:#63e68c}.arch-feedback.is-wrong{color:#ff8a75}.arch-bridge{font-size:.9rem;margin-top:1rem}.architecture-workbook{border-top:4px solid #63e68c;padding-top:1.25rem}.awb-lede{max-width:70ch}.awb-stage-nav{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0 1rem}.awb-stage-nav a{white-space:nowrap;text-decoration:none;border:1px solid #232922;border-radius:999px;padding:.35rem .7rem;font-size:.82rem}.awb-stage{scroll-margin-top:5rem;border-top:1px solid #232922;padding:1.35rem 0}.awb-stage h3{margin:.25rem 0}.awb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.awb-panel{border-left:2px solid #232922;padding:.15rem .85rem}.awb-panel h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .4rem}.awb-panel p,.awb-panel ul{font-size:.92rem;margin:.25rem 0}.awb-trace{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0e120d;border-radius:7px;padding:.8rem;overflow-x:auto}.awb-failures{margin:.7rem 0}.awb-failures dt{font-weight:700;margin-top:.55rem}.awb-failures dd{margin:.15rem 0 .4rem}.awb-hints{margin:.8rem 0}.awb-hints details{border-bottom:1px solid #232922;padding:.5rem 0}.awb-gate{border:1px solid #232922;border-radius:8px;padding:.85rem 1rem;background:#0e120d}.awb-gate li{margin:.25rem 0}.awb-evidence{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.awb-evidence>div{padding:.75rem;background:#0e120d;border-radius:7px}.awb-evidence h4{margin:0 0 .35rem;font-size:.8rem;text-transform:uppercase}.awb-back{font-size:.85rem}
@media(max-width:720px){.arch-diagram{align-items:stretch}.arch-node{min-width:125px}.awb-grid,.awb-evidence{grid-template-columns:1fr}.architecture-workbook{margin-top:1.5rem}.arch-experience{margin-top:1.5rem}}
@media(prefers-reduced-motion:reduce){.arch-options button{transition:none}}