/* Shared notes/deck styling for the M3 workload questions. */
.workload-case .workload-qa p { margin: .18em 0 !important; line-height: 1.4; }
.workload-case .workload-qa { margin: .4em 0 .6em; }
.workload-case .workload-options { display:flex; flex-wrap:wrap; align-items:center; gap:.35em .7em; margin:.5em 0; }
.workload-case .workload-options ul { display:flex; flex-wrap:wrap; gap:.35em .85em; list-style:none; margin:0 !important; padding:0 !important; }
.workload-case .workload-options li { display:inline-flex; align-items:center; gap:.3em; margin:0; padding:0; white-space:nowrap; }
.workload-case .workload-option-label { display:inline-flex; align-items:center; justify-content:center; width:1.65em; height:1.65em; border-radius:50%; background:#E5E7EB; color:#4B5563; font-size:.75em; font-weight:600; flex:none; }
.workload-practice-link { display:none; }
.lec-note .workload-case .workload-practice-link { display:block; }

/* Use type and alignment, rather than panels, to establish hierarchy. */
.lec-note .workload-case .workload-problem { font-size:.9em; font-weight:400; line-height:1.35; margin:.45em 0 .65em; }
.lec-note .workload-case .workload-options { font-size:.8em; }
.workload-case .workload-qa p { padding:0; text-indent:0; }
.lec-note .nbi .workload-case details { border:0; background:transparent; }
.lec-note .workload-case details ul { padding-left:1em; }
.lec-note .workload-case details li { margin:.3em 0; }

/* Section opener: a large title and one subtitle, with no decoration. */
.workload-opener { display:none; }

.workload-case .workload-method { display:block; margin:.15em 0 .3em 1em; }
.workload-case .workload-calculation { display:block; margin:.3em 0; }

/* Quiet, aligned reveals for the six classroom design discussions. */
.workload-case details,
.lec-note .nbi .workload-case details {
  margin:.65em 0; padding:0; border:0; border-radius:0;
  background:transparent; box-shadow:none;
}
.workload-case summary,
.lec-note .nbi .workload-case summary {
  display:list-item; list-style:none; cursor:pointer;
  font-size:.82em; font-weight:500; color:#52525B;
  padding:.25em 0; background:transparent;
}
.workload-case summary::-webkit-details-marker { display:none; }
.workload-case summary::before {
  content:'›'; display:inline-block; width:1.1em;
  color:#71717A; font-weight:400; transform-origin:.3em 50%;
}
.workload-case details[open]>summary::before { transform:rotate(90deg); }
.workload-case summary:focus-visible { outline:2px solid #71717A; outline-offset:4px; }
.workload-case details> :not(summary) { margin-left:1.1em; }
.workload-case .workload-qa p { margin:.22em 0 !important; }
.workload-case .workload-design-row {
  display:grid; grid-template-columns:7.4em minmax(0,1fr);
  column-gap:.6em; margin-top:.35em; line-height:1.35;
}
.workload-case .workload-design-row>strong { font-size:.88em; font-weight:500; }
.workload-case .workload-method { display:inline; margin:0; }
.workload-case .workload-option-label { background:#F1F1F2; font-weight:500; }
.lec-note:has(.workload-case) .nb { align-items:flex-start; background:#FFFFFF; border-radius:0; }
.lec-note .nbi:has(.workload-case) { max-width:48em; }
.lec-note .workload-case .workload-problem { margin:0 0 .8em; }
.lec-note .workload-case .workload-practice-link { margin:1em 0 0; font-size:.65em; }
.lec-note .workload-practice-link a { color:#52525B; text-decoration:underline; text-underline-offset:.2em; }
@media (max-width:700px) {
  .workload-case .workload-design-row { grid-template-columns:1fr; row-gap:.15em; }
}
.lec-note .nbi .workload-case details> :not(summary) { margin-left:1.1em; }
.lec-note .nbi .workload-case .workload-design-row>strong { font-size:.88em; font-weight:500; }
.workload-case .workload-options>p { margin:0; }