/* Field Stories: the public blog and the admin preview share these styles. */
.bp { --bp-ink: #142213; --bp-muted: #4A5646; --bp-green: #1D351C; --bp-lime: #DAE066; --bp-line: #E2E8D8;
  background: #fff; border: 1px solid var(--bp-line); border-radius: 18px; padding: 36px 40px; max-width: 760px; margin: 0 auto; color: var(--bp-ink); box-sizing: border-box; }
.bp-kicker { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #6C7C37; margin: 0 0 10px; }
.bp-head h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 34px; line-height: 1.2; color: var(--bp-green); margin: 0 0 12px; }
.bp-stand { font-size: 18px; line-height: 1.55; color: var(--bp-muted); margin: 0 0 22px; }
.bp-body p, .bp-body li { font-size: 16.5px; line-height: 1.75; margin: 0 0 16px; }
.bp-body h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 22px; color: var(--bp-green); margin: 26px 0 10px; }
.bp-body ul { padding-left: 22px; margin: 0 0 16px; }
.bp-body blockquote { border-left: 4px solid var(--bp-lime); margin: 0 0 16px; padding: 4px 0 4px 16px; font-style: italic; color: var(--bp-muted); }
.bp-fig { margin: 0 0 18px; }
.bp-fig img { display: block; width: 100%; border-radius: 12px; object-fit: cover; aspect-ratio: 4 / 3; background: #F3F5EC; }
.bp-fig figcaption { font-size: 13px; color: var(--bp-muted); margin-top: 6px; }
.bp-hero img { aspect-ratio: 16 / 9; }
.bp-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 6px 0 18px; }
.bp-gallery { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); margin: 8px 0 18px; }
.bp-gallery.bp-n3 > :first-child { grid-column: 1 / -1; }
.bp-gallery.bp-n3 > :first-child img { aspect-ratio: 16 / 9; }
.bp-quote { margin: 8px 0 22px; padding: 18px 22px; background: #F3F5EC; border-radius: 14px; }
.bp-quote p { font-family: 'Playfair Display', Georgia, serif; font-size: 22px !important; line-height: 1.4 !important; color: var(--bp-green); margin: 0 !important; }
.bp-bigquote { background: var(--bp-green); color: #fff; border-radius: 16px; padding: 26px; margin: 0 0 24px; display: grid; gap: 18px; }
.bp-bigquote.with-photo { grid-template-columns: 1.2fr 1fr; align-items: center; }
.bp-bigquote blockquote { margin: 0; font-family: 'Playfair Display', Georgia, serif; font-size: 26px; line-height: 1.35; color: var(--bp-lime); }
.bp-bigquote .bp-fig { margin: 0; }
.bp-record { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--bp-line); font-size: 13.5px; color: var(--bp-muted); line-height: 1.6; }
.bp-record p { margin: 0 0 8px; }
.bp-record strong { color: var(--bp-ink); }

/* list page */
.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.blog-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #E2E8D8; border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow .15s; }
.blog-card:hover { box-shadow: 0 10px 30px -10px rgba(20, 34, 19, .25); }
.blog-card .cover { aspect-ratio: 16 / 9; background: linear-gradient(135deg, #1D351C, #2E4A3E); display: grid; place-items: center; color: #DAE066; font-family: 'Playfair Display', Georgia, serif; font-size: 22px; }
.blog-card .cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blog-card .txt { padding: 16px 18px 20px; }
.blog-card .txt small { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #6C7C37; }
.blog-card h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 20px; line-height: 1.3; color: #1D351C; margin: 6px 0 8px; }
.blog-card p { font-size: 14px; color: #4A5646; line-height: 1.55; margin: 0; }
.blog-back { display: inline-block; margin: 0 auto 16px; font-weight: 700; color: #1D351C; }

@media (max-width: 700px) {
  .bp { padding: 22px 18px; border-radius: 14px; }
  .bp-head h1 { font-size: 27px; }
  .bp-stand { font-size: 16.5px; }
  .bp-bigquote.with-photo { grid-template-columns: 1fr; }
  .bp-bigquote blockquote { font-size: 22px; }
}