/* The journal shares the homepage's limestone and agave palette. */
.journal-page { background: #f6f3ec; color: #343d30; font-family: 'DM Sans', system-ui, sans-serif; font-weight: 400; }
.journal-page .header { background: #f6f3ecf5; border-color: #dcded2; }
.journal-page .wordmark { flex-direction: row; align-items: center; gap: 10px; }
.journal-logo { width: 30px; height: 30px; }
.journal-page .wordmark-name { color: #343d30; white-space: nowrap; }
.journal-page .nav-list a { font-size: .75rem; letter-spacing: .025em; text-transform: none; }
.journal-page .nav-list { gap: 1.25rem; }
.journal-page .nav-list a:hover, .journal-page .nav-list a[aria-current="page"] { color: #a35c3e; }
.journal-page .btn { font-family: 'DM Sans', system-ui, sans-serif; font-size: .75rem; text-transform: none; }
.journal-page .btn-primary { background: #364331; border-color: #364331; }
.journal-page .btn-primary:hover { background: #4d5a44; border-color: #4d5a44; }
.journal-page .btn-outline { border-color: #718064; color: #e8e9df; }
.journal-page .btn-outline:hover { background: #4d5a44; }
.journal-page .page-hero { background: #e8e9df; }
.journal-page .page-title { color: #343d30; letter-spacing: -.035em; }
.journal-page .page-sub { color: #66695e; }
.journal-page .mobile-nav { background: #f6f3ec; }
.journal-page .blog-card { background: #efeee6; border-color: #dcded2; border-radius: 0; box-shadow: none; }
.journal-page .blog-card:hover { border-color: #75816a; box-shadow: none; }
.journal-page .blog-card-category, .journal-page .blog-card-cta, .journal-page .sidebar-label, .journal-page .blog-sidebar-back, .journal-page .blog-breadcrumb a { color: #895034; }
.journal-page .blog-card-title, .journal-page .blog-section h2, .journal-page .blog-sidebar-card h3 { color: #343d30; }
.journal-page .blog-card-excerpt, .journal-page .blog-section p, .journal-page .blog-sidebar-card p { color: #59604f; font-weight: 400; }
.journal-page .blog-intro { border-color: #8b987c; color: #48533e; }
.journal-page .blog-tip { background: #e8e9df; color: #48533e; border-color: #8b987c; }
.journal-page .blog-tip strong { color: #364331; }
.journal-page .blog-sidebar-card { background: #e8e9df; border-color: #dcded2; border-radius: 0; }
.journal-page .blog-sidebar { top: 90px; }
.journal-page .blog-cta-box, .journal-page .footer { background: #364331; }
.journal-page .blog-cta-box { border-radius: 0; }
.journal-page .blog-cta-box p { color: #e0e4d9; }
.journal-page .blog-cta-box .btn { background: #f6f3ec; color: #343d30; border-color: #f6f3ec; }
.journal-page .blog-cta-box .btn:hover { background: #e8e9df; border-color: #e8e9df; }
.journal-page .blog-section a { text-decoration: underline; text-underline-offset: 3px; color: #7e4a32; }
.journal-page .blog-section a:hover { color: #364331; }
.journal-byline { margin-top: 1.5rem; font-size: .75rem; color: #59604f; }
.journal-cover { margin-top: 3rem; }
.journal-cover img { width: 100%; aspect-ratio: 2.2; object-fit: cover; }
.journal-cover figcaption { margin-top: .75rem; color: #66695e; font-size: .75rem; }
.journal-page .journal-day { font-size: .65rem; font-weight: 500; letter-spacing: .16em; color: #895034; margin-bottom: .75rem; }
.blog-featured { display: grid; grid-template-columns: 1.15fr 1fr; margin-bottom: 3rem; background: #364331; color: #f6f3ec; }
.blog-featured:hover { text-decoration: none; }
.blog-featured-photo { overflow: hidden; }
.blog-featured img { height: 100%; width: 100%; object-fit: cover; transition: transform .5s; }
.blog-featured:hover img { transform: scale(1.025); }
.blog-featured-copy { padding: clamp(1.5rem,4vw,3.5rem); align-self: center; }
.blog-featured .blog-card-category { color: #d8dfcc; }
.blog-featured h2 { font-size: clamp(2rem,3.7vw,3rem); line-height: 1.05; margin: 1rem 0; }
.blog-featured-copy > p:not(.blog-card-category) { font-size: .875rem; line-height: 1.8; color: #e0e4d9; }
.blog-featured .blog-card-cta { display: inline-block; margin-top: 1.5rem; color: #f6f3ec; border-bottom: 1px solid #9ba98b; padding-bottom: .4rem; }
@media (max-width: 650px) {
  .blog-featured { grid-template-columns: 1fr; }
  .blog-featured img { aspect-ratio: 1.5; }
  .journal-cover img { aspect-ratio: 1.3; }
  .journal-byline { line-height: 1.8; }
}
@media (prefers-reduced-motion: reduce) {
  .journal-page *, .journal-page *::before, .journal-page *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}