.learn-grid{grid-template-columns:1fr!important;gap:24px}
.keyword-panel{min-height:auto;padding:24px;background:var(--surface);border:1px solid rgba(188,196,189,.65);border-radius:18px;box-shadow:0 6px 24px rgba(40,58,48,.035);display:flex;flex-direction:column;overflow:hidden}
.keyword-heading{padding-bottom:20px;border-bottom:1px solid var(--line)}.keyword-heading h3{max-width:460px;line-height:1.45}.keyword-heading>span{white-space:nowrap;margin-top:8px}
.keyword-intro{margin:20px 0 14px;color:var(--muted);font-size:14px;line-height:1.7}.keyword-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.keyword-card{border:1px solid #d9ded7;background:#f7f7f1;border-radius:13px;padding:15px;text-align:left;min-height:84px;transition:.2s;position:relative;overflow:hidden}.keyword-card:after{content:"→";position:absolute;right:13px;bottom:10px;color:#9aa69e}.keyword-card:hover,.keyword-card.active{border-color:var(--green);background:#eef3dc;transform:translateY(-2px);box-shadow:0 7px 18px rgba(15,107,77,.08)}.keyword-card small,.keyword-card b{display:block}.keyword-card small{font-size:8px;color:var(--green);margin-bottom:7px}.keyword-card b{font-size:13px;padding-right:18px}
.keyword-tip{margin-top:18px;background:#edf2dd;border-left:3px solid var(--green);padding:17px}.keyword-tip b{font-size:14px}.keyword-tip p{font-size:13px;line-height:1.7;color:var(--muted);margin:7px 0 0}.learn-grid .chat-panel{min-height:820px;width:100%}.learn-grid .chat-body{padding:28px 5%;}.learn-grid .message>div{max-width:min(100%,1100px);width:auto}.learn-grid .ai-message>div{width:100%}
.lesson-location{border-left:3px solid var(--green);background:#edf2dd;padding:10px 12px;margin-bottom:10px}.lesson-location b,.lesson-location span{display:block}.lesson-location b{font-size:10px}.lesson-location span{font-size:8px;color:var(--muted);margin-top:4px}.lesson-summary h4{font-family:serif;font-size:17px;margin:8px 0}.lesson-summary>p{margin:0 0 10px}
.model-visual{background:#fff;border:1px solid #dfe4dc;border-radius:12px;padding:12px;margin:12px 0;overflow:hidden}.model-visual-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.model-visual-head b{font-size:10px}.model-visual-head span{font-size:7px;color:var(--green)}.model-visual svg{width:100%;height:155px;display:block}.model-visual .axis{stroke:#9ea8a1;stroke-width:1}.model-visual .curve{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:320;animation:drawcurve 1.4s ease both}.model-visual .green{stroke:#0f6b4d}.model-visual .red{stroke:#b85d4b}.model-visual .lime{stroke:#9eae54}.model-visual text{font-size:9px;fill:#617069}.model-visual .pulse{fill:#dce8a6;stroke:#0f6b4d;stroke-width:2;transform-origin:center;animation:pulsepoint 1.6s ease-in-out infinite}.model-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.model-steps span{background:#f4f5ef;border-radius:7px;padding:7px;font-size:7px;text-align:center}.model-steps span b{display:block;color:var(--green);font-size:9px;margin-bottom:3px}
.follow-up-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.follow-up-prompts button{border:1px solid rgba(15,107,77,.25);background:#fff;color:var(--green);border-radius:99px;padding:7px 9px;font-size:8px}.follow-up-prompts button:hover{background:var(--green);color:#fff}@keyframes drawcurve{from{stroke-dashoffset:320}to{stroke-dashoffset:0}}@keyframes pulsepoint{50%{transform:scale(1.7);opacity:.55}}
@media(max-width:1100px){.keyword-list{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-grid .chat-panel{min-height:700px}}@media(max-width:760px){.keyword-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.keyword-list{grid-template-columns:1fr}.model-steps{grid-template-columns:1fr}.learn-grid .chat-body{padding:18px}}