/*
Theme Name: Chris Minimal Journal
Theme URI: https://example.com/
Author: Chris
Description: A deliberately minimal, flexible editorial WordPress theme with variable content panes and typography-first navigation.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: chris-minimal-journal
*/
:root{
 --cmj-bg:#e9e6df;--cmj-paper:#f2f0eb;--cmj-text:#292825;--cmj-muted:#77736b;
 --cmj-line:#bbb6ad;--cmj-accent:#5f716d;--cmj-max:1180px;
 --cmj-serif:Georgia,"Times New Roman",serif;
 --cmj-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cmj-bg);color:var(--cmj-text);font-family:var(--cmj-sans);line-height:1.55}
a{color:inherit;text-decoration:none}a:hover{color:var(--cmj-accent)}
.cmj-site{width:min(calc(100% - 48px),var(--cmj-max));margin:auto}
.cmj-title{text-align:center;padding:72px 0 48px;font-family:var(--cmj-serif);font-size:clamp(2.2rem,5vw,4.6rem);font-weight:400;letter-spacing:-.045em;text-shadow:2px 2px 0 rgba(0,0,0,.11)}
.cmj-nav{width:min(620px,100%);margin:0 auto 78px;display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.cmj-nav a{position:relative;padding:12px 4px 11px;text-align:center;font-size:.92rem;letter-spacing:.02em}
.cmj-nav a::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:var(--cmj-line);opacity:.7}
.cmj-intro{width:min(760px,100%);margin:0 auto 70px;font-family:var(--cmj-serif);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.5;text-align:center}
.cmj-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:0;border-top:1px solid var(--cmj-line);border-bottom:1px solid var(--cmj-line)}
.cmj-card{min-height:300px;padding:32px 30px 38px;position:relative}
.cmj-card+.cmj-card{border-left:1px solid var(--cmj-line)}
.cmj-card.wide{grid-column:span 2;min-height:390px}
.cmj-card.tall{min-height:390px}
.cmj-meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--cmj-muted);margin-bottom:18px}
h1,h2,h3{font-family:var(--cmj-serif);font-weight:400;letter-spacing:-.035em;text-shadow:2px 2px 0 rgba(0,0,0,.11);line-height:1.08}
h1{font-size:clamp(2.2rem,5vw,4.2rem)}h2{font-size:clamp(1.7rem,3vw,2.7rem)}h3{font-size:clamp(1.3rem,2vw,1.9rem)}
.cmj-card h2{margin:0 0 18px}.cmj-card p{max-width:48ch;margin:0;color:#46433e}
.cmj-read{position:absolute;bottom:28px;left:30px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cmj-muted)}
.cmj-image{width:100%;height:175px;margin:0 0 26px;object-fit:cover;filter:saturate(.55) contrast(.94)}
.cmj-quote{background:var(--cmj-paper);display:flex;align-items:center;justify-content:center;text-align:center}
.cmj-quote p{max-width:25ch;font-family:var(--cmj-serif);font-size:1.65rem;line-height:1.35;color:var(--cmj-text)}
.cmj-lower{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--cmj-line)}
.cmj-lower .cmj-card{min-height:260px}.cmj-lower .cmj-card+.cmj-card{border-left:1px solid var(--cmj-line)}
.cmj-pager{display:flex;justify-content:space-between;width:min(620px,100%);margin:34px auto 90px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cmj-muted)}
.cmj-footer{border-top:1px solid var(--cmj-line);padding:30px 0 55px;color:var(--cmj-muted);font-size:.75rem;display:flex;justify-content:space-between;gap:20px}
.entry-content{max-width:850px;margin:0 auto 80px}.entry-content img{max-width:100%;height:auto}
.cmj-post-header{max-width:850px;margin:0 auto 50px}.cmj-post-header .cmj-meta{margin-bottom:12px}
.cmj-category-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-45px auto 60px}
.cmj-category-filter a{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cmj-muted)}
.cmj-category-filter a:not(:last-child)::after{content:" · ";margin-left:8px}
@media(max-width:800px){
 .cmj-site{width:min(calc(100% - 28px),var(--cmj-max))}.cmj-title{padding-top:45px}
 .cmj-nav{margin-bottom:55px}.cmj-grid{grid-template-columns:1fr}
 .cmj-card.wide{grid-column:auto}.cmj-card+.cmj-card,.cmj-lower .cmj-card+.cmj-card{border-left:0;border-top:1px solid var(--cmj-line)}
 .cmj-lower{grid-template-columns:1fr}.cmj-card,.cmj-card.tall,.cmj-card.wide{min-height:280px}
}