/* Learn pages: short answer first, examples as cards, depth behind a disclosure. Uses Quercus tokens. */
.q-learn{max-width:46rem;margin:0 auto;padding:0 16px 2rem;overflow-wrap:anywhere}
.q-learn h1{margin:.25rem 0 .5rem}
.q-learn h2{margin:1.75rem 0 .5rem;font-size:1.2rem}
.q-learn h3{margin:0 0 .35rem;font-size:1rem}
.ql-answer{font-size:1.15rem;line-height:1.5;margin:.25rem 0 .75rem}
.ql-points{padding-left:1.2rem;margin:.5rem 0}
.ql-points li{margin:.25rem 0}
.ql-examples,.ql-index,.ql-relevant,.ql-related ul{list-style:none;padding:0;margin:0}
.ql-examples{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.ql-example,.ql-contrast{border:1px solid var(--line,#d8d4c8);border-radius:8px;padding:.75rem .9rem;background:var(--card,transparent)}
.ql-example.ql-missing{opacity:.8}
.ql-plant{margin:0 0 .35rem}
.ql-facts{padding-left:1.1rem;margin:0}
.ql-facts li{margin:.3rem 0}
.ql-source{margin:.15rem 0 0}
.ql-contrasts{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.ql-contrast p{margin:.25rem 0}
.ql-quote{margin:.5rem 0 0;padding-left:.75rem;border-left:3px solid var(--line,#d8d4c8)}
.ql-roles{margin:0}
.ql-roles div{padding:.4rem 0;border-bottom:1px solid var(--line,#d8d4c8)}
.ql-roles dt{font-weight:600}
.ql-roles dd{margin:.15rem 0 0}
.ql-depth{margin:1.5rem 0 0}
.ql-depth summary,.ql-contrast summary{cursor:pointer;padding:.6rem 0}
.ql-relevant li,.ql-related li{margin:.4rem 0}
.ql-index li{margin:0 0 1rem}
.ql-index h2{margin:.5rem 0 .25rem}
.ql-next{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin:1.75rem 0 .5rem}
.ql-next a{min-height:44px;display:inline-flex;align-items:center}
.q-learn a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.q-learn-link{white-space:nowrap}
.ql-related{display:block;margin-top:1.5rem}
.ql-contrasts{align-items:start}