/* Activities pages (site-dev/tools/build_activities.py). */
.activity h3, .activity-index h3 { margin-top: 1.4em; }
.activity-series { font-style: italic; }
.activity-table-wrap { overflow-x: auto; max-width: 100%; margin: 0.5em 0 1em; }
table.activity-materials { border-collapse: collapse; width: 100%; }
table.activity-materials caption { text-align: left; font-weight: bold; padding: 0.3em 0; }
table.activity-materials th, table.activity-materials td { border: 1px solid #ccc; padding: 4px 8px; text-align: left; vertical-align: top; }
table.activity-materials td a { white-space: nowrap; }
.activity ol li { margin-bottom: 0.4em; }
.activity-todo { color: #8a4b00; background: #fff4e0; font-style: italic; }
.activity-licence { margin-top: 2em; padding-top: 1em; border-top: 1px solid #ddd; font-size: 90%; }
.activity-entry { margin-bottom: 1.2em; }
.activity-entry h4 { margin: 0.6em 0 0.2em; font-size: 120%; }
.activity-tags { font-size: 90%; }
.activity-figure { margin: 1em 0; max-width: 100%; }
.activity-figure img { max-width: 100%; height: auto; border: 1px solid #ddd; }
.activity-figure figcaption { font-size: 90%; color: #555; margin-top: 4px; }
.activity-quote { margin: 1em 0 1em 1em; padding: 0.2em 1em; border-left: 3px solid #c9b88f; color: #333; }
.activity-quote footer { font-size: 90%; color: #555; margin-top: 0.4em; }
.activity-figure video { max-width: 100%; height: auto; background: #000; }
.activity-thumb { float: left; width: 120px; margin: 0 10px 4px 0; }
.activity-thumb img { width: 120px; height: auto; display: block; }
.activity-thumb figcaption { font-size: 75%; color: #555; line-height: 1.2; }
table.activity-materials td::after { content: ""; display: table; clear: both; }
.activity-prompt-note { font-size: 90%; color: #555; }
.activity-prompt { margin: 0.5em 0 1em; padding: 0.3em 1em; background: #f4f6f8; border: 1px solid #d6dde3; border-left: 4px solid #6f8ca3; overflow-wrap: anywhere; }
.activity-prompt ul { margin-top: 0; }
.activity-prompt-bar { display: flex; justify-content: flex-end; align-items: center; gap: 0.8em; margin: 0.6em 0 -0.2em; }
.activity-copy { font: inherit; font-size: 90%; padding: 0.25em 0.9em; border: 1px solid #6f8ca3; border-radius: 3px; background: #fff; color: #27639b; cursor: pointer; }
.activity-copy:hover, .activity-copy:focus { background: #eaf1f6; }
.activity-copy-status { font-size: 90%; color: #2e6b2e; }