.l3-a18{--a18-blue:#123c86;--a18-pink:#ef4f8d;--a18-soft:#f4f7fc;max-width:1280px}.l3a18-top{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.7rem 0}.l3a18-top button,.l3a18-actions button,.l3a18-actions .button{border:1px solid #bfd0e9;border-radius:999px;background:#fff;color:var(--a18-blue);font-weight:800;padding:.7rem 1rem;cursor:pointer}.l3a18-top strong{margin-left:auto;color:var(--a18-blue)}.l3-a18 .l3-hero img{object-fit:contain;padding:.6rem}.l3a18-phase{min-height:420px}.l3a18-me{display:grid;grid-template-columns:180px 1fr;gap:2rem;align-items:center;max-width:900px;margin:1rem auto}.l3a18-identity{text-align:center}.l3a18-avatar{width:128px;height:128px;border:4px solid #d9e5f5;border-radius:50%;background:#fff;margin:auto;display:grid;place-items:center;overflow:hidden}.l3a18-avatar img{width:100%;height:100%;object-fit:contain}.l3a18-avatar.none span{font-size:.8rem;color:#68758a;padding:.5rem}.l3a18-identity small{display:block;margin-top:.5rem;color:#53647e}.l3a18-me label strong{display:block;margin-bottom:.4rem}.l3a18-me input{width:min(100%,520px);font:inherit;border:2px solid #aac3e2;border-radius:14px;padding:.8rem}.l3a18-actions{display:flex;flex-wrap:wrap;gap:.55rem}.l3a18-draw{border:0;border-radius:22px;padding:1.2rem;box-shadow:0 24px 70px #18345855}.l3a18-draw::backdrop{background:#172d4d88}.l3a18-draw canvas{display:block;width:min(72vw,640px);height:auto;border:2px solid #b9cae0;border-radius:12px;background:#fff;touch-action:none}.l3a18-draw>div{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.l3a18-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin:1rem 0}.l3a18-tabs button{min-height:58px;border:2px solid #d6e1f0;border-radius:13px;background:#fff;color:#25466f;font-weight:800}.l3a18-tabs button.active{background:#e8f1ff;border-color:#5c8ed1;color:#103b7f}.l3a18-category{background:#fff;border:1px solid #dce5f2;border-radius:20px;padding:1rem}.l3a18-category>header{display:flex;align-items:center;gap:.6rem}.l3a18-category>header h3{margin:0}.l3a18-modes{margin:.7rem 0}.l3a18-selected{min-height:58px;border:2px dashed #9db9df;border-radius:14px;background:#f8fbff;padding:.55rem;display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.l3a18-selected button{border:1px solid #82a5d5;background:#fff;border-radius:999px;padding:.55rem .75rem;color:#163f7f;font-weight:750}.l3a18-selected p{margin:.2rem;color:#65748b}.l3a18-bank{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;margin:1rem 0}.l3a18-bank article{position:relative;border:2px solid #dde4ed;border-radius:14px;background:#fff;padding:.35rem}.l3a18-bank article.selected{border-color:#2f76ca;background:#eef6ff}.l3a18-bank article>button:first-child{border:0;background:transparent;width:100%;display:grid;grid-template-rows:74px auto;gap:.3rem;place-items:center;color:#253b59;font-weight:750}.l3a18-bank img{width:70px;height:70px;object-fit:contain}.l3a18-bank .audio-button{position:absolute;right:.25rem;top:.25rem;transform:scale(.74)}.l3a18-prior{margin-top:.8rem;border-top:1px solid #dce5f2;padding-top:.8rem}.l3a18-prior summary{font-weight:850;color:#214b83}.l3a18-prior button{border:1px solid #b9cbe3;border-radius:10px;background:#fff;padding:.5rem;margin:.3rem}.l3a18-prior button.selected{background:#e8f4ed;border-color:#5b9b72}.l3a18-learn{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.l3a18-learn article{border:1px solid #dae4f1;border-radius:16px;padding:.8rem;background:#fff}.l3a18-learn article>header{display:flex;align-items:flex-start;gap:.5rem}.l3a18-learn article h3{font-size:1rem;margin:.2rem 0}.l3a18-summary-head{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.l3a18-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.l3a18-summary article{border:1px solid #d9e4f0;border-radius:15px;padding:.75rem;background:#fff}.l3a18-summary article header{display:flex;align-items:center;justify-content:space-between}.l3a18-summary h3{font-size:1rem;margin:.1rem 0}.l3a18-summary article header button{border:0;background:transparent;color:#174b91;font-weight:800}.l3a18-summary article div{display:flex;gap:.35rem;flex-wrap:wrap}.l3a18-summary article span{background:#eef4fc;border-radius:999px;padding:.35rem .6rem}.l3a18-summary article p{color:#68758a}.l3a18-learn-summary{margin-top:.7rem;padding:.75rem;border-radius:14px;background:#f6f1fb}.l3a18-eval{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.l3a18-eval span{display:flex;align-items:center}.l3a18-eval button{width:100%;min-height:64px;border:2px solid #d7e1ed;border-radius:13px;background:#fff;color:#29415e;font-weight:750}.l3a18-eval button.selected{border-color:#3978be;background:#eaf3ff}.l3a18-traffic{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0}.l3a18-traffic article{border-radius:16px;padding:.35rem;background:#fff;border:2px solid #d9e2ec}.l3a18-traffic article.selected{box-shadow:0 0 0 4px #aac9ee}.l3a18-traffic button{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:.7rem;text-align:left;color:#263b56}.l3a18-traffic i{width:28px;height:28px;border-radius:50%;flex:0 0 auto}.l3a18-traffic .green i{background:#52a96d}.l3a18-traffic .yellow i{background:#f2c94c}.l3a18-traffic .red i{background:#d95b5b}.l3a18-needs{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.l3a18-needs h3{width:100%}.l3a18-needs button{border:1px solid #bcd0e8;border-radius:999px;padding:.6rem .85rem;background:#fff;color:#214475;font-weight:750}.l3a18-needs button.selected{background:#eaf3ff;border-color:#4380c5}.l3a18-complete{margin:4rem auto;max-width:700px;text-align:center;border:1px solid #d4e1f0;border-radius:26px;padding:2rem;background:linear-gradient(145deg,#f4f8ff,#fff4f8)}.l3a18-complete h2{color:#123c86}.l3a18-complete div{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.l3a18-complete button{border:1px solid #a9c0df;border-radius:999px;padding:.75rem 1rem;background:#fff;color:#123c86;font-weight:850}.l3a18-complete button.primary{background:#123c86;color:#fff}.l3-a18 .l3-nav>div{display:flex;gap:.5rem}
@media(max-width:850px){.l3a18-me{grid-template-columns:1fr}.l3a18-tabs{grid-template-columns:repeat(2,1fr)}.l3a18-bank{grid-template-columns:repeat(3,1fr)}.l3a18-learn{grid-template-columns:1fr}.l3a18-summary{grid-template-columns:1fr}.l3a18-eval{grid-template-columns:repeat(2,1fr)}.l3a18-traffic{grid-template-columns:1fr}.l3a18-top strong{width:100%;margin:0}}
@media(max-width:520px){.l3a18-bank{grid-template-columns:repeat(2,1fr)}.l3a18-eval{grid-template-columns:1fr}}