/* One-page framework: visual progression, not a separate tool menu */
.framework-onpage-nav{max-width:1180px;margin:0 auto 28px;padding:0 24px;display:flex;gap:10px;flex-wrap:wrap}
.framework-onpage-nav a{padding:9px 14px;background:#eef2ff;color:#3730a3;border:1px solid #dbe2ff;border-radius:999px;font-weight:700;font-size:13px;transition:background .2s,transform .2s}
.framework-onpage-nav a:hover{background:#e0e7ff;transform:translateY(-2px)}
#framework-architecture,#framework-controls{scroll-margin-top:100px}
#framework-architecture .steps{position:relative}
#framework-architecture .step{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
#framework-architecture .step:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(55,48,163,.1);border-color:#c7d2fe}
#framework-controls .table{border-collapse:separate;border-spacing:0}
#framework-controls .table tbody tr{transition:background .2s}
#framework-controls .table tbody tr:hover{background:#f1f4ff}
@media(prefers-reduced-motion:reduce){#framework-architecture .step,.framework-onpage-nav a{transition:none}}