/* WordPress-only pages the static site did not have: a blog post, plain pages (privacy, sign-in) and the signed-in
   documentation (theme-owned: tools/wp-export.mjs refreshes assets/, not this folder). Editor content (paragraphs, headings, lists, images, quotes, tables, buttons) in the site's type.
   Loaded only on those pages, after site.css. */

.post-h, .pg-plain .ph { padding-bottom: clamp(36px, 4vw, 60px); }
.post-h .ph-in, .pg-plain .ph-in { grid-template-columns: minmax(0, 1fr); }
.post-t { max-width: 22ch; }
.post-img img { display: block; width: 100%; height: auto; max-height: min(70vh, 680px); object-fit: cover; border-radius: var(--r); }

.post-body { padding-block: clamp(48px, 6vw, 88px) clamp(64px, 8vw, 120px); }
.post + .blogs { padding-top: 0; }
.prose { max-width: 46rem; font-size: clamp(17px, 1.2vw, 19px); line-height: 1.75; color: var(--ink-2); overflow-wrap: break-word; }
.prose > * + * { margin-top: 1.15em; }
.prose > :first-child { margin-top: 0; }
.prose p:empty, .prose p:has(> br:only-child) { display: none; }
.prose :is(h1, h2, h3, h4, h5, h6) { color: var(--ink); font-weight: 700; line-height: 1.22; letter-spacing: -.01em; margin-top: 2em; }
.prose :is(h1, h2, h3, h4, h5, h6) + * { margin-top: .7em; }
.prose :is(h1, h2) { font-size: clamp(26px, 2.2vw, 34px); }
.prose h3 { font-size: clamp(21px, 1.6vw, 25px); }
.prose :is(h4, h5, h6) { font-size: 1.05em; }
.prose strong, .prose b { color: var(--ink); font-weight: 700; }
.prose a { color: var(--blue); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.prose a:hover { text-decoration-thickness: 2px; }
.prose :is(ul, ol) { padding-left: 1.3em; }
.prose li + li { margin-top: .45em; }
.prose li::marker { color: var(--blue); }
.prose :is(img, video, iframe) { max-width: 100%; height: auto; border-radius: calc(var(--r) * .7); }
.prose figure { margin-block: 2em; }
.prose figcaption { margin-top: .7em; font-size: 14px; color: var(--ink-3); }
.prose blockquote { margin: 2em 0; padding: .2em 0 .2em 1.2em; border-left: 3px solid var(--blue); color: var(--ink); font-size: 1.1em; }
.prose hr { border: 0; border-top: 1px solid var(--line); margin-block: 2.5em; }
.prose table { width: 100%; border-collapse: collapse; font-size: .92em; }
.prose :is(th, td) { padding: .7em .8em; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.prose th { color: var(--ink); font-weight: 700; }
.prose code { font-size: .9em; padding: .1em .35em; border-radius: 6px; background: var(--mist); }
.prose pre { padding: 1em 1.2em; border-radius: calc(var(--r) * .6); background: var(--mist); overflow: auto; }
.prose .wp-block-spacer { max-height: 48px; }
.prose .wp-block-button__link, .prose .wp-element-button { display: inline-block; padding: .8em 1.4em; border-radius: 999px; background: var(--blue); color: #fff; text-decoration: none; font-family: var(--f-ui); font-size: 15px; font-weight: 500; }
.prose .alignwide, .prose .alignfull { max-width: none; }
.prose .aligncenter { margin-inline: auto; text-align: center; }

/* forms of the plugins inside editor content (Contact Form 7, sign-in and sign-up) in the site's fields */
.prose :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], textarea, select) { width: 100%; padding: 13px 16px; border: 1px solid var(--line); border-radius: 12px; font: inherit; font-size: 16px; color: var(--ink); background: #fff; }
.prose :is(input, textarea, select):focus { outline: 2px solid var(--blue); outline-offset: 1px; border-color: transparent; }
.prose :is(input[type="submit"], button[type="submit"]) { padding: 14px 26px; border: 0; border-radius: 999px; background: var(--blue); color: #fff; font: 500 15px var(--f-ui); cursor: pointer; }