.journal-wrap{max-width:980px}.journal-intro{font-family:var(--font-display);color:var(--color-ink);max-width:70ch;margin:6px 0 42px;font-size:clamp(18px,2.2vw,23px);line-height:1.7}.journal-feature{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);grid-template-columns:1.05fr 1fr;gap:0;margin-bottom:46px;transition:box-shadow .2s,transform .2s;display:grid;overflow:hidden}.journal-feature:hover{box-shadow:var(--shadow-mystic);transform:translateY(-2px)}.jf-media{min-height:300px}.jf-body{flex-direction:column;justify-content:center;gap:14px;padding:38px;display:flex}.jf-body h2{font-family:var(--font-display);color:var(--color-ink);font-size:30px;line-height:1.2}.jf-body p{color:var(--color-text-muted)}.journal-read{color:var(--color-gold);font-size:14px;font-weight:600}.journal-list{flex-direction:column;display:flex}.journal-item{border-top:1px solid var(--color-sep-warm);grid-template-columns:160px 1fr;align-items:center;gap:22px;padding:24px 16px;transition:background .2s;display:grid}.journal-item:last-child{border-bottom:1px solid var(--color-sep-warm)}.journal-item:hover{background:var(--color-bg-alt)}.ji-media{aspect-ratio:16/10;border-radius:var(--radius)}.ji-meta{align-items:center;gap:14px;margin-bottom:8px;display:flex}.journal-date{color:var(--color-text-muted);font-size:12px}.ji-body h3{font-family:var(--font-display);color:var(--color-ink);margin:0 0 6px;font-size:21px;line-height:1.25}.ji-body p{color:var(--color-text-muted);max-width:64ch;margin:0;font-size:14px}@media (max-width:760px){.journal-feature{grid-template-columns:1fr}.jf-media{min-height:200px}.journal-item{grid-template-columns:96px 1fr;gap:14px;padding:20px 8px}.ji-body h3{font-size:18px}}