/* Appointment questions builder. On tools.css + tools2.css. */

/* The form */
.aq-visit{margin:0 0 1.2rem}
.aq-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.aq-check{padding:.45rem 0;min-height:44px;align-items:flex-start;overflow-wrap:anywhere}
.aq-check span{min-width:0}
.aq-from{margin:.6rem 0 0;font-size:.85rem;color:var(--muted)}
.aq-from a{color:inherit}
.aq-jump{display:none;margin:0;font-size:.92rem}
.aq-jump a{color:var(--text);text-decoration-color:var(--sun)}
@media (max-width:980px){.aq-jump{display:block}}
#aq-status[data-kind="err"]{color:var(--err-ink);font-weight:500}

/* The list (a printed page) */
.aq-head{grid-template-columns:minmax(0,1fr) auto}
.aq-visit-out{margin:0;font-weight:600;overflow-wrap:anywhere;text-align:right}
.aq-doc [hidden]{display:none}
.aq-state{margin:0 0 1rem;padding:1rem;border:1px dashed var(--rule);border-radius:10px;color:var(--soft);font-size:1rem}
.aq-state p{margin:0}
.aq-sec + .aq-sec{margin-top:1rem}
.aq-qs li{line-height:1.45;overflow-wrap:anywhere}
.aq-notes{margin-top:1.1rem}
.aq-lines{height:7.5em;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(2.5em - 1px),#c9c2b3 calc(2.5em - 1px),#c9c2b3 2.5em)}
.aq-lines--own{height:5em}
.aq-foot{grid-template-columns:minmax(0,1fr)}

/* No JavaScript: every starter question */
.aq-nojs .callout{margin:0 0 1.5rem}
.aq-nj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.6rem}
.aq-nj-sec h3{margin-top:0}
@media (max-width:640px){.aq-nj{grid-template-columns:minmax(0,1fr)}.aq-head{grid-template-columns:minmax(0,1fr)}.aq-visit-out{text-align:left}}

/* Print: one page */
@media print{
  @page{margin:12mm 13mm}
  body:has(.aq-page) main > :not(.aq-page){display:none!important}
  .aq-page .aq-form,.aq-page .ip-bar,.aq-page .ip-tip,.aq-page .aq-nojs .callout{display:none!important}
  .aq-page{padding:0!important}
  .aq-doc{font-size:10.5pt;line-height:1.4;padding:0!important;border-top:0!important;box-shadow:none!important}
  .aq-doc a{text-decoration:none;color:#000}
  .aq-doc .doc-head{padding-bottom:5pt;margin-bottom:8pt}
  .aq-doc .doc-title{font-size:18pt}
  .aq-sec,.aq-nj-sec{break-inside:avoid}
  .aq-sec + .aq-sec{margin-top:8pt}
  .aq-sec h3,.aq-nj-sec h3{break-after:avoid}
  .aq-qs{gap:3pt}
  .aq-doc--all{font-size:9pt}
  .aq-nj{gap:6pt 14pt}
  .aq-lines{height:6em}
  .aq-foot{border-top:.5pt solid #999!important}
  /* Without JavaScript the page prints the full list (tools.css hides .no-js-only in print) */
  html:not(.js) .aq-page .aq-nojs{display:block!important}
  /* A long list: tighter, and no notes lines, so it still fits one page */
  .aq-doc[data-long] {font-size:9.2pt;line-height:1.3}
  .aq-doc[data-long] .aq-sec + .aq-sec{margin-top:5pt}
  .aq-doc[data-long] .aq-qs{gap:1pt}
  .aq-doc[data-long] .aq-notes{display:none}
  .aq-doc[data-long] #aq-out{columns:2;column-gap:16pt}
  .aq-doc[data-long] .aq-sec{margin-top:0!important;padding-bottom:6pt}
  html.print-large .aq-doc[data-long] #aq-out{columns:auto}
  html.print-large .aq-doc[data-long] .aq-sec{padding-bottom:0}
  html.print-large .aq-doc[data-long] .aq-sec + .aq-sec{margin-top:8pt!important}
  /* Large print */
  html.print-large .aq-doc,html.print-large .aq-doc[data-long]{font-size:16pt;line-height:1.4}
  html.print-large .aq-doc .doc-title{font-size:26pt}
  html.print-large .aq-doc h3{font-size:12pt}
  html.print-large .aq-doc .doc-checks li{padding-left:1.4rem}
  html.print-large .aq-doc .doc-checks li::before{width:.9rem;height:.9rem}
  html.print-large .aq-notes{display:none}
  html.print-large .aq-foot{font-size:10pt}
  /* A long list in large print takes more than one page: let a topic run on to the next page line by line (its
     heading stays with its first question), and keep the footer with the last questions, never alone on a page. */
  html.print-large .aq-sec{break-inside:auto}
  html.print-large .aq-qs{display:block}
  html.print-large .aq-qs li{break-inside:avoid}
  html.print-large .aq-qs li + li{margin-top:3pt}
  html.print-large .aq-doc[data-long] .aq-qs li + li{margin-top:1pt}
  html.print-large .aq-foot{break-before:avoid;break-inside:avoid}
}
