/* Course reader boxes (course-development skill, publish stage): each type gets its own colour, icon and default label.
   reflect = think, no right answer; exercise = work it through; poll = pick one; key = key ideas. In this chapter uses the built-in [!summary]. */
[data-callout][data-callout-type="reflect"] { --callout-color: var(--callout-warning-color); }
[data-callout][data-callout-type="reflect"] > [data-callout-title]::before { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202.2%201.5%203.5.7.7%201.3%201.5%201.5%202.5%22/%3E%3Cpath%20d%3D%22M9%2018h6%22/%3E%3Cpath%20d%3D%22M10%2022h4%22/%3E%3C/svg%3E"); }
[data-callout][data-callout-type="reflect"] > [data-callout-title]:empty::after { content: "Reflect"; }
[data-callout][data-callout-type="exercise"] { --callout-color: var(--callout-example-color); }
[data-callout][data-callout-type="exercise"] > [data-callout-title]::before { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22/%3E%3Cpath%20d%3D%22m15%205%204%204%22/%3E%3C/svg%3E"); }
[data-callout][data-callout-type="exercise"] > [data-callout-title]:empty::after { content: "Exercise"; }
[data-callout][data-callout-type="poll"] { --callout-color: oklch(0.645 0.2 0); }
[data-callout][data-callout-type="poll"] > [data-callout-title]::before { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22/%3E%3Cpath%20d%3D%22M18%2017V9%22/%3E%3Cpath%20d%3D%22M13%2017V5%22/%3E%3Cpath%20d%3D%22M8%2017v-3%22/%3E%3C/svg%3E"); }
[data-callout][data-callout-type="poll"] > [data-callout-title]:empty::after { content: "Poll"; }
[data-callout][data-callout-type="key"] { --callout-color: var(--callout-success-color); }
[data-callout][data-callout-type="key"] > [data-callout-title]::before { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.586%2017.414A2%202%200%200%200%202%2018.828V21a1%201%200%200%200%201%201h3a1%201%200%200%200%201-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%200%201-1v-1a1%201%200%200%201%201-1h.172a2%202%200%200%200%201.414-.586l.814-.814a6.5%206.5%200%201%200-4-4z%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%227.5%22%20r%3D%221.5%22%20fill%3D%22black%22/%3E%3C/svg%3E"); }
[data-callout][data-callout-type="key"] > [data-callout-title]:empty::after { content: "Key ideas"; }