/* Makes WordPress's block markup behave like the original hand-built pages.
   The design itself lives in base.css / pages.css; nothing here should change how a page looks. */

/* A paragraph the converter wrapped around inline content (date plates, link rows, labels):
   it disappears from layout and takes its look from its parent, exactly like the original markup. */
p.bare.bare { display: contents; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; max-width: none; margin: 0; }

/* Block wrappers that did not exist before */
.wp-site-blocks, .wp-block-post-content, .entry-content { display: contents; }
.wp-block-template-part:empty { display: none; }
:where(figure.wp-block-table) { margin: 0; }   /* the original table had no figure around it */
.wp-block-image img { max-width: 100%; }
.wp-block-table table { width: 100%; border-collapse: collapse; }
.wp-block-quote { margin: 0; }
details.wp-block-details > summary { cursor: pointer; }

/* A photo that sat directly in a box (no figure) in the original: the block's figure steps out of the layout,
   so the photo sizes against the box exactly as before. */
figure.bare-img { display: contents; }
.page-hero > figure.bare-img > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Line breaks inside a paragraph are saved as <br> by the editor, so "keep line breaks" is no longer needed on the
   wrapper (it would show the editor's own formatting line as a blank line). */
.board dd.lines.lines { white-space: normal; }

/* Contact form (WPForms, its own CSS switched off): laid out like the original preview form (.form in pages.css). */
.wpforms-container.form { display: block; }
.wpforms-container.form .wpforms-form { display: grid; gap: 18px; }
.wpforms-container.form .wpforms-field-container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; }
.wpforms-container.form .wpforms-field { display: grid; gap: 6px; grid-column: 1 / -1; margin: 0; }
.wpforms-container.form .wpforms-field.wpforms-one-half { grid-column: auto; }
.wpforms-container.form .wpforms-required-label { display: none; }
.wpforms-container.form textarea { height: 154px; }   /* the preview form used rows="5" */
.wpforms-container.form .wpforms-submit-container { margin: 0 0 18px; }   /* the preview had an empty status line under the button */
.wpforms-container.form .wpforms-submit-spinner { display: none; }
.wpforms-container.form em.wpforms-error, .wpforms-container.form label.wpforms-error { color: var(--ember); font-size: 15px; font-weight: 600; }
.wpforms-confirmation-container { background: var(--bone); border: 1px solid var(--rule); padding: 24px 32px; font-size: 18px; }
@media (max-width: 900px) {   /* same breakpoint as .form__row in pages.css */
  .wpforms-container.form .wpforms-field-container { grid-template-columns: minmax(0, 1fr); }
  .wpforms-container.form .wpforms-field.wpforms-one-half { grid-column: 1 / -1; }
}

/* The quote block wraps its words in a paragraph; the words take the quote's look, not the section's paragraph style. */
.since blockquote > p { font: inherit; color: inherit; letter-spacing: inherit; max-width: none; margin: 0; }

/* A timeline entry with no year box keeps its words in the right-hand column, lined up with the dated entries. */
.timeline li > div:first-child { grid-column: 2; }

/* Client QA round 10 (2026-11-05). */
/* WPForms' own stylesheet is off, so its hidden helper text ("Submit button is disabled during form submission.") showed while sending. */
.wpforms-container .wpforms-hidden { display: none !important; }
/* Home "Things to do": a linked card title makes the whole card clickable. */
.thing { position: relative; }
.thing h3 a { color: inherit; text-decoration: none; }
.thing h3 a::after { content: ""; position: absolute; inset: 0; }
.thing:hover h3 a, .thing h3 a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
/* Less brown under the tree table, and room above "This year on the farm". */
.trees { padding-bottom: 88px; }
.rail { padding-top: 64px; }
@media (max-width: 900px) {
  .trees { padding-bottom: 56px; }
  .rail { padding-top: 44px; }
}