
.phase3-package4-home{width:min(1180px,calc(100% - 32px));margin:18px auto;padding:25px;border:1px solid #d8cfeb;border-radius:24px;background:linear-gradient(135deg,#fbf9ff,#fff);box-shadow:var(--shadow)}
.phase3-package4-home h2{margin:0;color:#563a78}.phase3-package4-home>p{margin:5px 0 15px;color:var(--muted);font-size:12px}.package4-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.package4-links a{display:block;padding:15px;border:1px solid #e1d8ed;border-radius:15px;background:#fff;text-decoration:none;color:#563a78;font-weight:900}.package4-links small{display:block;margin-top:5px;color:var(--muted);font-size:9px;font-weight:500}
.semantic-shell,.path-shell{width:min(1120px,calc(100% - 28px));margin:26px auto 70px}.semantic-hero,.path-hero{padding:28px;border-radius:26px;background:linear-gradient(135deg,#432c63,#75549a);color:#fff;box-shadow:var(--shadow)}.semantic-hero h1,.path-hero h1{margin:8px 0;font-size:clamp(27px,4vw,40px)}.semantic-hero p,.path-hero p{margin:0;color:rgba(255,255,255,.78)}.semantic-form{display:grid;grid-template-columns:1fr 170px auto;gap:9px;margin-top:18px}.semantic-form input,.semantic-form select{min-width:0;border:0;border-radius:13px;padding:13px 14px;font:inherit;outline:0}.semantic-form button{border:0;border-radius:13px;padding:0 20px;background:#ffd67a;color:#493410;font:inherit;font-weight:900;cursor:pointer}.semantic-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.semantic-examples button{border:1px solid rgba(255,255,255,.27);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font:inherit;font-size:10px}.semantic-analysis{margin:16px 0;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff}.semantic-analysis p{margin:0;color:#52645f}.semantic-concepts{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.semantic-concepts button,.semantic-correction button{border:0;border-radius:999px;padding:6px 10px;background:#eee7f7;color:#563a78;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.semantic-correction{margin-top:10px;color:#7a5520;background:#fff5dc;padding:9px 11px;border-radius:11px}.semantic-count{margin:22px 0 9px;font-weight:900;color:var(--brand)}.semantic-results{display:grid;gap:10px}.semantic-result{display:grid;grid-template-columns:74px 1fr;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;color:inherit;transition:.15s}.semantic-result:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.semantic-number{display:grid;place-items:center;min-height:72px;border-radius:14px;background:#f0eafa;color:#563a78;font-size:21px;font-weight:900}.semantic-result h2{margin:0;color:#31544b;font-size:16px}.semantic-result p{margin:6px 0;color:#66756f;font-size:11px;line-height:1.9}.semantic-result small{color:#7d8985}.semantic-reasons{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.semantic-reasons span{padding:3px 7px;border-radius:999px;background:#edf6f2;color:#356658;font-size:8px;font-weight:900}.semantic-empty{padding:30px;text-align:center;border:1px dashed var(--line);border-radius:18px}
.smart-recommendation{border-color:#d7c7eb!important;background:linear-gradient(135deg,#fbf8ff,#fff)!important}.smart-rec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.smart-rec-head span{font-size:9px;color:#735394;font-weight:900}.smart-rec-head h2{margin:4px 0 0;color:#4f386b;font-size:18px}.smart-rec-head>b{padding:5px 9px;border-radius:999px;background:#eee5f8;color:#654987;font-size:8px}.smart-recommendation>p{color:#68736f}.smart-rec-actions{display:flex;flex-wrap:wrap;gap:8px}.smart-rec-actions a,.smart-rec-actions button{border:0;border-radius:11px;padding:9px 12px;background:#563a78;color:#fff;text-decoration:none;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.smart-rec-actions .secondary{background:#fff;color:#563a78;border:1px solid #d7c7eb}
.next-card{margin-top:18px;padding:20px;border-radius:18px;background:rgba(255,255,255,.13)}.next-card span{font-size:10px}.next-card h2{margin:7px 0}.next-card p{margin:0 0 12px}.next-card a{display:inline-block;padding:9px 13px;border-radius:11px;background:#ffd67a;color:#493410;text-decoration:none;font-weight:900}.path-section{margin-top:25px}.path-section h2{color:var(--brand)}.path-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.path-course{padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.path-course>div:first-child{display:flex;justify-content:space-between}.path-course p{font-size:10px;color:var(--muted)}.path-course a{display:block;padding:8px;border-radius:10px;background:#eef7f3;color:var(--brand);text-decoration:none;font-size:9px;font-weight:900}.path-complete{color:#34715f;font-size:10px}.smart-queue{display:grid;gap:8px}.smart-queue a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:#3d5851}.smart-queue a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eee7f7;color:#563a78;font-weight:900}.smart-queue b,.smart-queue small{display:block}.smart-queue small{margin-top:3px;color:var(--muted);font-size:9px}.smart-queue i{font-style:normal}
@media(max-width:800px){.package4-links,.path-course-grid{grid-template-columns:1fr}.semantic-form{grid-template-columns:1fr}.semantic-form button{padding:12px}.semantic-result{grid-template-columns:54px 1fr}.semantic-number{min-height:54px;font-size:17px}.smart-rec-head{display:block}.smart-rec-head>b{display:inline-block;margin-top:8px}}
