.journal-page { background:#f4f2ed; color:#252c29; font-family:Arial,sans-serif; }
.journal-page .site-header { position:relative; background:#f4f2ed; }
.journal-page .journal-picks { display:block; }
.journal-page .site-nav a[aria-current="page"] { color:#234b3c; }
.journal-intro { padding:100px 0 80px; border-bottom:1px solid #d8dad2; }
.journal-eyebrow { margin:0 0 20px; color:#234b3c; font-size:11px; line-height:1.5; letter-spacing:.13em; font-weight:600; text-transform:uppercase; }
.journal-intro h1 { font-family:Georgia,serif; font-weight:400; font-size:clamp(56px,7.7vw,112px); line-height:1.03; letter-spacing:-.055em; margin:0 0 30px; }
.journal-intro h1 em { color:#234b3c; font-weight:400; }
.journal-intro > p:last-child { max-width:520px; margin:0; font-size:18px; line-height:1.65; color:#6c716b; }
.journal-picks,.journal-archive,.journal-related { padding:66px 0 70px; }
.journal-picks { border-bottom:1px solid #d8dad2; }
.journal-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:35px; }
.journal-section-heading h2 { font-family:Georgia,serif; font-size:clamp(28px,3.2vw,42px); line-height:1.15; font-weight:400; margin:0; letter-spacing:-.035em; }
.journal-section-heading > span,.journal-section-heading > a { font-size:12px; color:#6c716b; }
.journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px 28px; }
.journal-card { min-width:0; }
.journal-card-image { display:block; aspect-ratio:1.5; overflow:hidden; background:#e2e3da; margin-bottom:24px; }
.journal-card-image picture { display:block; width:100%; height:100%; }
.journal-card-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.journal-card:hover .journal-card-image img { transform:scale(1.035); }
.journal-card-copy .journal-eyebrow { margin-bottom:13px; font-size:10px; }
.journal-card h3 { font-family:Georgia,serif; font-size:25px; font-weight:400; line-height:1.27; letter-spacing:-.025em; margin:0 0 15px; }
.journal-card h3 a { text-decoration:none; color:inherit; }
.journal-card h3 a:hover { color:#234b3c; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.journal-card-summary { color:#6c716b; font-size:14px; line-height:1.7; margin:0 0 20px; }
.journal-date { border-top:1px solid #d8dad2; padding-top:17px; color:#6c716b; font-size:11px; display:flex; justify-content:space-between; gap:12px; }
.journal-date > span { font-size:18px; line-height:12px; color:#234b3c; }
.journal-image-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:#dce2d6; color:#234b3c; font-family:Georgia,serif; font-size:90px; }
.journal-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding-top:50px; margin-top:30px; border-top:1px solid #d8dad2; }
.journal-pagination a,.journal-pagination span { display:inline-flex; min-width:40px; height:40px; align-items:center; justify-content:center; border:1px solid #d8dad2; font-size:13px; text-decoration:none; }
.journal-pagination span { background:#234b3c; color:#fff; border-color:#234b3c; }
.journal-pagination a:hover { border-color:#234b3c; }
.journal-pagination .pagination-direction { padding:0 13px; }
.journal-back { display:inline-block; font-size:12px; color:#6c716b; text-decoration:none; margin:0 0 60px; }
.journal-back:hover { color:#234b3c; }
.article-heading { max-width:940px; margin:0 auto; padding:54px 0 50px; }
.article-heading h1 { font-family:Georgia,serif; font-size:clamp(36px,4.7vw,68px); line-height:1.12; font-weight:400; letter-spacing:-.04em; margin:0 0 28px; overflow-wrap:break-word; }
.article-excerpt { font-size:19px; color:#6c716b; line-height:1.65; max-width:780px; margin:0 0 27px; }
.article-byline { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:12px; color:#6c716b; line-height:1.5; }
.article-byline a { color:#234b3c; text-decoration:underline; text-underline-offset:3px; }
.article-hero { margin:0 auto 60px; max-width:1100px; }
.article-hero picture { display:block; }
.article-hero img { display:block; width:100%; height:auto; max-height:690px; object-fit:cover; }
.article-hero figcaption,.article-body figcaption { color:#6c716b; font-size:12px; line-height:1.5; margin-top:12px; text-align:center; }
.article-body { max-width:730px; margin:0 auto; color:#363f38; font-family:Georgia,serif; font-size:19px; line-height:1.85; overflow-wrap:break-word; }
.article-body p { margin:0 0 1.55em; color:inherit; }
.article-body h2 { font-size:34px; font-weight:400; letter-spacing:-.035em; line-height:1.25; margin:1.8em 0 .7em; color:#252c29; }
.article-body h3 { font-size:26px; font-weight:400; line-height:1.3; margin:1.7em 0 .7em; color:#252c29; }
.article-body h4,.article-body h5,.article-body h6 { font-size:21px; line-height:1.4; margin:1.5em 0 .5em; }
.article-body a { color:#234b3c; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.article-body a:hover { text-decoration-thickness:2px; }
.article-body blockquote { padding:6px 0 6px 26px; margin:38px 0; border-left:2px solid #234b3c; font-size:26px; color:#234b3c; line-height:1.55; font-style:italic; }
.article-body blockquote p:last-child { margin:0; }
.article-body img,.article-body video,.article-body iframe { max-width:100%; }
.article-body img { height:auto; }
.article-body figure { margin:36px 0; }
.article-body ul,.article-body ol { padding-left:25px; margin:0 0 1.5em; }
.article-body li { margin-bottom:.7em; }
.article-body hr { margin:45px 0; border:0; border-top:1px solid #d8dad2; }
.article-body pre { overflow-x:auto; padding:20px; background:#e8e9e1; font-size:14px; }
.article-body table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; font-size:16px; }
.article-body td,.article-body th { padding:12px; border:1px solid #d8dad2; }
.article-body .kg-gallery-container { display:flex; flex-direction:column; gap:12px; }
.article-body .kg-gallery-row { display:flex; gap:12px; }
.article-body .kg-gallery-image { flex:1; min-width:0; }
.article-body .kg-gallery-image img { width:100%; height:100%; object-fit:cover; }
.article-body .kg-bookmark-container { display:flex; padding:22px; border:1px solid #d8dad2; text-decoration:none; gap:16px; }
.article-body .kg-bookmark-content { flex:1; min-width:0; }
.article-body .kg-bookmark-title { font-size:19px; font-weight:600; line-height:1.4; }
.article-body .kg-bookmark-description,.article-body .kg-bookmark-metadata { font-family:Arial,sans-serif; font-size:12px; line-height:1.5; margin-top:10px; }
.article-body .kg-bookmark-thumbnail { flex:0 0 25%; }
.article-body .kg-bookmark-thumbnail img { height:100%; object-fit:cover; }
.article-body .kg-bookmark-icon { width:18px; vertical-align:middle; margin-right:8px; }
.article-author { max-width:730px; margin:70px auto; padding:32px; background:#e8ebe1; }
.article-author .journal-eyebrow { margin-bottom:12px; }
.article-author h2 { font-family:Georgia,serif; font-weight:400; font-size:29px; margin:0 0 15px; }
.article-author > p:not(.journal-eyebrow) { font-size:14px; line-height:1.7; color:#6c716b; max-width:570px; }
.article-author > a { font-size:12px; color:#234b3c; text-decoration:underline; text-underline-offset:4px; }
.journal-related { border-top:1px solid #d8dad2; }
.journal-footer { background:#234b3c; color:#f4f2ed; padding:48px 0 24px; }
.journal-footer a { color:inherit; text-decoration:none; }
.journal-footer-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:42px; }
.journal-footer-inner p { color:#c0cdc3; font-size:14px; }
.journal-footer-inner > a:last-child { font-size:13px; }
.journal-footer-bottom { border-top:1px solid #ffffff24; padding-top:22px; display:flex; gap:24px; font-size:11px; color:#c0cdc3; }
.journal-footer-bottom span { margin-right:auto; }
@media(max-width:900px) {
  .journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .journal-intro { padding:72px 0 60px; }
  .journal-card h3 { font-size:24px; }
}
@media(max-width:600px) {
  .journal-intro { padding:55px 0; }
  .journal-intro > p:last-child { font-size:16px; }
  .journal-grid { grid-template-columns:1fr; gap:36px; }
  .journal-section-heading { display:block; margin-bottom:28px; }
  .journal-section-heading > span,.journal-section-heading > a { display:block; margin-top:15px; }
  .journal-picks,.journal-archive,.journal-related { padding:42px 0 45px; }
  .journal-card h3 { font-size:27px; }
  .journal-card-image { margin-bottom:20px; }
  .article-heading { padding:34px 0 30px; }
  .journal-back { margin-bottom:40px; }
  .article-excerpt { font-size:16px; }
  .article-byline { font-size:11px; gap:7px; }
  .article-hero { margin-bottom:35px; }
  .article-body { font-size:18px; line-height:1.8; }
  .article-body h2 { font-size:29px; }
  .article-body h3 { font-size:24px; }
  .article-body blockquote { font-size:24px; padding-left:20px; }
  .article-author { padding:25px; margin:45px auto; }
  .journal-pagination { gap:6px; }
  .journal-pagination a,.journal-pagination span { min-width:34px; height:36px; }
  .journal-pagination .pagination-direction { padding:0 10px; }
  .journal-footer-inner { align-items:flex-start; flex-direction:column; gap:12px; padding-bottom:28px; }
}
@media(prefers-reduced-motion:reduce) { .journal-card-image img { transition:none; } }
