/* The block editor writes different tags than the static site (p instead of span, div instead of figure, details for the FAQ).
   These rules map the same design onto them. Loaded after site.css. */
:where(.wp-block-image) { margin: 0; }
.wp-block-image img { display: block; max-width: 100%; height: auto; }
[class*="-art"] .wp-block-image img, [class*="-frame"] .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
:where(.wp-block-buttons) { margin: 0; }
:where(.wp-block-group) { margin: 0; }
:where(.wp-block-quote) { margin: 0; border: 0; padding: 0; }
.stretch { position: relative; }
.stretch a::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.stretch:focus-within { outline: 2px solid var(--terra-deep); outline-offset: 4px; border-radius: 4px; }
.stretch a:focus-visible { outline: none; }
/* figcaption became a paragraph with the class figcaption */
.mosaic .figcaption { font-size: 13.5px; color: var(--muted); margin-top: 10px; }
.portrait .figcaption { display: flex; flex-direction: column; margin-top: 30px; position: relative; font-size: 14px; color: var(--muted); }
.portrait .figcaption strong { font-family: var(--serif); font-weight: 400; font-size: 24px; color: var(--ink); }
p.link-line { margin: 0; }
.wp-block-details.acc-item { border-bottom: 1px solid var(--line); }
.wp-block-details.acc-item > summary { cursor: pointer; padding: 24px 0; font-family: var(--serif); font-size: clamp(22px, 2.2vw, 28px); min-height: 44px; }
.wp-block-details.acc-item > :not(summary) { padding-bottom: 20px; }

p:where(.rhl-t) { margin: 0; }                      /* a text that was a div or a span: no paragraph margins of its own */
[class*="-art"] > .wp-block-image { height: 100%; }  /* image frames fill their aspect-ratio box */
.stretch a { text-decoration: none; color: inherit; }
p:where(.rhl-t) { color: inherit; font-size: inherit; line-height: inherit; font-family: inherit; letter-spacing: inherit; }
.hero .hero-fig .caption { margin-top: 30px; }
.wp-block-buttons.p-like { margin: 0 0 1.1em; }   /* the button used to sit inside a paragraph */
.wp-block-image figcaption.wp-element-caption { margin-bottom: 0; margin-top: 0; }
.wp-block-post-content { display: contents; }   /* the wrapper must not change how margins collapse between the content and its neighbours */
.art-body > .wp-block-post-content > p:first-child::first-letter { font-family: var(--serif); float: left; font-size: 4.4em; line-height: .82; padding: 8px 12px 0 0; color: var(--terra); }   /* the drop cap of the prototype, through the wrapper */

/* generated: frames that size their image to 100% */
.art-in > .wp-block-image { height: 100%; }
.art-in .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.choice-art > .wp-block-image { height: 100%; }
.choice-art .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.door-art > .wp-block-image { height: 100%; }
.door-art .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.phone > .wp-block-image { height: 100%; }
.phone .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.post-art > .wp-block-image { height: 100%; }
.post-art .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.res-art > .wp-block-image { height: 100%; }
.res-art .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.res-thumb > .wp-block-image { height: 100%; }
.res-thumb .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.seal-person > .wp-block-image { height: 100%; }
.seal-person .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.tile-art > .wp-block-image { height: 100%; }
.tile-art .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.way-photo > .wp-block-image { height: 100%; }
.way-photo .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.mosaic .wp-block-image figcaption { font-size: 13.5px; color: var(--muted); margin-top: 10px; }
.portrait .wp-block-image figcaption { display: flex; flex-direction: column; margin-top: 14px; font-size: 14px; color: var(--muted); }
.portrait .wp-block-image figcaption strong { font-family: var(--serif); font-weight: 400; font-size: 24px; color: var(--ink); }
.portrait .wp-block-image figcaption { margin-top: 30px; position: relative; }
.mosaic .wp-block-image figcaption, .portrait .wp-block-image figcaption { font-size: 13.5px; }
.way-card > .wp-block-buttons { margin-top: auto; }