/* Stitch phase 3: structural refinements; no replacement of business logic */
.phase3-ribbon{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#10213a;color:#a5c9f9;border-bottom:1px solid #263b5d;font-size:12px;font-weight:700}.phase3-dot{color:#10b981;font-size:10px}
.phase3-hero{padding:22px 20px;margin:15px 0 20px;background:linear-gradient(125deg,#142642,#101a30 70%);border:1px solid #284267;border-radius:18px;box-shadow:0 12px 28px #0002}.phase3-kicker{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#34d399}.phase3-hero h2{margin:9px 0;color:#fff;font-size:22px;line-height:1.35}.phase3-hero p{color:#a9b9d0;font-size:13px;line-height:1.7;margin:0}.phase3-data-note{font-size:12px;color:#9fb4d1;border-left:3px solid #3b82f6;padding:9px 12px;margin:0 0 16px;background:#101e35;border-radius:4px}
.phase3-ruling{border-left:4px solid #2563eb!important;overflow-wrap:anywhere}.phase3-engine{border-left-color:#10b981!important}.phase3-caution{border-left-color:#f59e0b!important}.phase3-disclaimer{color:#fbbf24;font-size:12px;line-height:1.6;margin:12px 0 0;padding:10px;background:#332817;border-radius:10px}
#learnRoute .lesson-grid{gap:12px}#learnRoute .lesson-item,#qaRoute .qa-library-card{transition:border-color .2s,transform .2s}#learnRoute .lesson-item:focus-within,#qaRoute .qa-library-card:focus-within{border-color:#3b82f6!important}
@media(max-width:420px){.phase3-hero{padding:18px 16px}.phase3-hero h2{font-size:20px}.phase3-ribbon{padding:9px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}