.curriculum{grid-template-columns:repeat(4,1fr)}
.curriculum .chapter{min-height:330px}
.curriculum .chapter p b{display:inline-grid;place-items:center;width:25px;height:25px;margin:3px 7px 3px 0;border-radius:50%;background:#edf2f6;color:var(--n);font-size:8px}
.curriculum .chapter.active p b{background:#203b58;color:#fff}
.learning-outcomes{margin-top:18px;padding:26px 28px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:18px;align-items:center}
.learning-outcomes small{color:var(--o);font-size:9px}
.learning-outcomes h2{font-size:19px;line-height:1.4;margin:7px 0}
.learning-outcomes p{margin:0;padding-left:13px;border-left:2px solid var(--o)}
.learning-outcomes p b,.learning-outcomes p span{display:block}
.learning-outcomes p b{font-size:11px}
.learning-outcomes p span{font-size:8px;line-height:1.6;color:#74869a;margin-top:5px}
@media(max-width:1200px){.curriculum{grid-template-columns:repeat(2,1fr)}.learning-outcomes{grid-template-columns:repeat(2,1fr)}.learning-outcomes>div{grid-column:1/-1}}
@media(max-width:680px){.curriculum,.learning-outcomes{grid-template-columns:1fr}.learning-outcomes>div{grid-column:auto}.curriculum .chapter{min-height:260px}}
.chapter,.task,.badges span,.work,.records>div,.device,.energy,.notify,.stop{transition:transform .2s,border-color .2s,box-shadow .2s}.chapter,.task,.badges span,.work,.records>div,.device{cursor:pointer}.chapter:hover,.work:hover{transform:translateY(-3px);border-color:#ff6b2c55;box-shadow:0 20px 55px #19324d20}.task:hover,.records>div:hover{background:#f7fafb}.badges span:hover{transform:translateY(-2px);background:#fff1e9}.device:hover{border-color:#55d7ad}.detail-list{margin:18px 0 24px;display:grid;gap:8px}.detail-list span{display:flex;gap:10px;align-items:center;background:#f2f6f9;border-radius:10px;padding:12px;font-size:10px}.detail-list i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e7f7f1;color:#15956f;font-weight:700}
.ai-studio{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.ai-conversation,.ai-toolbox{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.ai-conversation{min-height:570px;padding:26px;display:flex;flex-direction:column}.ai-avatar{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.ai-avatar img{width:54px;height:54px;object-fit:cover;border-radius:16px;background:#eaf1f6}.ai-avatar b,.ai-avatar small{display:block}.ai-avatar small{font-size:8px;color:#20a078;margin-top:4px}.ai-messages{flex:1;padding:24px 0}.ai-messages p{max-width:74%;padding:14px 16px;border-radius:16px;font-size:11px;line-height:1.7}.ai-messages .ai{background:#eef4f7}.ai-messages .child{margin-left:auto;background:var(--n);color:#fff}.ai-input{display:grid;grid-template-columns:auto 1fr auto;gap:8px}.ai-input input,.ai-input>button:first-child{border:1px solid var(--line);background:#f7fafb;border-radius:10px;padding:12px;font-size:9px}.ai-toolbox{padding:28px}.ai-toolbox>small{font-size:9px;color:var(--o)}.ai-toolbox h2{font-size:24px;margin:8px 0 20px}.ai-toolbox>button{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;text-align:left;margin:6px 0}.ai-toolbox>button:hover{border-color:var(--o);background:#fff7f2}.ai-toolbox button b,.ai-toolbox button span{display:block}.ai-toolbox button b{font-size:11px}.ai-toolbox button span{font-size:8px;color:#74869a;margin-top:4px}.ai-rule{margin-top:18px;padding:16px;background:#eaf8f3;border-radius:13px}.ai-rule b{font-size:10px}.ai-rule p{font-size:8px;line-height:1.7;color:#55766c;margin-bottom:0}@media(max-width:900px){.ai-studio{grid-template-columns:1fr}}@media(max-width:680px){.ai-conversation{min-height:500px;padding:18px}.ai-input{grid-template-columns:1fr auto}.ai-input>button:first-child{grid-column:1/-1}.ai-messages p{max-width:88%}}