/* Free journal and deliberate, selected-response sharing. Existing workbook styles remain intact. */
.screen-site #main[data-view="journal"]{background:#fcf5e6}
.journal-section{padding:clamp(1rem,3vw,2.5rem);color:#342a1c;background:#fcf5e6}
.journal-inner{max-width:1120px;margin:auto}
.journal-inner>p{max-width:52rem}.journal-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
.journal-editor,.journal-notes{min-width:0;background:#fffdf7;border:1px solid #987135;border-radius:10px;padding:clamp(.8rem,2vw,1.5rem)}
.journal-notes{align-self:start;background:#f5e8ca}
.journal-notes h3{font-size:1.5rem}.journal-notes p{font-size:1rem}
.journal-toolbar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:1rem 0}
.journal-toolbar>*{min-width:0;max-width:100%}.journal-picker{flex:1 1 230px}
.journal-fields{display:grid;grid-template-columns:1fr;gap:1rem}
.journal-section label{display:block;font-size:1rem;font-weight:600}
.journal-section input:not([type="checkbox"]):not([type="file"]),.journal-section select,.journal-section textarea{width:100%;min-width:0;max-width:100%;background:#fff;color:#342a1c;border:1px solid #8c744e;font:inherit;padding:.65rem;min-height:48px}
.journal-section textarea{resize:vertical;line-height:1.6;margin-bottom:.5rem}
.journal-section .remember-label,.share-consent{display:flex;align-items:flex-start;gap:.75rem;min-height:48px;padding:.7rem 0}
.journal-section input[type="checkbox"],#share-dialog input[type="checkbox"]{flex-shrink:0;width:22px;height:22px;accent-color:#6f501e;margin:.15rem 0 0}
#journal-prompt{margin:.2rem 0 .6rem}#journal-status{font-weight:600;min-height:1.6em}
#share-dialog{width:min(760px,calc(100% - 2rem));max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);padding:clamp(.9rem,3vw,2rem);border:2px solid #987135;border-radius:12px;background:#fffdf7;color:#342a1c;overflow:auto;overscroll-behavior:contain}
#share-dialog::backdrop{background:#21180cbb}.share-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.8rem}.share-top h2{font-size:1.7rem;flex:1 1 200px}
#share-options>div,.share-response{border:1px solid #987135;border-radius:6px;padding:1rem;margin:.8rem 0;min-width:0}
#share-options label{display:flex;align-items:flex-start;gap:.8rem;min-height:48px;cursor:pointer;font-weight:600}
#share-options summary{cursor:pointer;min-height:44px;padding:.5rem 0;text-decoration:underline}
#share-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:1rem 0}
#share-dialog h3{font-size:1.3rem;line-height:1.4;margin-bottom:.5rem}
#share-dialog p,#share-dialog span{overflow-wrap:anywhere}.share-recipient{padding:1rem;background:#f5e8ca;border-left:4px solid #6f501e}
#share-error{color:#97261d;font-weight:700}#share-dialog [hidden]{display:none!important}
.journal-section :focus-visible,#share-dialog :focus-visible{outline:3px solid #075eb5;outline-offset:3px}
@media(min-width:900px){.journal-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.journal-fields{grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr)}}
@media(max-width:450px){.journal-toolbar>.button{width:100%}.journal-section{padding:.8rem}.journal-toolbar{gap:.6rem}.share-top .button{width:100%}}
@media(forced-colors:active){.screen-site #main[data-view="journal"],.journal-section,.journal-editor,.journal-notes,#share-dialog,.share-recipient,.share-response,#share-options>div{background:Canvas;color:CanvasText;border-color:CanvasText}.journal-section :focus-visible,#share-dialog :focus-visible{outline-color:Highlight}}