/* Journal presentation approved from the Waynture mockup. */
.journal-book-promo{display:flex;align-items:center;gap:14px;box-sizing:border-box;margin:8px 0 14px;padding:14px;border:1px solid #ff9a68;border-radius:18px;background:linear-gradient(115deg,#fff8f1,#fff1e7);color:#002d72;box-shadow:0 4px 14px #002d7208}
.journal-book-art{flex:0 0 100px;width:100px;height:112px;display:flex;align-items:center;justify-content:center}
.journal-book-art img{display:block;max-width:100%;max-height:112px;width:100px;height:auto;object-fit:contain}
.journal-book-art.has-cover{height:110px;filter:drop-shadow(0 4px 4px #00193833)}
.journal-book-art.has-cover img{border-radius:5px 10px 10px 5px;border-left:5px solid #153d73;max-height:108px;object-fit:contain;background:#fff}
.journal-book-copy{min-width:0;flex:1}.journal-book-copy>strong{display:block;font-size:1rem;line-height:1.25;letter-spacing:-.02em;color:#002d72}
.journal-book-copy>p{font-size:.78rem;line-height:1.4;margin:6px 0 10px;color:#5b6f8b}
body .journal-book-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;max-width:100%;padding:9px 14px;border:1px solid #ff5910;border-radius:14px;background:#ff5910;color:#002d72;font:inherit;font-size:.8rem;font-weight:750;line-height:1.3;white-space:normal;cursor:pointer;box-shadow:0 3px 8px #ff59101a}
.journal-book-cta:disabled{opacity:.55;cursor:default}.journal-book-cta:focus-visible{outline:3px solid #002d72;outline-offset:3px}
.journal-entry,.journal-card{position:relative;border-radius:18px!important;border:1px solid var(--line,#dbe3ef);box-shadow:0 4px 16px #002d7208}
.journal-entry>.pill{align-self:start;width:fit-content;border-radius:10px;margin-right:48px}
.journal-entry>strong,.journal-card h4{padding-right:42px}
.journal-entry figure,.journal-card figure{margin:0;min-width:0}
body .journal-browser .media-photo-frame,.journal-card .journal-photo>a{display:block;width:100%;padding:0;border:0;border-radius:14px;overflow:hidden;background:transparent;line-height:0}
body .journal-browser .media-photo-frame img,.journal-card .journal-photo img{display:block;max-width:100%;height:auto;border-radius:14px!important;object-fit:contain}
.journal-entry-menu{position:absolute;right:12px;top:12px;z-index:4}
.journal-entry-menu>summary,.journal-photo-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;border-radius:14px;color:var(--ink,#002d72);font-size:26px;cursor:pointer;background:var(--surface,#fff)}
.journal-entry-menu>summary::-webkit-details-marker,.journal-photo-menu>summary::-webkit-details-marker{display:none}
.journal-entry-menu>summary:focus-visible,.journal-photo-menu>summary:focus-visible{outline:2px solid #ff5910;outline-offset:2px}
.journal-menu-panel{box-sizing:border-box;position:absolute;top:48px;right:0;width:min(280px,78vw);max-height:65dvh;overflow:auto;overscroll-behavior:contain;padding:10px;border:1px solid var(--line,#dbe3ef);border-radius:16px;background:var(--surface,#fff);box-shadow:0 12px 32px #00193826;color:var(--ink,#002d72)}
.journal-menu-panel .journal-existing-tools,.journal-menu-panel .journal-entry-actions{margin:0;background:transparent;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.journal-photos>div{position:relative}.journal-photo-menu{position:absolute;top:8px;right:8px;z-index:3}.journal-photo-menu>summary{background:#ffffffed;color:#002d72}
.journal-entry [data-journal-album]>small{font-size:.7rem;color:var(--muted)}
.journal-browser>.journal-view-switch{border-radius:16px;margin:0 auto 10px}.journal-browser>.journal-view-switch::before{border-radius:13px}
body .journal-browser>.journal-view-switch>button{border-radius:13px}
.journal-browser .journal-reader-controls>button{border-radius:50%;min-width:44px;width:44px;height:44px}
.journal-layout-switch{display:grid;grid-template-columns:1fr 1fr;width:min(340px,100%);margin:0 auto 12px;padding:3px;background:var(--surface,#fff);border:1px solid var(--line,#dbe3ef);border-radius:16px}
.journal-layout-switch[hidden]{display:none}.journal-layout-switch>button{min-height:44px;border:0;border-radius:13px;padding:8px;background:transparent;color:var(--ink,#002d72);font:inherit;font-weight:650;font-size:.85rem}
.journal-layout-switch>button[aria-pressed=true]{background:#ff5910;color:#002d72}
.journal-list.is-mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.journal-mosaic-tile{padding:0;border:1px solid var(--line,#dbe3ef);border-radius:16px;overflow:hidden;background:var(--surface,#fff);color:var(--ink,#002d72);text-align:left;font:inherit;cursor:pointer;min-height:100px}
.journal-mosaic-tile img{display:block;width:100%;height:160px;object-fit:cover;background:var(--paper,#f3f6fa)}.journal-mosaic-tile strong{display:block;padding:10px;font-size:.9rem}
@media(max-width:350px){.journal-book-promo{gap:10px;padding:12px}.journal-book-art{flex-basis:78px;width:78px}.journal-book-copy>strong{font-size:.9rem}.journal-book-copy>p{font-size:.73rem}.journal-book-cta{padding:8px 10px!important;font-size:.75rem!important}}
@media(min-width:900px){.journal-book-promo{padding:16px 22px;gap:22px}.journal-book-copy>strong{font-size:1.15rem}.journal-book-copy>p{font-size:.9rem}.journal-book-art{flex-basis:122px;width:122px}}

.journal-photo{position:relative}.journal-inline-menu{position:relative;width:44px;margin-top:8px}
.journal-inline-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:26px;list-style:none;cursor:pointer;border-radius:14px}
.journal-inline-menu>summary::-webkit-details-marker{display:none}
.journal-menu-panel .record-actions{display:contents!important}
.journal-menu-panel .journal-media-tools>button,.journal-menu-panel .record-actions>button,.journal-menu-panel .journal-entry-actions>button{width:100%!important;height:auto!important;min-height:44px!important;display:flex;gap:8px;align-items:center;justify-content:flex-start;padding:10px!important;border-radius:12px!important}
.journal-menu-panel .journal-media-tools>button[title]::after,.journal-menu-panel .record-actions>button[title]::after{content:attr(title);font-size:.82rem;line-height:1.3}
.journal-menu-panel .journal-photo-controls{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0}
.journal-menu-panel .journal-photo-controls input{width:100%;box-sizing:border-box}

.journal-entry-menu>summary{border:0;background:transparent;box-shadow:none}
.journal-book-cta{gap:8px}.journal-book-cta svg{flex:none;width:20px;height:20px}

/* Override the legacy square-photo rules without reintroducing cropping. */
body .journal-browser .journal-photos button.media-photo-frame{border-radius:14px!important;overflow:hidden;aspect-ratio:auto;min-height:0}
body .journal-browser .journal-photos button.media-photo-frame>img{border-radius:14px!important;object-fit:contain;aspect-ratio:auto;height:auto;max-height:none}

/* Lift journal photos softly from the page, keeping the rounded image edge. */
body .journal-browser .media-photo-frame,.journal-card .journal-photo>a{box-shadow:0 4px 12px rgba(0,32,80,.16),0 1px 3px rgba(0,32,80,.08)}
.journal-mosaic-tile{box-shadow:0 4px 12px rgba(0,32,80,.12)}

/* Printed-book silhouettes; preserve each album's format and show up to three covers. */
.journal-book-art,.journal-book-art.has-cover{position:relative;flex:0 0 100px;width:100px;height:112px;filter:none;perspective:500px}
.journal-mini-book{position:absolute;display:block;max-width:94px;max-height:100px;height:100px;aspect-ratio:1;overflow:hidden;border-radius:3px 7px 7px 3px;background:#002d72;box-shadow:3px 5px 9px #00193838;transform:rotateY(-12deg);border-left:5px solid #002453}
.journal-mini-book:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff38,transparent 7%,#00193826 10%,transparent 14%);border:1px solid #ffffff24;border-radius:inherit}
.journal-book-art .journal-mini-book>img,.journal-book-art.has-cover .journal-mini-book>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border:0;border-radius:0;background:#002d72}
.journal-book-art.is-stack .journal-mini-book{transform:translate(calc((var(--book-order) - 1)*6px),calc((var(--book-order) - 1)*-3px)) rotate(calc((var(--book-order) - 1)*8deg)) rotateY(-12deg)}
@media(min-width:900px){.journal-book-art,.journal-book-art.has-cover{flex-basis:122px;width:122px}}
@media(max-width:350px){.journal-book-art,.journal-book-art.has-cover{flex-basis:78px;width:78px}.journal-mini-book{max-width:74px;max-height:88px}}

/* Let the photograph show through the action trigger, keeping its menu readable. */
.journal-photo-menu>summary{background:rgba(255,255,255,.72);color:#002d72;box-shadow:0 2px 8px #00193818;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.journal-photo-menu[open]>summary,.journal-photo-menu>summary:hover,.journal-photo-menu>summary:focus-visible{background:rgba(255,255,255,.94)}