/* Questions people ask (/commons/questions, build/pages/questions.py). Colors are org.css tokens, so dark mode follows. */

.qa-wrap .wrap{max-width:60rem}
.qa-label{display:block;margin:0 0 .7rem;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* Jump list: plain links, no JavaScript */
.qa-jump{margin:0 0 2.4rem;padding:1.4rem 1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--paper-3)}
.qa-jump>ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.qa-jump ul ul{list-style:none;margin:.45rem 0 0;padding:0;font-size:.93rem;line-height:1.4}
.qa-jump ul ul li{padding:.25rem 0}
.qa-jump a{color:var(--text)}
.qa-jump-prog{font-weight:600}

.qa-intro{max-width:46rem;margin:0 0 1rem;color:var(--body)}

/* Programs, kits and questions */
.qa-prog{padding:2rem 0 0}
.qa-prog+.qa-prog{margin-top:2rem;border-top:1px solid var(--line-2)}
.qa-prog .h2{margin:0 0 .4rem}
.qa-kit{padding:1.6rem 0 0;max-width:46rem}
.qa-kit-h{margin:0 0 .4rem;font-family:var(--f-display);font-weight:400;font-size:1.6rem;line-height:1.25;letter-spacing:-.01em;color:var(--text)}
.qa-kit-sum,.qa-kit-cc{margin:0 0 .4rem;font-size:.93rem;color:var(--muted)}
.qa-kit-sum a,.qa-kit-cc a{color:var(--text)}
.qa-kit-cc{margin-bottom:.6rem}
.qa-item{padding:1.1rem 0;border-bottom:1px solid var(--line)}
.qa-item:last-child{border-bottom:0}
.qa-item:target{background:linear-gradient(90deg,var(--callout),transparent);margin-left:-1rem;padding-left:1rem;border-radius:8px 0 0 8px}
.qa-q{margin:0 0 .4rem;font-family:var(--f-sans);font-weight:600;font-size:1.08rem;line-height:1.4}
.qa-q a{color:var(--text);text-decoration:none}
.qa-q a:hover,.qa-q a:focus-visible{text-decoration:underline;text-decoration-color:var(--sun)}
.qa-a{margin:0 0 .5rem;color:var(--body)}
.qa-meta{margin:0;font-size:.85rem;color:var(--muted)}
.qa-meta a{color:var(--text)}
.qa-wrap,.qa-kit,.qa-item{overflow-wrap:anywhere}

@media (max-width:820px){.qa-jump>ul{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){
  .qa-jump{padding:1.1rem 1rem}
  .qa-kit-h{font-size:1.35rem}
  .qa-item:target{margin-left:-.5rem;padding-left:.5rem}
}

@media print{
  .qa-jump{display:none!important}
  .qa-wrap .wrap{max-width:none}
  .qa-kit,.qa-intro{max-width:none}
  .qa-item{padding:4pt 0;break-inside:avoid;page-break-inside:avoid;border-color:#ddd}
  .qa-item:target{background:none;margin:0;padding-left:0}
  .qa-q{font-size:10.5pt;color:#000}
  .qa-a{font-size:9.5pt;color:#000}
  .qa-meta,.qa-kit-sum,.qa-kit-cc{font-size:8pt;color:#333}
  .qa-q a,.qa-meta a,.qa-kit-sum a,.qa-kit-cc a{color:#000;text-decoration:none}
  .qa-kit-h{font-size:14pt;color:#000;break-after:avoid}
}