/* Franella journal: quiet editorial rows and existing virtue artwork. */
#journalDialog{width:min(920px,94vw);padding:0;max-height:92vh;max-height:92dvh;background:#f7efdf;color:#233e47;border:1px solid #c3a16b;border-radius:22px;overflow:auto;scroll-padding-top:62px}
#journalDialog [hidden]{display:none!important}
#journalDialog .journal-shell{padding:40px 40px 24px}
#journalDialog .journal-closebar{position:sticky;top:0;height:0;z-index:10;overflow:visible}
#journalDialog #journalClose{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #c9ad7e;background:#f7efdf;color:#816139;border-radius:50%;font:28px/1 Arial,sans-serif}
#journalDialog .eyebrow{padding-right:35px;color:#8a6a43;font:10px/1.7 Arial,sans-serif;letter-spacing:2.1px}
#journalDialog #journalTitle{margin:17px 40px 10px 0;font:42px/1.15 Georgia,serif;font-weight:400;letter-spacing:-.6px}
#journalDialog .journal-subtitle{font:16px/1.6 Arial,sans-serif;margin:0 0 22px;color:#3f5558}
#journalDialog .journal-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;padding:0 0 19px;border-bottom:1px solid #c9aa7766}
#journalDialog .journal-filter{width:min(330px,62%)}
#journalDialog .journal-filter label{margin:0 0 5px;font:13px/1.5 Arial,sans-serif}
#journalDialog .journal-filter select{width:100%;min-height:44px;padding:10px 13px;border:1px solid #c3a16b;border-radius:6px;background:#fff9ef;color:#233e47;font:15px/1.5 Arial,sans-serif}
#journalDialog .journal-sort-label{margin:0;flex-shrink:0}
#journalDialog #journalSort{min-height:44px;border:1px solid #c3a16b;border-radius:6px;background:transparent;padding:8px 10px;font:13px/1.5 Arial,sans-serif;color:#233e47}
#journalDialog .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#journalDialog #journalNotice:empty{display:none}
#journalDialog #journalNotice{font:13px/1.6 Arial,sans-serif;color:#795a33;margin:12px 0}
#journalDialog .journal-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:26px;margin:0;padding:24px 0;border:0;border-bottom:1px solid #c9aa7766;border-radius:0;background:transparent;box-shadow:none}
#journalDialog .journal-thumb{--journal-tone:#233e47;position:relative;display:flex;align-items:center;width:112px;aspect-ratio:4/5;background:var(--journal-tone);border:1px solid #c9aa77;border-radius:7px;overflow:hidden}
#journalDialog .journal-thumb[data-domain="Nurture Yourself"]{--journal-tone:#4d6558}
#journalDialog .journal-thumb[data-domain="Connect with Others"]{--journal-tone:#865342}
#journalDialog .journal-thumb[data-domain="Live with Purpose"]{--journal-tone:#7d633d}
#journalDialog .journal-thumb-art{position:relative;width:100%;aspect-ratio:500/490;overflow:hidden}
#journalDialog .journal-thumb-art img{position:absolute;display:block;max-width:none;width:120%;height:auto;left:-10%;top:-20.408163%}
#journalDialog .journal-art-unavailable .journal-thumb-art{visibility:hidden}
#journalDialog .journal-body{min-width:0}
#journalDialog .journal-row-header h3{font:29px/1.2 Georgia,serif;font-weight:400;overflow-wrap:anywhere;margin:0 0 9px;color:#233e47}
#journalDialog .journal-date{font:11px/1.5 Arial,sans-serif;letter-spacing:1.2px;color:#8b7150;margin:0;text-transform:uppercase}
#journalDialog .journal-excerpt{margin:15px 0 8px;font:15px/1.65 Arial,sans-serif;color:#304b50;white-space:pre-wrap;overflow-wrap:anywhere}
#journalDialog .journal-read{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:7px 0!important;border:0!important;border-radius:0!important;background:transparent;color:#233e47;font:14px/1.5 Arial,sans-serif;text-decoration:none}
#journalDialog .journal-read span{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9a9b86}
#journalDialog .journal-read svg{display:block;width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#journalDialog .journal-privacy{display:flex;align-items:center;gap:10px;margin:20px 0 0;color:#5c6865;font:12px/1.6 Arial,sans-serif}
#journalDialog .journal-privacy svg{flex:none;fill:none;stroke:#94703e;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#journalDialog .journal-empty{padding:28px 0;color:#5a6661;font:16px/1.7 Georgia,serif}
#journalDialog #journalEntry{padding-top:15px}
#journalDialog #entryTitle{font:32px/1.2 Georgia,serif;overflow-wrap:anywhere;margin-top:12px}
#journalDialog #entryDate{font:12px/1.5 Arial,sans-serif;color:#8b7150}
#journalDialog #entryWords{font:21px/1.75 Georgia,serif;padding:20px 0}
#journalDialog :focus-visible{outline:2px solid #96703d;outline-offset:4px}
@media(max-width:600px){
 #journalDialog{width:calc(100vw - 20px);max-height:94vh;max-height:94dvh;border-radius:16px}
 #journalDialog .journal-shell{padding:30px 22px 22px}
 #journalDialog .eyebrow{font-size:8px;letter-spacing:1.5px}
 #journalDialog #journalTitle{font-size:31px;margin-top:18px;margin-right:0}
 #journalDialog .journal-subtitle{font-size:14px;margin-bottom:22px}
 #journalDialog .journal-toolbar{flex-wrap:wrap;gap:6px;padding-bottom:14px}
 #journalDialog .journal-filter{width:100%}
 #journalDialog .journal-sort-label{margin-left:auto}
 #journalDialog #journalSort{border:0;padding-right:0}
 #journalDialog .journal-card{grid-template-columns:84px minmax(0,1fr);gap:12px 16px;padding:20px 0}
 #journalDialog .journal-thumb{width:84px;grid-row:1;grid-column:1}
 #journalDialog .journal-body{display:contents}
 #journalDialog .journal-row-header{grid-row:1;grid-column:2;align-self:center;min-width:0}
 #journalDialog .journal-row-header h3{font-size:23px;line-height:1.2}
 #journalDialog .journal-date{font-size:9px;letter-spacing:.6px}
 #journalDialog .journal-excerpt{grid-column:1/-1;margin:0;font-size:15px}
 #journalDialog .journal-read{grid-column:1/-1;justify-self:start;margin-top:-4px}
 #journalDialog #journalClose{top:9px;right:9px}
}