/* Journal pages (journal.html and journal/*.html): reuses the site's colours, fonts and buttons from styles.css */
.journal-body{background:var(--cream);}
.j-head{background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;}
.j-head-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px;}
.j-head .logo{white-space:nowrap;font-family:var(--serif);font-weight:600;letter-spacing:.08em;font-size:1.2rem;color:var(--dark);}
.j-head .logo span{color:var(--accent);}
.j-head nav{display:flex;gap:22px;flex-wrap:wrap;}
.j-head nav a{font-size:.9rem;color:var(--text);}
.j-head nav a:hover{color:var(--accent);}
.j-article{max-width:760px;padding-top:44px;padding-bottom:56px;}
.j-crumb{margin:0 0 10px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;}
.j-crumb a{color:var(--accent);}
.j-article h1,.j-index h1{font-size:clamp(1.9rem,4.4vw,2.8rem);line-height:1.15;margin:0 0 10px;}
.j-meta{margin:0 0 22px;color:var(--muted);font-size:.86rem;}
.j-hero{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:18px;margin:0 0 26px;background:var(--bg-alt);}
.j-text{font-size:1.05rem;line-height:1.7;}
.j-text h2{font-size:1.35rem;margin:1.8em 0 .5em;}
.j-text p{margin:0 0 1em;}
.j-text ul{margin:0 0 1.1em;padding-left:1.2em;}
.j-text li{margin-bottom:.4em;}
.j-more{font-size:1.2rem;margin:2em 0 14px;}
.j-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
.j-card{display:flex;flex-direction:column;gap:3px;color:var(--text);}
.j-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;background:var(--bg-alt);margin-bottom:6px;}
.j-card b{font-size:.92rem;}.j-card span{font-size:.8rem;color:var(--muted);line-height:1.35;}
.j-card:hover b{color:var(--accent);}
.j-cta{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 0;}
.j-index{padding-top:50px;padding-bottom:60px;}
.j-lead{max-width:620px;color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0 0 34px;}
.j-posts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.j-post{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;color:var(--text);transition:box-shadow .2s,transform .2s;}
.j-post:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.j-post img{width:120px;height:150px;object-fit:cover;border-radius:12px;flex:none;background:var(--bg-alt);}
.j-post b{font-family:var(--serif);font-size:1.12rem;line-height:1.25;display:block;margin-bottom:6px;}
.j-post p{margin:0 0 8px;font-size:.88rem;line-height:1.45;color:var(--muted);}
.j-post span{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);}
.j-foot{background:var(--dark);color:#b9b2a2;padding:28px 0;font-size:.86rem;}
.j-foot p{margin:0 0 6px;}.j-foot a{color:#efece5;text-decoration:underline;text-underline-offset:3px;}
.j-small{font-size:.76rem;color:#948d7d;}
@media (max-width:560px){.j-head nav a:last-child{display:none;}.j-head .logo{font-size:1.05rem;}}
@media (max-width:760px){.j-posts{grid-template-columns:1fr;}.j-post img{width:96px;height:120px;}.j-head nav{gap:14px;}.j-head nav a{min-height:40px;display:inline-flex;align-items:center;}.j-text{font-size:1rem;}}