.study-coach { margin-top: 1rem; width: 100%; flex-shrink: 0; border: 1px solid #efd4c9; border-radius: 1rem; background: #fff8f2; padding: 1rem; text-align: left; color: #614a3c; font-size: .875rem; font-weight: 600; line-height: 1.65; overflow-wrap: anywhere; }
.study-coach h2 { margin: 0; color: #925034; font-size: .95rem; font-weight: 900; }
.study-coach p { margin-top: .35rem; }
.study-coach .study-coach-meta { color: #71838d; font-size: .75rem; }
.study-coach .study-coach-success { color: #17663b; }
.study-coach-check { margin-top: .55rem; }
.study-coach-pattern { color: #a53932; font-weight: 800; }
.study-coach details { margin-top: .65rem; border-top: 1px solid #efd4c9; padding-top: .5rem; }
.study-coach summary { cursor: pointer; min-height: 2.75rem; display: flex; align-items: center; color: #286d91; }
.study-coach summary::before { content: '▸'; margin-right: .45rem; }
.study-coach details[open] summary::before { content: '▾'; }
.study-coach summary:focus-visible { outline: 2px solid #286d91; outline-offset: 2px; border-radius: .4rem; }
.study-coach-comparison { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; margin-top: .5rem; }
.study-coach-comparison > div { min-width: 0; background: #fff; padding: .7rem; border-radius: .7rem; }
.study-coach-answer { white-space: pre-wrap; font-size: 1rem; color: #173b57; }
.study-coach mark { padding: 0 .15rem; border-radius: .2rem; }
.study-coach-wrong { background: #ffd2cd; color: #a53932; }
.study-coach-correct { background: #ddf7e8; color: #17663b; }
.study-coach-status { margin-top: 1rem; color: #71838d; font-size: .8rem; }
.tablet-learning-area:has(.study-coach) { justify-content: flex-start; }
.tablet-learning-area:has(.study-coach) > * { flex-shrink: 0; }
@media (max-width: 600px) { .study-coach-comparison { grid-template-columns: minmax(0,1fr); } }