/* Photo journal. Scoped to Updates; the rest of the site's phone layout is retained. */
.journal-reel{--journal-duration:8000ms;border:1px solid #c4cedb;background:#fff;min-width:0;isolation:isolate}
.journal-reel-stage{display:grid;min-width:0}
.journal-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);grid-area:1/1;min-width:0}
.journal-slide[hidden]{display:none}
/* Invisible slides reserve the same grid space, preventing jumps between captions. */
.journal-reel[data-enhanced=true] .journal-slide[hidden]{display:grid;visibility:hidden;pointer-events:none}
.journal-slide-visual{margin:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#edf1f5;border-right:1px solid #d5dde6}
.journal-slide-image{display:flex;align-items:center;justify-content:center;min-width:0;min-height:390px;aspect-ratio:6/5;background:radial-gradient(ellipse at 50% 40%,#304459,#112334 78%);overflow:hidden}
.journal-slide-image img{display:block;width:100%;height:100%;max-height:560px;object-fit:contain;object-position:center}
.journal-slide-visual figcaption{padding:17px 24px 18px;font:.8rem/1.6 var(--sans);color:#384c63;min-width:0}
.journal-slide-visual figcaption>span{display:block}
.journal-slide-visual figcaption small{display:block;font:.67rem/1.6 var(--sans);color:#657184;margin-top:6px}
.journal-slide-copy{padding:32px;display:flex;flex-direction:column;min-width:0;align-items:flex-start;overflow-wrap:anywhere}
.journal-slide-meta{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;width:100%;margin:0 0 23px;font:500 .66rem/1.7 var(--atlas-mono);letter-spacing:.04em}
.journal-slide-meta>span{color:#7c5332;text-transform:uppercase}.journal-slide-meta time{color:#5f6c7e}
.journal-slide-event{font:.79rem/1.7 var(--sans);color:#53657a;margin:0 0 13px;max-width:45ch}
.journal-slide-copy h2,.journal-slide-copy h3{font:400 clamp(2rem,3.25vw,2.8rem)/1.14 var(--serif);letter-spacing:-.025em;color:#152b42;margin:0 0 19px;text-wrap:balance;max-width:19ch}
.journal-slide-copy h2 a,.journal-slide-copy h3 a{color:inherit;text-decoration:none}
.journal-slide-copy h2 a:hover,.journal-slide-copy h3 a:hover{color:#32628b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.journal-slide-summary{font:.92rem/1.8 var(--sans);color:#546277;margin:0 0 22px;max-width:49ch}
.journal-slide-place{font:.77rem/1.75 var(--sans);margin:auto 0 18px;padding-top:18px;border-top:1px solid #dce2e9;width:100%;color:#526278}
.journal-slide-place strong{font-weight:500;color:#253b52;display:block}.journal-slide-place>span{display:block}
.journal-slide-links{display:flex;flex-wrap:wrap;gap:0 22px}.journal-slide-links a,.journal-source-links a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#28577e;font:.78rem/1.6 var(--sans);text-underline-offset:5px}
.journal-slide-added{font:.62rem/1.6 var(--atlas-mono);color:#6a7789;margin:13px 0 0}
.journal-reel-toolbar{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;padding:12px 22px;border-top:1px solid #d0d9e4;background:#f5f7fa}
.journal-reel-toolbar[hidden]{display:none}
.journal-reel button{appearance:none;background:transparent;border:1px solid transparent;border-radius:0;font:500 .76rem/1.4 var(--sans);color:#203e5b;min-width:44px;min-height:44px;padding:10px;cursor:pointer;touch-action:manipulation}
.journal-reel button:hover{background:#e2e9f0;border-color:#a4b7c9}.journal-reel a:focus-visible,.journal-reel button:focus-visible,.journal-entry-index a:focus-visible,.journal-source-links a:focus-visible{outline:3px solid #9c6e44;outline-offset:4px}
.journal-reel-arrows{display:flex;align-items:center;gap:8px}.journal-reel-arrows button{font-size:1.3rem;border-color:#bfccd9;padding:6px 12px}
.journal-reel-arrows>span{font:.7rem/1.6 var(--atlas-mono);color:#4f637a;min-width:62px;text-align:center}
.journal-reel-dots{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-right:auto}
.journal-reel-dots button{width:44px;padding:18px 8px;display:grid;place-items:center}.journal-reel-dots button>span{width:24px;height:3px;background:#bdcbd8;display:block}.journal-reel-dots button[aria-current=true]>span{background:#976b45;height:4px}
.journal-reel-toggle{display:inline-flex;gap:12px;align-items:center;justify-content:space-between}.journal-reel-toggle>span{font-size:1rem}

.journal-reel-progress{height:3px;background:#e4eaf0;overflow:hidden}.journal-reel-progress>span{display:block;height:100%;width:0;background:#a97a51}
.journal-reel[data-running=true] .journal-reel-progress>span{animation:journal-clock var(--journal-duration) linear forwards}
.journal-reel-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.journal-entry-index{margin-top:28px;border-top:1px solid #cbd5e3}.journal-entry-index>a{display:grid;grid-template-columns:170px minmax(0,1fr) 24px;gap:20px;padding:22px 4px;border-bottom:1px solid #cbd5e3;align-items:baseline;min-height:60px;color:#27435f}.journal-entry-index>a>span:first-child{font:.7rem/1.7 var(--atlas-mono);color:#65758a}.journal-entry-index strong{font:400 1.05rem/1.65 var(--serif)}
.journal-talk{padding:28px 32px;margin:0 auto 32px;max-width:850px;background:#eef2f7;border-left:3px solid #a97a51}.journal-talk h2{font:400 clamp(1.5rem,3vw,2rem)/1.4 var(--serif);margin:0 0 18px}.journal-talk>p:last-child{font:.82rem/1.8 var(--sans);color:#586c83;margin:0}.journal-talk .journal-label{margin-bottom:12px}
.journal-source-links{max-width:740px;margin:0 auto 38px;display:flex;flex-wrap:wrap;gap:10px 28px;padding-top:16px;border-top:1px solid #cbd5e3}
@keyframes journal-clock{from{width:0}to{width:100%}}
@media(min-width:1101px){.journal-slide-copy{padding:32px}.journal-slide-image{min-height:440px}.journal-home .journal-section-heading>p{max-width:none}}
@media(min-width:1600px){.journal-slide-copy h2,.journal-slide-copy h3{font-size:2.8rem}}
@media(max-width:1000px) and (min-width:801px){.journal-slide-copy{padding:25px}.journal-slide-copy h2,.journal-slide-copy h3{font-size:2rem}.journal-slide-image{min-height:360px}.journal-reel-toolbar{gap:10px 16px}}
@media(max-width:800px){.journal-slide{grid-template-columns:minmax(0,1fr)}.journal-slide-visual{border-right:0;border-bottom:1px solid #d5dde6}.journal-slide-image{min-height:0;aspect-ratio:5/4}.journal-slide-image img{max-height:none}.journal-slide-copy{padding:26px 24px}.journal-slide-meta{margin-bottom:19px;gap:8px 16px}.journal-slide-copy h2,.journal-slide-copy h3{font-size:clamp(2rem,7.8vw,2.65rem);max-width:21ch}.journal-slide-summary{font-size:.95rem;line-height:1.8}.journal-slide-event{font-size:.82rem}.journal-slide-visual figcaption{padding:16px 22px;font-size:.81rem}.journal-slide-visual figcaption small{font-size:.7rem}.journal-slide-place{font-size:.82rem}.journal-slide-links a{font-size:.84rem;min-height:48px}.journal-slide-added{font-size:.65rem}.journal-reel-toolbar{gap:5px 10px;padding:10px 14px;justify-content:space-between}.journal-reel-dots{order:3;flex-basis:100%;justify-content:center;margin:0}.journal-entry-index>a{grid-template-columns:minmax(0,1fr) 24px;gap:7px 15px;padding:20px 4px}.journal-entry-index>a>span:first-child{grid-column:1}.journal-entry-index strong{grid-column:1}.journal-entry-index>a>span:last-child{grid-column:2;grid-row:1/3}.journal-talk{padding:24px;margin-bottom:26px}.journal-source-links{gap:8px 18px}}
@media(prefers-reduced-motion:reduce){.journal-reel[data-running=true] .journal-reel-progress>span{animation:none;width:100%}}