#journal-view[hidden] { display:none; }
.journal-intro { line-height:1.6; margin-bottom:1.5rem; }
.journal-date-row { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }
.journal-date-row label { margin:0; flex:1; max-width:16rem; }
.journal-date-row button { min-height:2.75rem; }
.journal-card h2 { margin:0 0 .5rem; font-size:1.2rem; }
.journal-card > p { line-height:1.5; }
#journal-text { width:100%; min-height:22rem; resize:vertical; line-height:1.65; font-size:1rem; font-weight:400; margin-top:.6rem; }
.journal-count { text-align:right; font-size:.75rem; }
.journal-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; }
.journal-actions .primary { padding:0 1.4rem; }
.journal-footnote { font-size:.8rem; line-height:1.6; }
.journal-history > p { padding:0 1rem; }
.journal-history-item { display:flex; flex-direction:column; width:100%; text-align:left; gap:.4rem; padding:1rem; border:0; border-top:1px solid var(--line); background:none; color:var(--text); cursor:pointer; }
.journal-history-item span { overflow-wrap:anywhere; white-space:pre-wrap; line-height:1.5; font-size:.85rem; }
#journal-view button:focus-visible { outline:2px solid var(--mint); outline-offset:3px; }
@media(max-width:420px){.brain-navigation button{font-size:.9rem;padding:.8rem .35rem;}.journal-actions .primary{width:100%;}.journal-actions{gap:.6rem;}#journal-text{min-height:20rem;}}

.journal-entry { border-top:1px solid var(--line); padding:1rem 0; }
.journal-entry-time { font-size:.75rem; }
.journal-entry-body { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; font-weight:400; }
.journal-timeline h2 { font-size:1.2rem; }
