body.is-journal-mode { overflow: hidden; }
body.is-journal-mode .content-frame,
body.is-journal-mode .content-frame.fx-about,
body.is-journal-mode .content-frame.fx-archive,
body.is-journal-mode .content-frame.fx-journal {
  position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important;
  min-width: 0 !important; min-height: 0 !important; transform: none !important;
  overflow: hidden !important; background:#fff !important; z-index:10;
}
body.is-journal-mode .content-panel.journal-panel {
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  min-height:100% !important; padding:0 !important; overflow:hidden !important;
}
body.is-journal-mode .content-frame.show-content .journal-panel.is-active { animation:journalPageIn 440ms ease both !important; }
@keyframes journalPageIn { from{opacity:0} to{opacity:1} }
.journal-inner {
  position:absolute; z-index:3; top:clamp(30px,4.1vh,62px); left:clamp(54px,8.55vw,132px);
  color:#111; font-family:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,Consolas,"Courier New",monospace;
  letter-spacing:.018em;
}
body.is-journal-mode .journal-panel .content-kicker { margin:0 0 clamp(24px,2.9vh,42px)!important; font-size:clamp(8px,.56vw,10px)!important; line-height:1!important; letter-spacing:.03em!important; font-weight:600; }
body.is-journal-mode .journal-panel h1 { margin:0 0 clamp(22px,2.6vh,34px)!important; font-size:clamp(16px,1.15vw,20px)!important; line-height:1!important; letter-spacing:.025em!important; font-weight:400!important; }
.journal-description { margin:0!important; font-size:clamp(9px,.64vw,11px)!important; line-height:1.65!important; }
.journal-entry-list { list-style:none; margin:clamp(42px,5.4vh,72px) 0 0; padding:0; }
.journal-entry-link { display:grid; grid-template-columns:48px minmax(180px,260px) 90px 70px; column-gap:20px; align-items:baseline; color:inherit; text-decoration:none; font-size:clamp(9px,.64vw,11px); line-height:1.65; transition:opacity 180ms ease; }
.journal-entry-number,.journal-entry-type { opacity:.48; }
.journal-entry-open { text-align:right; }
.journal-entry-link:hover .journal-entry-title,.journal-entry-link:focus-visible .journal-entry-title { text-decoration:underline; text-underline-offset:4px; }
.journal-entry-link.is-activating { opacity:0; transition:opacity 220ms ease; }
body.is-journal-mode .fixed-index-menu,body.is-journal-mode .site-copyright { z-index:40; }
body.is-journal-detail-open { overflow:hidden!important; }
.journal-detail-layer { position:fixed; inset:0; z-index:1000; width:100vw; height:100vh; background:#fff; opacity:0; visibility:hidden; transition:opacity 360ms ease,visibility 0s linear 360ms; }
.journal-detail-layer.is-visible { opacity:1; visibility:visible; transition:opacity 360ms ease; }
.journal-detail-layer.is-closing { opacity:0; transition:opacity 420ms ease; }
.journal-detail-frame { display:block; width:100%; height:100%; border:0; background:#fff; }
@media(max-width:860px){ body.is-journal-mode{overflow-y:auto}.journal-inner{top:45px;left:8vw;width:84vw}.journal-entry-link{grid-template-columns:36px 1fr 58px;row-gap:4px}.journal-entry-open{grid-column:2;text-align:left}.journal-entry-type{grid-column:3;grid-row:1}.journal-entry-open{font-size:9px} }
