/* Scoped journal styles. Existing catalogue styles remain byte-for-byte unchanged. */
.blog-page .blog-main{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:42px 0 88px}
.blog-page .blog-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--muted);margin-bottom:52px}
.blog-page .blog-breadcrumb a:hover{text-decoration:underline}
.blog-page .blog-heading{max-width:900px;margin-bottom:52px}
.blog-page .blog-kicker{font-size:.74rem;letter-spacing:.15em;font-weight:750;line-height:1.6;margin:0 0 18px}
.blog-page h1{font-size:clamp(2.35rem,5.5vw,4.8rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;overflow-wrap:break-word}
.blog-page h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.blog-page .blog-deck{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.65;color:var(--muted);max-width:65ch;margin:0}
.blog-page .blog-body{max-width:70ch;font-size:1.12rem;line-height:1.85;overflow-wrap:break-word}
.blog-page .blog-body p{margin:0 0 1.5em}
.blog-page .blog-body h2{font-size:clamp(1.5rem,2.7vw,2rem);line-height:1.25;letter-spacing:-.025em;margin:2em 0 .7em}
.blog-page .blog-body h3{font-size:1.3rem;line-height:1.4;margin:1.6em 0 .6em}
.blog-page .blog-book{max-width:800px;background:var(--paper-2);padding:32px;border:1px solid var(--line);border-radius:16px;margin:48px 0}
.blog-page .blog-book h2{font-size:clamp(1.4rem,2.5vw,1.9rem);line-height:1.35;letter-spacing:-.02em;margin:0 0 16px}
.blog-page .blog-book p:not(.blog-kicker){color:var(--muted);line-height:1.7}
.blog-page .blog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}
.blog-page .amazon-cta{white-space:normal;text-align:center;min-height:48px}
.blog-page .blog-related{border-top:1px solid var(--line);padding-top:32px;line-height:1.7;max-width:800px}
.blog-page .blog-related ul{padding-left:22px;margin:16px 0 24px}
.blog-page .blog-related li{margin:14px 0}
.blog-page .blog-related a:hover{text-decoration:underline}
.blog-page .blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-page .blog-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:32px;background:rgba(255,255,255,.35)}
.blog-page .blog-card h2{font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.25;letter-spacing:-.025em;margin:0 0 20px}
.blog-page .blog-card p:not(.blog-kicker){line-height:1.7;color:var(--muted);margin:0 0 28px}
.blog-page .blog-card .text-link{margin-top:auto}
.blog-page .blog-card h2 a:hover{text-decoration:underline}
.blog-page :focus-visible{outline:3px solid #50489b;outline-offset:5px}
@media(max-width:700px){
  .blog-page .blog-main{width:calc(100% - 36px);padding-top:28px;padding-bottom:56px}
  .blog-page .blog-breadcrumb{margin-bottom:36px}
  .blog-page .blog-heading{margin-bottom:36px}
  .blog-page .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-page .blog-card,.blog-page .blog-book{padding:24px}
  .blog-page .blog-body{font-size:1.06rem;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.blog-page{scroll-behavior:auto}}