/* WordPress-only additions to main.css (shared with the static prototype). */

/* Notes in post content: icon from CSS (no inline SVG in the editor) */
.note::before { content: ""; flex-shrink: 0; width: 22px; height: 22px; margin-top: 2px; background: var(--green);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center / contain no-repeat; }
.note:has(> svg)::before { content: none; }

/* Contact form honeypot */
.cform__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cform__submit[disabled] { opacity: .6; cursor: wait; }

/* Sticky bars below the WordPress admin bar */
@media (min-width: 783px) and (max-width: 1023px) { .admin-bar .topbar { top: 32px; } .admin-bar .navbar { top: calc(68px + 32px); } }
@media (min-width: 1024px) { .admin-bar .navbar { top: 32px; } }

/* Content coming from the editor */
.prose img { max-width: 100%; height: auto; }
.prose .alignleft { float: left; margin: 6px 20px 12px 0; }
.prose .alignright { float: right; margin: 6px 0 12px 20px; }
.prose .aligncenter { display: block; margin-inline: auto; }
.prose figure, .prose .wp-caption { max-width: 100%; margin: 18px 0; }
.prose .wp-caption-text, .prose figcaption { font-size: 14px; color: var(--muted); margin-top: 6px; }
.split__text > p + p { margin-top: 12px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.nav-links { display: flex; gap: 8px; justify-content: center; margin-top: 28px; }
.nav-links .page-numbers { padding: 6px 12px; border: 1px solid var(--line); text-decoration: none; color: var(--grey); }
.nav-links .current { background: var(--grey); color: #fff; }