/* Template pages (specs/module-12-courses.md § Template pages): what every rebuilt WordPress template needs on the
   new site beyond the theme's own styles (theme-base.css, then the template's stylesheet). */
.site-main:has(.tpl) { padding-bottom: 0; }
/* A page drawn as the theme drew it (views/site/theme/top.ejs): the theme's white page edge to edge */
html:has(body.wp-theme), body.wp-theme { margin: 0; background: #fff; }
body.wp-theme > main.wp-main { padding: 0; margin: 0; }   /* the page wrapper WordPress did not have: no Pico spacing */
/* The site's components on a visitor page, where site.css doesn't reach: a video fills the column at 16:9, as
   WordPress's embed did once the theme's FitVids script had resized it */
.tpl .video-embed { position: relative; width: 100%; padding-top: 56.25%; margin: 0 0 1em; }
.tpl .video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* A Circuit Canvas project page for a member (Module 12 § Circuit Canvas project pages): the CircuitCanvas-wp
   plugin's "Download PDF" button, and the circuit's pictures and parts list, which site.css can't reach here */
.tpl .circuit-canvas-pdf-download { margin: 0 0 16px; }
.tpl .circuit-canvas-pdf-download-button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border: none; border-radius: 4px; background: #0073aa; color: #fff; text-decoration: none; font-size: 0.9rem; font-weight: 600; line-height: 1.2; cursor: pointer; transition: background-color 0.2s ease; }
.tpl .circuit-canvas-pdf-download-icon { font-size: 1rem; line-height: 1; }
.tpl .circuit-canvas-pdf-download-button:hover, .tpl .circuit-canvas-pdf-download-button:focus { background: #005f8a; color: #fff; text-decoration: none; }
.tpl .circuit-canvas { margin: 1.4em 0; }
.tpl .circuit-canvas img { display: block; margin: 0 auto; max-height: 560px; width: auto; max-width: 100%; }
.tpl .circuit-canvas__link { margin: 6px 0 0; text-align: center; font-size: 0.8125rem; font-weight: 700; }
.tpl .circuit-canvas--parts table { max-width: 480px; border-collapse: collapse; }
.tpl .circuit-canvas--parts th, .tpl .circuit-canvas--parts td { border: 1px solid #ddd; padding: 6px 10px; text-align: left; }

/* A WordPress gallery (/reviews/): the pictures one under the other, as ohmify.com drew them, without the list's
   bullets, which showed there only because the gallery's own stylesheet was no longer loaded */
:where(.tpl) .wp-block-gallery .blocks-gallery-grid { list-style: none; }