/*
Theme Name: Luxury Person (Kadence Child)
Description: Quiet Luxury Editorial design for luxuryperson.com — Direction A.
Template: kadence
Version: 1.0.0
Text Domain: kadence-child-lp
*/

/* ── Masthead (Phase 2) ─────────────────────────────────────────────────── */

.site-title em {
  font-style: italic;
  font-weight: 400;
}

/* Wordmark row (compact masthead, design fix 2026-07-12) */
#main-header .site-main-header-wrap .site-header-row {
  min-height: 0;
  padding: 20px 0 12px;
}
#main-header .site-branding {
  text-align: center;
}
#main-header .lp-tagline {
  font-family: var(--lp-serif);
  font-style: italic;
  font-size: 13px;
  letter-spacing: .02em;
  color: var(--lp-ink-3);
  margin: 6px 0 0;
}

/* Nav row */
#main-header .site-bottom-header-wrap .site-header-row {
  min-height: 0;
  padding: 10px 0;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a {
  padding: 0 18px 2px;
}
.main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current-menu-ancestor > a,
.main-navigation .menu > li.current-menu-parent > a {
  box-shadow: inset 0 -1.5px 0 var(--lp-accent);
}

/* Mobile header + drawer */
#mobile-header .site-header-row {
  min-height: 60px;
}
#mobile-header .site-title {
  font-size: 26px;
}
#mobile-drawer .drawer-inner,
#mobile-drawer .drawer-header {
  background: var(--lp-bg);
  color: var(--lp-ink);
}
#mobile-drawer .mobile-navigation ul li {
  border-bottom: 1px solid var(--lp-rule);
}
#mobile-drawer .mobile-navigation ul li a,
#mobile-drawer .menu-toggle-close {
  color: var(--lp-ink);
  font-family: var(--lp-sans);
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

/* ── Footer (Phase 2) ───────────────────────────────────────────────────── */

.site-footer .lp-footer-brand {
  font-family: var(--lp-serif);
  font-size: 28px;
  letter-spacing: .03em;
  color: var(--lp-ink);
}
.site-footer .lp-footer-blurb {
  font-size: 12.5px;
  line-height: 1.6;
  margin-top: 12px;
  max-width: 360px;
  color: var(--lp-ink-2);
}
.site-footer .widget_nav_menu ul li {
  margin: 0;
}
.site-footer .widget_nav_menu ul li a {
  font-family: var(--lp-serif);
  font-size: 15px;
  line-height: 1.95;
}

/* ── Homepage (Phase 3) ─────────────────────────────────────────────────── */

/* A section whose Query Loop returned no posts disappears entirely. */
.lp-collapse:not(:has(.wp-block-post-template)) {
  display: none;
}

.lp-home-section {
  max-width: var(--global-content-width, 1290px);
  margin-left: auto;
  margin-right: auto;
  padding: 44px var(--global-content-edge-padding, 1.5rem);
}
.wp-block-query.lp-hero {
  padding-top: 40px;
}
.lp-desk,
.lp-columns {
  border-top: 1px solid var(--lp-rule);
}
.lp-brands {
  padding: 48px 0 8px;
  text-align: center;
}
ul.wp-block-post-template {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Eyebrows */
.lp-eyebrow,
.lp-eyebrow a {
  font-family: var(--lp-sans);
  font-size: 10px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--lp-accent);
  text-decoration: none;
}
/* Kadence prints its element typography after this sheet — margin overrides
   below need an ancestor class to outrank it. */
.lp-home-section p.lp-eyebrow,
.lp-home-section div.lp-eyebrow {
  margin: 0 0 4px;
}
.lp-eyebrow-muted,
.lp-eyebrow-muted a {
  color: var(--lp-ink-3);
}

/* Meta rows (author · date) */
.lp-meta,
.lp-meta a {
  font-family: var(--lp-sans);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--lp-ink-2);
  text-decoration: none;
}
/* div qualifier: Kadence's `.single-content .wp-block-group {margin-top:0}`
   prints after this sheet at equal specificity — (0,2,1) is needed to win. */
div.wp-block-group.lp-meta {
  gap: 8px;
  margin-top: 14px;
}
.lp-meta > *:not(:first-child)::before {
  content: "·\00a0";
  color: var(--lp-ink-3);
}

/* Hero */
.wp-block-columns.lp-hero-grid {
  gap: 56px;
}
.lp-hero h2.lp-hero-title {
  font-size: clamp(32px, 3.5vw, 50px);
  line-height: 1.05;
  letter-spacing: -.01em;
  margin: 14px 0 14px;
}
.lp-hero-title a,
h4.lp-card-title a,
h5.lp-row-title a {
  color: var(--lp-ink);
  text-decoration: none;
}
.lp-hero-title a:hover,
h4.lp-card-title a:hover,
h5.lp-row-title a:hover {
  color: var(--lp-accent);
}
.lp-hero .lp-dek p {
  font-family: var(--lp-serif);
  font-size: 19px;
  line-height: 1.55;
  color: var(--lp-ink-2);
  max-width: 480px;
  margin: 0;
}
.lp-hero div.lp-meta {
  margin-top: 26px;
}
/* Landscape lead image: portrait 4/5 left a ~200px void beside the title */
.lp-hero .wp-block-post-featured-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.lp-desk .wp-block-post-featured-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* The Buying Desk */
div.wp-block-group.lp-sec-head {
  margin-bottom: 36px;
  gap: 16px;
}
.wp-block-group.lp-sec-head > .wp-block-group {
  flex: 1 1 auto;
  width: auto;
}
.lp-sec-head h3.lp-sec-title {
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing: -.005em;
  margin: 8px 0 0;
}
.lp-sec-head p.lp-see-all {
  margin: 0;
}
/* Kill WP block-gap margins so section internals use our spacing. */
.lp-desk .wp-block-query,
.lp-collist .wp-block-query {
  margin: 0;
}
.lp-see-all a {
  font-family: var(--lp-sans);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--lp-ink-2);
  text-decoration: none;
  border-bottom: 1px solid var(--lp-ink-2);
  padding-bottom: 2px;
}
ul.wp-block-post-template.is-layout-grid {
  gap: 40px;
}
.lp-desk .wp-block-post-featured-image {
  margin-bottom: 18px;
}
.lp-desk h4.lp-card-title {
  font-size: 24px;
  line-height: 1.18;
  letter-spacing: -.003em;
  margin: 10px 0 0;
}

/* Brand directory */
.lp-brands .lp-eyebrow {
  margin-bottom: 22px;
}
.lp-brand-list,
.lp-brand-list a {
  font-family: var(--lp-serif);
  font-size: 22px;
  font-style: italic;
  line-height: 1.7;
  color: var(--lp-ink);
  text-decoration: none;
}
.lp-brand-list a:hover {
  color: var(--lp-accent);
}
.lp-dot {
  color: var(--lp-ink-3);
  padding: 0 8px;
}

/* Two-column lists */
.wp-block-columns.lp-columns {
  gap: 64px;
}
.lp-collist h4.lp-col-title {
  font-size: 26px;
  margin: 0;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--lp-ink);
}
.lp-collist li.wp-block-post {
  padding: 18px 0;
  border-bottom: 1px solid var(--lp-rule);
}
.lp-collist h5.lp-row-title {
  font-family: var(--lp-serif);
  font-size: 21px;
  font-weight: 400;
  line-height: 1.25;
  margin: 6px 0 0;
}
.lp-collist div.lp-meta {
  margin-top: 6px;
  font-size: 10.5px;
  letter-spacing: .14em;
  color: var(--lp-ink-3);
}

@media (max-width: 781px) {
  .lp-home-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .wp-block-columns.lp-columns {
    gap: 8px;
  }
}

/* ── Article (Phase 4) ──────────────────────────────────────────────────── */

/* Title band: eyebrow category, headline, italic dek, meta.
   Kadence defaults the band to palette7 (surface) — spec has no band. */
.single-post .entry-hero-container-inner {
  background: transparent;
}
.single-post .entry-hero .hero-container {
  padding-top: 32px;
  padding-bottom: 8px;
}
.single-post .entry-taxonomies,
.single-post .entry-taxonomies a {
  font-family: var(--lp-sans);
  font-size: 10px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--lp-accent);
  text-decoration: none;
}
.single-post .entry-hero h1.entry-title {
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.1;
  letter-spacing: -.005em;
  margin: 14px 0 16px;
}
.single-post .title-entry-excerpt p {
  font-family: var(--lp-serif);
  font-style: italic;
  font-size: 18px;
  line-height: 1.55;
  color: var(--lp-ink-2);
  max-width: 620px;
  margin: 0 auto;
}
.single-post .entry-hero .entry-meta {
  margin-top: 16px;
  font-family: var(--lp-sans);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* Featured image: break out of the narrow measure to content width */
.single-post .article-post-thumbnail,
.single-post .lp-related {
  width: min(var(--global-content-width, 1290px), 100vw - 3rem);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.single-post .article-post-thumbnail {
  margin: 8px 0 48px;
}

/* Body: serif 19/1.65 on ink-2, ~660px measure (container is 708 − padding) */
.single-post .entry-content {
  font-family: var(--lp-serif);
  font-size: 19px;
  line-height: 1.65;
  color: var(--lp-ink-2);
}
.single-post .entry-content > p {
  margin: 0 0 24px;
}
.single-post .entry-content > p:first-of-type::first-letter {
  float: left;
  font-size: 64px;
  line-height: .8;
  margin: 7px 10px 0 0;
  font-weight: 500;
  color: var(--lp-ink);
}
.single-post .entry-content :is(h2, h3, h4) {
  font-style: italic;
  color: var(--lp-ink);
  margin: 40px 0 18px;
  line-height: 1.15;
}

/* Hair-rule separators */
.single-post .entry-content hr {
  border: 0;
  height: 1px;
  background: var(--lp-rule);
  margin: 40px auto;
  max-width: none;
}

/* Quotes: centered italic serif between ink rules */
.single-post .entry-content blockquote,
.wp-block-pullquote.lp-pullquote {
  border: solid var(--lp-ink);
  border-width: 1px 0;
  margin: 40px 0;
  padding: 24px 0;
  text-align: center;
}
.single-post .entry-content blockquote p,
.wp-block-pullquote.lp-pullquote blockquote p {
  font-family: var(--lp-serif);
  font-style: italic;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -.005em;
  color: var(--lp-ink);
  margin: 0;
}
.wp-block-pullquote.lp-pullquote blockquote p {
  font-size: 32px;
}
/* the figure carries the rules; its inner blockquote must not double them */
.single-post .entry-content .wp-block-pullquote blockquote {
  border: 0;
  margin: 0;
  padding: 0;
}
.single-post .entry-content blockquote cite,
.wp-block-pullquote.lp-pullquote cite {
  display: block;
  margin-top: 14px;
  font-family: var(--lp-sans);
  font-style: normal;
  font-size: 10.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--lp-ink-3);
}

/* Tables: mono label/value rows (spec box included) */
.single-post .entry-content table {
  font-family: var(--lp-mono);
  font-size: 13px;
  border-collapse: collapse;
}
.single-post .entry-content :is(td, th) {
  border: 0;
  border-top: 1px solid var(--lp-rule);
  padding: 10px 12px 10px 0;
}
.single-post .entry-content tr:last-child :is(td, th) {
  border-bottom: 1px solid var(--lp-rule);
}
.single-post .entry-content td:first-child {
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lp-ink-3);
  white-space: nowrap;
}

/* Easy Table of Contents */
.single-post #ez-toc-container {
  background: transparent;
  border: solid var(--lp-rule);
  border-width: 1px 0;
  border-radius: 0;
  box-shadow: none;
  padding: 20px 0;
  margin-bottom: 32px;
  width: 100%;
}
.single-post #ez-toc-container .ez-toc-title {
  font-family: var(--lp-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--lp-ink);
}
.single-post #ez-toc-container ul li a,
.single-post #ez-toc-container ul li a:visited {
  font-family: var(--lp-sans);
  font-size: 13px;
  color: var(--lp-ink-2);
}
.single-post #ez-toc-container ul li a:hover {
  color: var(--lp-accent);
}
/* Scrollspy (functions.php): section currently in view */
.single-post #ez-toc-container ul li a.lp-toc-active,
.single-post #ez-toc-container ul li a.lp-toc-active:visited {
  color: var(--lp-accent);
}

/* Dealer panel: full-bleed surface band */
div.wp-block-group.lp-dealer-panel {
  background: var(--lp-surface);
  border: solid var(--lp-rule);
  border-width: 1px 0;
  padding: 48px 24px;
  margin: 48px 0;
}
.lp-dealer-panel h4.lp-dealer-title {
  font-style: normal;
  font-size: 32px;
  margin: 12px 0 10px;
}
.lp-dealer-panel p.lp-dealer-dek {
  font-family: var(--lp-serif);
  font-size: 16px;
  line-height: 1.55;
  color: var(--lp-ink-2);
  max-width: 540px;
  margin: 0 auto 26px;
}

/* Affiliate buttons: outlined, uppercase, arrow */
.lp-affil .wp-block-button__link {
  background: transparent;
  border: 1px solid var(--lp-ink);
  border-radius: 0;
  color: var(--lp-ink);
  font-family: var(--lp-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  padding: 11px 16px;
}
.lp-affil .wp-block-button__link::after {
  content: " →";
}
.lp-affil .wp-block-button__link:hover {
  border-color: var(--lp-accent);
  color: var(--lp-accent);
  background: transparent;
}

/* Related posts (rendered by functions.php) */
.single-post .lp-related {
  padding: 48px 0 8px;
  border-top: 1px solid var(--lp-rule);
  margin-top: 24px;
}
.lp-related .lp-related-head {
  text-align: center;
  margin-bottom: 32px;
}
.lp-related h4.lp-related-title {
  font-size: 30px;
  margin: 10px 0 0;
}
.lp-related .lp-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.lp-related .lp-related-img img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}
.lp-related .lp-related-img {
  display: block;
  margin-bottom: 18px;
}
.lp-related p.lp-eyebrow {
  margin: 0 0 4px;
}
.lp-related h4.lp-card-title {
  font-size: 24px;
  line-height: 1.18;
  letter-spacing: -.003em;
  margin: 6px 0 0;
}
.lp-related .lp-meta {
  margin-top: 12px;
}

@media (max-width: 781px) {
  .single-post .entry-hero .hero-container {
    padding-top: 36px;
  }
  .single-post .entry-content {
    font-size: 17px;
  }
  .lp-related .lp-related-grid {
    grid-template-columns: 1fr;
  }
}

/* ── Fixes 2026-07-12 ───────────────────────────────────────────────────── */

/* Static pages: compact title band matching the article treatment
   (breadcrumbs + 180px starter height removed via phase6b-fixes.php mods). */
.page .entry-hero-container-inner {
  background: transparent;
}
.page .entry-hero .hero-container {
  padding-top: 32px;
  padding-bottom: 0;
}
.page .entry-hero h1.entry-title {
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.1;
  letter-spacing: -.005em;
  margin: 0;
}

/* Image captions: below the image, not overlaid (WP core overlays gallery
   captions on the image with a gradient — unreadable on photos). */
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  position: static;
  background: none;
  padding: 0;
  text-shadow: none;
}
.entry-content .wp-block-image figcaption,
.entry-content .wp-block-gallery figcaption {
  font-family: var(--lp-sans);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .02em;
  color: var(--lp-ink-3);
  text-align: center;
  margin: 8px 0 0;
}
/* cropped gallery rows: keep images equal-height, caption hangs below */
.entry-content .wp-block-gallery.is-cropped figure.wp-block-image {
  align-self: flex-start;
}

/* Native lightbox (expand on click, enabled in child theme.json):
   skin the overlay for the charcoal design. */
.wp-lightbox-overlay .scrim {
  background-color: var(--lp-bg) !important; /* core sets #fff inline */
  opacity: .95;
}
.wp-lightbox-overlay button {
  color: var(--lp-ink);
}

/* Article overview: sticky left rail when the viewport has room for it. */
@media (min-width: 1360px) {
  .single-post #ez-toc-container {
    /* plugin sets display:table, where height:0 acts as min-height and the
       container keeps its full content height — a hole in the article flow */
    display: block;
    position: sticky;
    top: 48px;
    height: 0;
    overflow: visible;
    padding: 0;
    margin: 0;
    border: 0;
    width: 260px;
    margin-left: -308px;
  }
  .single-post #ez-toc-container nav {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }
  .single-post #ez-toc-container ul li a {
    font-size: 12px;
    line-height: 1.4;
    display: inline-block;
    padding: 3px 0;
  }
}

/* ── Archives (Phase 5) ─────────────────────────────────────────────────── */

/* Centered header: eyebrow (functions.php hook), serif title, description dek.
   Kadence adds an 80px content-area top margin — kill it so archives open
   32px under the nav like the article title band. */
.archive .content-area,
.blog .content-area,
.search .content-area {
  margin-top: 0;
}
.entry-header.post-archive-title,
.entry-header.search-archive-title {
  padding: 32px 0 0;
}
.entry-header .lp-eyebrow {
  margin: 0;
}
.entry-header h1.page-title {
  font-size: clamp(38px, 4.5vw, 64px);
  line-height: 1;
  letter-spacing: -.01em;
  margin: 14px 0 18px;
}
.entry-header .archive-description {
  font-family: var(--lp-serif);
  font-size: 19px;
  line-height: 1.5;
  color: var(--lp-ink-2);
  max-width: 580px;
  margin: 0 auto;
}
.entry-header .archive-description p {
  margin: 0;
}

/* Filter bar: child cats + brand tags as plain archive links */
.lp-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  align-items: center;
  text-align: left;
  margin-top: 36px;
  padding: 14px 0;
  border-top: 1px solid var(--lp-ink);
  border-bottom: 1px solid var(--lp-rule);
  font-family: var(--lp-sans);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.lp-filter-bar a {
  color: var(--lp-ink-2);
  text-decoration: none;
}
.lp-filter-bar a:hover {
  color: var(--lp-accent);
}
.lp-filter-bar .lp-filter-current {
  color: var(--lp-ink);
  border-bottom: 1.5px solid var(--lp-accent);
  padding-bottom: 4px;
}

/* Rows: image left 280px | text (also search results & author archives) */
#archive-container {
  margin-top: 8px;
  row-gap: 0;
}
#archive-container li.entry-list-item {
  padding: 32px 0;
  border-bottom: 1px solid var(--lp-rule);
}
#archive-container.item-image-style-beside article.loop-entry.has-post-thumbnail {
  grid-template-columns: 280px 1fr;
  gap: 36px;
}
/* Spec order is title → dek → meta; Kadence prints meta inside the header.
   Flatten the header and reorder with flex. */
#archive-container .loop-entry .entry-content-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#archive-container .loop-entry .entry-header {
  display: contents;
}
#archive-container .loop-entry .entry-taxonomies { order: 1; }
#archive-container .loop-entry .entry-title      { order: 2; }
#archive-container .loop-entry .entry-summary    { order: 3; }
#archive-container .loop-entry .entry-meta       { order: 4; }
#archive-container .loop-entry .entry-footer     { order: 5; }

#archive-container .loop-entry .entry-taxonomies,
#archive-container .loop-entry .entry-taxonomies a {
  font-family: var(--lp-sans);
  font-size: 10px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--lp-accent);
  text-decoration: none;
}
#archive-container .loop-entry h2.entry-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.003em;
  margin: 10px 0 12px;
}
#archive-container .loop-entry h2.entry-title a {
  color: var(--lp-ink);
}
#archive-container .loop-entry h2.entry-title a:hover {
  color: var(--lp-accent);
}
#archive-container .loop-entry .entry-summary {
  margin: 0;
}
#archive-container .loop-entry .entry-summary p {
  font-family: var(--lp-serif);
  font-size: 17px;
  line-height: 1.5;
  color: var(--lp-ink-2);
  max-width: 600px;
  margin: 0 0 14px;
}
#archive-container .loop-entry .entry-meta {
  font-family: var(--lp-sans);
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--lp-ink-3);
}
#archive-container .loop-entry .entry-meta a {
  color: inherit;
  text-decoration: none;
}
#archive-container .loop-entry .entry-footer {
  margin-top: 16px;
}
#archive-container .loop-entry .entry-footer p.more-link-wrap {
  margin: 0;
}
#archive-container .loop-entry .post-more-link {
  font-family: var(--lp-sans);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--lp-ink);
  text-decoration: none;
}
#archive-container .loop-entry .post-more-link:hover {
  color: var(--lp-accent);
}
#archive-container .loop-entry .post-more-link svg {
  width: .85em;
  height: .85em;
}

/* Pagination: serif numerals, current = ink block with italic numeral */
nav.pagination {
  padding: 32px 0;
}
.pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.pagination .page-numbers {
  font-family: var(--lp-serif);
  font-size: 18px;
  color: var(--lp-ink);
  background: transparent;
  padding: 6px 14px;
  text-decoration: none;
  border: 0;
}
.pagination a.page-numbers:hover {
  color: var(--lp-accent);
  background: transparent;
}
.pagination .page-numbers.current {
  background: var(--lp-ink);
  color: var(--lp-bg);
  font-style: italic;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  color: var(--lp-ink-3);
}

/* Breadcrumbs (pages still show them): quiet uppercase line */
.kadence-breadcrumbs,
.kadence-breadcrumbs a {
  font-family: var(--lp-sans);
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--lp-ink-3);
}

/* 404 / no-results: centered, serif title, search form on the dark skin */
.error404 .site-main,
section.error .page-content {
  text-align: center;
}
.error404 h1.page-title,
.blog h1.post-home-title {
  font-size: clamp(32px, 4vw, 48px);
}
section.error .page-content p {
  font-family: var(--lp-serif);
  font-size: 19px;
  color: var(--lp-ink-2);
}
section.error .search-form,
.error404 .search-form {
  max-width: 420px;
  margin: 24px auto 64px;
}

@media (max-width: 781px) {
  /* Rows stack image above text */
  #archive-container.item-image-style-beside article.loop-entry.has-post-thumbnail {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}