.template-guidance, .template-handout-wrap {
  max-width: 76rem;
  margin: 1.5rem auto;
  padding: 1.5rem;
  border: 1px solid currentColor;
  border-radius: 0.75rem;
  line-height: 1.6;
}
.template-guidance h2, .template-handout h2 { font-size: 1.1rem; margin-top: 1.2rem; }
.template-guidance select { max-width: 100%; padding: 0.6rem; margin: 0.5rem; }
.template-guidance li { margin-bottom: 0.4rem; }
.template-handout { max-width: 48rem; margin: 1.5rem auto; }
#template-handout-print { display: none; }
@media print {
  body.template-handout-printing > :not(#template-handout-print) { display: none !important; }
  body.template-handout-printing { display: block !important; overflow: visible !important; height: auto !important; background: white !important; color: black !important; }
  body.template-handout-printing #template-handout-print { display: block !important; font: 11pt/1.4 system-ui, sans-serif; }
  #template-handout-print .template-handout { margin: 0; max-width: none; }
  #template-handout-print h1 { font-size: 18pt; }
  #template-handout-print h2 { font-size: 12pt; break-after: avoid; }
  #template-handout-print p, #template-handout-print li { break-inside: avoid; }
  #template-handout-print a { color: black; overflow-wrap: anywhere; }
  #template-handout-print a::after { content: " (" attr(href) ")"; font-size: 8pt; }
}

.counselling-helper { max-width: 48rem; margin: 1.5rem auto; line-height: 1.5; }
.counselling-helper h1 { font-size: 1.5rem; margin: 0 0 1.25rem; }
.counselling-helper label { display: block; font-weight: 600; margin-bottom: 0.4rem; }
.counselling-helper select { box-sizing: border-box; width: 100%; padding: 0.75rem; font: inherit; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 0.4rem; }
.counselling-helper section > h2 { font-size: 1.1rem; margin: 1.5rem 0 0.75rem; }
.counselling-helper__points { padding-left: 1.25rem; }
.counselling-helper li { margin-bottom: 0.65rem; }
.counselling-helper .template-handout-wrap { border: 0; border-radius: 0; padding: 0; margin: 1.5rem 0; }
.counselling-helper__preview { margin-top: 0.75rem; }
.counselling-helper__detail { padding: 0.75rem 0; border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
.counselling-helper summary { cursor: pointer; }
.counselling-helper [hidden] { display: none !important; }