.journal-mast {display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(24px,5vw,76px);padding-block:12px 34px}
body[data-page="guide"] .journal-mast h1 {color:var(--ink);max-width:12ch;font-size:clamp(52px,6.8vw,102px);letter-spacing:-.065em}
.journal-mast p {max-width:40ch;margin:18px 0 10px;line-height:1.65}
.journal-mast img {width:100%;height:clamp(190px,21vw,310px);object-fit:cover;border-radius:18px}
.journal-section-title {border-top:1px solid var(--b-line);padding:22px 0 16px;font-size:clamp(24px,2.4vw,36px);letter-spacing:-.045em}
.journal-entries {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,42px)}
.journal-entry {border-top:2px solid var(--blue);padding-top:18px}
.journal-topic {color:#354499;font-size:13px;font-weight:700}
.journal-entry h3 {font-size:clamp(24px,2.5vw,42px);letter-spacing:-.05em;line-height:1.15;margin:12px 0}
.journal-entry a:hover {text-decoration:underline;text-underline-offset:.12em}
.journal-entry > p:last-child {line-height:1.6;color:var(--muted)}
body[data-page="guide"] .brief-guide {display:block;padding-block:clamp(32px,5vw,72px)}
.brief-guide-copy {max-width:840px}
.journal-story {max-width:72ch;margin:0 auto;padding:0 var(--gutter) clamp(48px,7vw,90px);box-sizing:content-box}
.journal-story .journal-topic {margin:24px 0 10px}
body[data-page="guide"] .journal-story h1 {font-size:clamp(40px,4.8vw,70px);line-height:1.08}
.journal-story h1 + p {font-size:clamp(19px,2vw,24px);line-height:1.45;color:var(--ink);margin-block:22px}
.journal-story p {line-height:1.75}
.journal-story h2 {margin:30px 0 8px;font-size:clamp(23px,2.3vw,32px);letter-spacing:-.04em}
@media(max-width:700px) {
  .journal-mast {grid-template-columns:1fr;gap:14px}
  .journal-mast img {height:clamp(140px,36vw,230px)}
  .journal-entries {grid-template-columns:1fr}
}

.journal-thumbnail, .journal-cover img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:14px;
}
.journal-thumbnail {margin-bottom:16px}
.journal-cover {margin:20px 0 26px}
.journal-cover img[src$="chai-time.webp"], .journal-thumbnail[src$="chai-time.webp"] {object-position:50% 65%}
.journal-cover figcaption {margin-top:7px;color:var(--muted);font-size:12px}
.journal-cover figcaption a {text-decoration:underline;text-underline-offset:2px}