.journal-section{border-top:2px dashed #adbbc8;padding-block:45px 60px;scroll-margin-top:24px}
.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.journal-heading h2{font-size:56px;color:var(--blue);transform:rotate(-2deg)}
.journal-heading>div>p:last-child{max-width:640px;color:var(--muted);margin:16px 0 0}
.journal-heading .eyebrow{margin-bottom:7px}
.journal-write{flex-shrink:0;font-size:25px;min-height:48px}
.journal-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:20px}
.journal-signin{font:21px var(--hand);text-decoration:underline;text-underline-offset:4px;color:var(--blue)}
.journal-controls .watch-link{--accent:var(--blue);font-size:23px}
.journal-feedback{min-height:1.5em;margin:8px 0;color:var(--green);font-size:15px}
.journal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start;padding:5px}
.journal-empty{grid-column:1/-1;border-left:3px solid #dcafa6;background:repeating-linear-gradient(#fffef9 0,#fffef9 31px,#dce7f0 32px,#fffef9 33px);padding:22px 26px;color:var(--muted);margin:0;font:25px/1.55 var(--hand)}
.journal-entry{padding:23px 27px 22px;background:#fffcf1;border:1px solid #e4dec8;border-left:3px solid #dbada5;box-shadow:1px 3px 4px #26385112;transform:rotate(-.4deg);min-width:0}
.journal-entry:nth-child(even){transform:rotate(.5deg);background:#f6faf6;border-left-color:#bad5c2}
.journal-entry-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:var(--muted);font:20px var(--hand);margin-bottom:12px}
.journal-draft-label{color:#7b5621;border-bottom:2px solid #edd49a;padding:0 3px}
.journal-entry h3{font:32px/1.2 var(--print);color:var(--blue);overflow-wrap:anywhere;margin-bottom:15px}
.journal-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:16px;margin:0}
.journal-entry details>summary{font:23px var(--hand);color:var(--green);cursor:pointer;margin:12px 0;min-height:36px}
.journal-entry-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px}
.journal-author{font:26px var(--hand);color:var(--blue);transform:rotate(-3deg)}
.journal-edit{border:0;background:none;color:var(--blue);font:23px var(--hand);text-decoration:underline;text-underline-offset:4px;min-height:40px;padding:3px 5px}
#journal-more{--accent:var(--blue);margin-top:25px;min-height:44px}
.journal-retry{border:0;background:none;font:24px var(--hand);color:var(--blue);text-decoration:underline;padding:8px 0}
#journal-dialog{max-width:740px}
#journal-form label{display:block;font:25px/1.4 var(--hand);color:var(--blue);margin:15px 0 6px}
#journal-form input,#journal-form textarea{display:block;width:100%;border:1.5px solid #a3b3bf;border-radius:3px 6px 4px 2px;background:white;color:var(--ink);padding:11px 13px;font:16px/1.65 'DM Sans',sans-serif;box-sizing:border-box}
#journal-form input:focus,#journal-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}
#journal-form input[type=date]{max-width:240px}
#journal-form textarea{resize:vertical;min-height:190px}
.note-help{display:flex;align-items:start;justify-content:space-between;gap:18px;font-size:13px;color:var(--muted);margin-top:10px}
#note-count{white-space:nowrap}
.note-visibility{font-size:14px;color:var(--muted);margin:17px 0 0}
.note-error{color:#a3362f;font-size:15px;min-height:1.6em;margin:10px 0}
.note-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px;flex-wrap:wrap}
.note-actions .button{font-size:25px;transform:none;min-height:46px}
.note-draft{border:1.5px solid var(--blue);border-radius:5px 3px 6px 2px;background:transparent;color:var(--blue);font:25px var(--hand);padding:11px 19px;min-height:46px}
.note-saving{min-height:1.5em;margin:12px 0 0;font-size:14px;color:var(--muted);text-align:right}
#journal-dialog button:disabled{opacity:.55;cursor:wait}
[hidden]{display:none!important}
@media(max-width:650px){.site-header nav{flex-wrap:wrap;gap:10px 18px}.journal-section{padding-block:34px 42px}.journal-heading{align-items:start;flex-wrap:wrap;gap:20px}.journal-heading h2{font-size:45px}.journal-heading>div>p:last-child{font-size:16px}.journal-controls{justify-content:flex-start;margin-top:18px}.journal-list{grid-template-columns:1fr;gap:22px}.journal-entry{padding:21px 20px}.journal-entry h3{font-size:29px}.journal-empty{font-size:24px;padding:18px 21px}.note-help{flex-direction:column;gap:5px}.note-actions{justify-content:space-between;gap:12px}.note-actions .button,.note-draft{font-size:23px;padding:9px 13px}.journal-feedback{margin-bottom:14px}}