.course-tutor { margin: 2.5rem auto; padding: 2.5rem; max-width: 1200px; border: 1px solid rgba(0,255,0,.22); border-radius: 1.6rem; background: #101010; color: #eee; font-size: 1.5rem; line-height: 1.65; }
.course-tutor-heading { display: flex; flex-wrap: wrap; gap: 1.2rem; align-items: center; margin-bottom: 1.5rem; }
.course-tutor-heading > div { flex: 1 1 260px; }
.course-tutor-heading h2 { font-size: 2.6rem; }
.course-tutor-kicker { color: #00ff00; font-size: 1.25rem; }
.course-tutor-note, .course-tutor-heading p { color: #bbb; margin: 1rem 0; font-size: 1.3rem; }
.course-tutor-status { padding: 1rem 1.4rem; border-radius: .8rem; background: #1d251d; color: #d4f5d4; }
.course-tutor-messages { max-height: 520px; overflow-y: auto; margin: 1.5rem 0; }
.course-tutor-message { margin: 1rem 0; padding: 1.4rem; border-radius: 1rem; background: #1b1b1b; overflow-wrap: anywhere; }
.course-tutor-message--user { background: #132413; }
.course-tutor-message--error { border: 1px solid #a86537; }
.course-tutor-message p { white-space: pre-wrap; margin-top: .6rem; }
.course-tutor-message a { color: #7cef7c; display: block; }
.course-tutor-message blockquote { padding: .8rem 1.2rem; border-left: 2px solid #00ff00; margin: .8rem 0; color: #bbb; }
.course-tutor-message summary { cursor: pointer; margin-top: 1rem; color: #7cef7c; }
.course-tutor-form label { display: block; margin-bottom: .6rem; }
.course-tutor-form textarea { width: 100%; padding: 1.3rem 1.4rem; color: var(--text-primary, #fff); background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; font: inherit; text-transform: none; resize: vertical; color-scheme: dark; transition: border-color .2s ease, box-shadow .2s ease; }
.course-tutor-form textarea::placeholder { color: var(--text-secondary, #bbb); opacity: 1; }
.course-tutor-form textarea:focus-visible { outline: none; border-color: var(--neon-green, #00ff00); box-shadow: 0 0 0 3px rgba(0,255,0,.1); }
.course-tutor-actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.course-tutor-form button:disabled { opacity: .55; cursor: default; }
@media (max-width: 600px) { .course-tutor { margin: 1.5rem 1rem; padding: 1.6rem; } }