/* simple mode: one column, big questions, sentences for answers */
body.simple main { max-width: 46rem; }
.intro { font-size: 1.05rem; }
.q { background: var(--bg-raised); border: 1px solid var(--rule); border-radius: 10px; padding: 0.9rem 1.1rem; margin: 0.9rem 0; }
.q > label:first-child, .qlabel { display: block; font-weight: 600; margin-bottom: 0.4rem; }
.q .opt { display: block; padding: 0.3rem 0; font-weight: 400; }
.q .opt .hint { margin-left: 0.4rem; }
.q input[type=number] { width: 8em; font-size: 1.1rem; }
.presets button { margin-left: 0.3rem; font-size: 0.84rem; padding: 0.2rem 0.6rem; }
.answer { font-size: 1.08rem; line-height: 1.6; }
.answer p { margin: 0.7rem 0; }
.answer .lead { font-size: 1.25rem; font-weight: 600; margin: 0.4rem 0 0.8rem; }
.answer .num { font-weight: 600; }
.answer .grade { color: var(--text-muted); font-size: 0.86rem; }
.answer-head { justify-content: space-between; margin: 0.4rem 0 0.8rem; }
.more { margin: 0.9rem 0; }
.more table { font-size: 0.95rem; }
.more td:first-child { white-space: nowrap; }
.can li { margin: 0.25rem 0; }
.can .no { color: var(--text-muted); }
.diag button { margin: 0.2rem 0.4rem 0.2rem 0; }