/* the-gpl redesign — /ask-page Go tutor. */

.tutor-section { padding-top: clamp(40px, 6vw, 72px); padding-bottom: clamp(40px, 6vw, 72px); }
.tutor-lede { margin-top: 16px; margin-bottom: 32px; max-width: 56ch; }

.chat-box {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    min-height: 380px;
    max-height: 640px;
    overflow-y: auto;
    padding: 20px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.55;
}
.chat-msg { margin-bottom: 0.9rem; }
.chat-msg.user  { color: var(--accent-hover); }
.chat-msg.tutor { color: var(--ink); }
.chat-box code {
    background: var(--hairline);
    padding: 1px 5px;
    border-radius: 4px;
    font-family: var(--mono);
    font-size: 0.88em;
}
.chat-box pre {
    background: var(--code-bg);
    color: var(--code-val);
    padding: 0.7rem 0.9rem;
    border-radius: var(--radius-md);
    overflow-x: auto;
    margin: 0.5rem 0;
}
.chat-box pre code { background: none; padding: 0; color: inherit; }
.chat-box h3, .chat-box h4, .chat-box h5 { color: var(--ink); margin: 0.6rem 0 0.3rem; }
.chat-box table { border-collapse: collapse; margin: 0.6rem 0; font-size: 0.9rem; }
.chat-box th, .chat-box td { border: 1px solid var(--border); padding: 5px 11px; text-align: left; }
.chat-box th { background: var(--accent-tint); color: var(--ink); }
.chat-box tr:nth-child(even) td { background: var(--panel-alt); }

.chat-form {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    padding: 22px;
    display: grid;
    gap: 14px;
}
.chat-form textarea {
    border: 1px solid var(--border-input);
    border-radius: var(--radius-lg);
    padding: 16px;
    font-size: 16px;
    font-family: var(--ui);
    resize: vertical;
    background: var(--panel-alt);
    line-height: 1.6;
    color: var(--ink);
}
.chat-form textarea:focus { outline: none; border-color: var(--accent); }
.chat-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chat-actions { display: flex; align-items: center; gap: 10px; }
.chat-form select {
    padding: 10px 12px;
    border: 1px solid var(--border-input);
    border-radius: var(--radius-md);
    background: var(--panel);
    color: var(--ink);
    font-family: var(--ui);
    font-size: 14px;
}
.chat-form select:focus { outline: none; border-color: var(--accent); }
#sendBtn:disabled { background: var(--faint); cursor: not-allowed; }