/* WordPress-specific additions to the approved design (assets/css/style.css). */
.form-note { border-radius: 14px; padding: 12px 16px; font-weight: 600; margin: 0 0 16px; }
.form-note.good { background: var(--green-50); color: var(--green-700); }
.form-note.bad { background: #fde8e8; color: #9b1c1c; }
.newsletter .form-note { background: rgb(255 255 255 / .9); }

/* Editor content inside .prose */
.prose > * + * { margin-top: 0; }
.prose img { height: auto; border-radius: 18px; }
.prose .wp-block-image, .prose figure { margin: 1.6em 0; }
.prose .wp-block-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.prose .wp-block-gallery figure { margin: 0; }
.prose .wp-block-gallery img { aspect-ratio: 4/3; object-fit: cover; width: 100%; }
.prose a { color: var(--green-700); font-weight: 600; }
.prose h3 { font-size: 1.35rem; margin-top: 1.2em; }
.prose .genet-meta { color: var(--muted); }
.alignwide { margin-inline: calc(50% - 50vw + 16px); }

/* Pagination */
.pager { display: flex; gap: 10px; justify-content: center; margin-top: 40px; }
.pager .page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; border-radius: 999px; background: #fff; border: 1px solid var(--line); text-decoration: none; font-weight: 700; padding: 0 14px; }
.pager .current { background: var(--green); color: #fff; border-color: var(--green); }

/* Field update (single) */
.field-single header { display: flex; gap: 12px; align-items: center; margin-bottom: 18px; }
.field-single .av { width: 52px; height: 52px; }

.skip-link { position: absolute; left: -9999px; top: 8px; z-index: 100; background: #fff; padding: 10px 14px; border-radius: 10px; }
.skip-link:focus { left: 8px; }
:focus-visible { outline: 3px solid var(--pink); outline-offset: 2px; }