:root{font-family:system-ui,sans-serif;color:#28382f;background:#f5f6ef;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:40px 24px}header{margin-bottom:28px}h1{font-size:2.4rem;letter-spacing:-.04em;margin:8px 0}h2{font-size:1.15rem;margin:0 0 12px}p{margin:10px 0}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#627663}.muted{font-size:.88rem;color:#657369}section{background:white;border:1px solid #d9e0d7;border-radius:14px;padding:24px;margin-bottom:24px}.connection{display:flex;justify-content:space-between;align-items:center;gap:20px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.row{display:flex;gap:12px}.row label{flex:1}label{display:block;font-size:.9rem;font-weight:600;margin:16px 0 8px}input,select,textarea{width:100%;font:inherit;color:inherit;padding:10px;border:1px solid #c7d1c5;border-radius:7px;background:#fff;margin-top:6px}textarea{resize:vertical}button{font:inherit;font-weight:600;background:#315d43;color:white;border:0;padding:11px 17px;border-radius:7px;cursor:pointer;margin:4px 0}button:disabled{opacity:.45;cursor:default}button.secondary{background:#e9eee7;color:#315d43}a{color:#315d43}code{font-size:.86em}#answer{white-space:pre-wrap}#tool-results details{font-size:.88rem;background:#f2f5ef;border-radius:7px;padding:10px;margin:10px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.83rem}.traces{padding-left:20px;overflow-wrap:anywhere}#run-status[data-state=failure]{color:#9b3636}#run-status[data-state=done]{color:#315d43}.trace-event{padding:16px}@media(max-width:780px){.columns{grid-template-columns:1fr}.connection{display:block}main{padding:24px 16px}h1{font-size:2rem}}
nav{display:flex;gap:24px;margin-bottom:24px}nav a{text-decoration:none;font-weight:600}.button{display:inline-block;background:#315d43;color:white;text-decoration:none;padding:10px 16px;border-radius:7px;margin:4px 0}.button.secondary{background:#e9eee7;color:#315d43}.message{padding:16px 20px;border-radius:10px;margin:16px 0}.message.user{background:#edf1e8;margin-left:8%}.message.tutor{border:1px solid #d9e0d7;margin-right:8%}.message-text{white-space:pre-wrap}details summary{cursor:pointer}#history{max-width:850px;margin-left:auto;margin-right:auto}
.practice{max-width:760px;margin-left:auto;margin-right:auto}.answer-key{font-size:1.5rem;font-weight:650}hr{border:0;border-top:1px solid #d9e0d7;margin:24px 0}