/* Journal-only layout: brand typography and controls come from site.css. */
.journal{padding-top:32px;padding-bottom:48px}
.journal-heading,.journal-section-head{display:flex;justify-content:space-between;align-items:center;gap:24px}
.journal-heading p{max-width:60ch}
.journal-notice{background:var(--cream);padding:16px 20px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--muted)}
.journal-feedback{font-weight:600;color:var(--espresso);min-height:24px}
.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:24px}
.journal-editor,.journal-record{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.journal-editor .field,.journal-record .field{margin-bottom:16px}
.journal a:not(.btn){text-decoration:underline;text-underline-offset:3px}
.journal input,.journal select,.journal textarea{width:100%;padding:10px 12px;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.journal textarea{resize:vertical}
.journal label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}
.journal .controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.journal .controls .btn{font-size:.85rem;padding:10px 14px;min-height:44px}
.journal-record{margin-top:24px}
.journal-list{display:grid;gap:12px}
.journal-entry{border-bottom:1px solid var(--line);padding:16px 0;min-width:0;overflow-wrap:anywhere}
.journal-entry p{font-size:.9rem;white-space:pre-wrap}
.journal-entry h3{font-size:1.15rem;overflow-wrap:anywhere}
.journal-empty{padding:24px;background:var(--cream);color:var(--muted);border-radius:var(--radius-sm)}
.journal-history,.journal-compare,.journal-backup{padding-top:40px}
.journal-history .journal-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.journal-table{overflow:auto;margin:20px 0;max-width:100%}
.journal-table table{min-width:650px;box-shadow:none}
.journal-table th,.journal-table td{padding:14px;text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;max-width:250px;font-size:.9rem}
.journal-changed{background:var(--cream)}
.journal-backup{margin-top:24px;border-top:1px solid var(--line)}
.journal [disabled]{opacity:.55;cursor:not-allowed}
.journal .stock-confirm{display:flex;align-items:flex-start;gap:10px;margin:14px 0}
.journal .stock-confirm input{width:20px;height:20px;flex:none;margin:2px 0}
#guided-stock .stock-confirm{display:flex;gap:10px;align-items:flex-start;margin:16px 0}
#guided-stock .stock-confirm input{width:20px;height:20px;flex:none}
.journal [id]{scroll-margin-top:110px}
.home-journal{padding:24px 0;background:var(--cream);border-bottom:1px solid var(--line)}
.home-journal .container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.home-journal h2{font-size:1.4rem;margin-bottom:8px}
.home-journal p{margin-bottom:0;max-width:65ch}
@media(max-width:900px){.journal-layout{grid-template-columns:1fr}.journal-history .journal-list{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.journal-editor,.journal-record{padding:20px}.journal-history .journal-list{grid-template-columns:1fr}.home-journal .container{align-items:flex-start;flex-direction:column}.journal .controls{align-items:flex-start}.journal-heading h1{font-size:2rem}}
