/* eSafety Scenarios (information-technology/esafety-scenarios.php). The chrome and the challenge questions
   are the shared one-screen layout in /css/resource.css; this only lets the chosen set fill the space and
   tags each question with its topic. Theme tokens only. */
.es-set{flex:1;min-height:0;display:flex;flex-direction:column}
.es-set[hidden]{display:none}
.es-set .cq{flex:1}
.es-topic{display:block;width:max-content;margin-bottom:8px;padding:3px 9px;border-radius:999px;background:var(--accent-tint);color:var(--accent-deep);font:600 11.5px/1.3 var(--font-mono);letter-spacing:.05em;text-transform:uppercase}
/* the Explanation dialog's headings */
.objective h4{margin:14px 0 6px;font:700 15px/1.2 var(--font-display);color:var(--accent-deep)}