.journal-page{--journal-ink:#182c3d;--journal-paper:#f6f5ef}
.journal-page .journal-hero{padding-bottom:0}
.journal-back{min-height:44px;align-items:center;margin-bottom:12px;color:#405669}
.journal-cover{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);background:#dbe3e9;border-radius:24px;overflow:hidden;isolation:isolate}
.journal-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,5vw,74px);color:var(--journal-ink)}
.journal-heading .pj-kicker,.journal-reading .pj-kicker,.journal-next .pj-kicker{color:#405669;font-size:11px;letter-spacing:.15em}
.journal-heading .pj-kicker span{padding-inline:7px}
.journal-heading h1{font-size:min(clamp(38px,5.1vw,74px),var(--type-title));max-width:12ch;margin:0 0 22px;text-wrap:initial;overflow-wrap:normal}
.journal-heading h1 em{font-style:normal;color:#245d87}
.journal-summary{max-width:34ch;font-size:clamp(16px,1.55vw,21px);line-height:1.55}
.journal-meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:27px;padding-top:15px;border-top:1px solid #182c3d30;font-size:13px;color:#405669}
.journal-art{position:relative;min-height:390px;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#bdd9ed,var(--cornflower))}
.journal-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#fff5 1px,transparent 1px),linear-gradient(90deg,#fff5 1px,transparent 1px);background-size:33px 33px;mask-image:linear-gradient(120deg,transparent,#000)}
.journal-sheet{width:min(68%,265px);padding:24px 23px 16px;background:var(--mist);border-radius:13px;box-shadow:0 18px 34px #143a582d;color:var(--journal-ink);transform:rotate(-8deg)}
.journal-sheet>span{font-size:9px;font-weight:800;letter-spacing:.17em}
.journal-sheet b{display:block;font-size:clamp(28px,3.6vw,52px);line-height:.98;letter-spacing:-.055em;margin:14px 0 20px}
.journal-sheet div{display:flex;gap:9px;align-items:center;border-top:1px solid #182c3d25;padding:5px 0;font-size:13px;font-weight:700}
.journal-sheet i{font-size:9px;color:#405669;font-style:normal}
.journal-spark{position:absolute;left:72%;top:65%;color:var(--journal-ink);background:var(--amber);border-radius:50%;width:clamp(46px,7vw,90px);aspect-ratio:1;display:grid;place-items:center;transform:rotate(10deg);font-size:clamp(24px,3.6vw,48px);line-height:1;box-shadow:0 6px 20px #143a5822}
.journal-reading{display:grid;grid-template-columns:minmax(190px,245px) minmax(0,740px);gap:clamp(38px,7vw,105px);padding-top:clamp(36px,5vw,72px);padding-bottom:clamp(44px,7vw,86px);max-width:1380px;padding-inline:48px}
.journal-toc{position:sticky;top:110px;padding:18px 0 0;border-top:1px solid var(--line-dark)}
.journal-toc .pj-kicker{margin-bottom:7px}
.journal-toc ol{list-style:none;counter-reset:toc;padding:0;margin:0}
.journal-toc li{counter-increment:toc;border-bottom:1px solid var(--line-dark)}
.journal-toc a{display:flex;align-items:baseline;gap:10px;padding:12px 0;font-size:14px;line-height:1.45;font-weight:700;text-decoration:none}
.journal-toc a::before{content:"0" counter(toc);color:#405669;font-size:10px}
.journal-toc a:hover,.journal-return:hover{text-decoration:underline}
.journal-prose{width:100%;min-width:0;margin:0;gap:clamp(34px,5vw,62px);font-size:clamp(16px,1.45vw,19px);line-height:1.75}
.journal-intro,.journal-chapter{display:grid;gap:16px}
.journal-chapter{border-top:1px solid var(--line-dark);padding-top:26px;scroll-margin-top:110px}
.journal-chapter .pj-kicker{margin:0}
.journal-chapter h2{margin:0;font-size:min(clamp(28px,3.2vw,42px),var(--type-section));line-height:1.14;text-wrap:initial}
.journal-questions{list-style:none;counter-reset:question;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:2px 0}
.journal-questions li{counter-increment:question;padding:19px;background:var(--mist);border:1px solid var(--line-dark);border-radius:14px;font-size:15px;line-height:1.6}
.journal-questions li::before{content:"0" counter(question);display:block;color:#405669;font-size:11px;letter-spacing:.12em;margin-bottom:8px}
.journal-questions strong{display:block;margin-bottom:4px;font-size:17px}
.journal-prose blockquote{margin:5px 0 0;padding:19px 22px;background:var(--amber);border:0;border-radius:14px;color:#1e241e;font-size:clamp(20px,2.3vw,27px)}
.journal-prose p a{color:#245d87;text-underline-offset:3px}
.journal-next{max-width:1284px;width:calc(100% - 96px);margin:0 auto clamp(34px,5vw,72px);padding:clamp(26px,4.5vw,62px);border-radius:22px;background:var(--mist-blue)}
.journal-next h2{margin-bottom:10px}
.journal-next>p:not(.pj-kicker){margin-bottom:24px;color:#344b60}
.journal-next .pj-book{background:#1c1c1c;color:#fbfbf8}
@media(max-width:900px){.journal-reading{padding-inline:28px;gap:32px}.journal-next{width:calc(100% - 56px)}}
@media(max-width:700px){.journal-cover,.journal-reading{grid-template-columns:minmax(0,1fr)}.journal-heading h1{font-size:min(clamp(37px,8vw,58px),var(--type-title))}.journal-art{display:none}.journal-toc{position:static}.journal-reading{padding-inline:22px}.journal-next{width:calc(100% - 44px)}}
@media(max-width:460px){.journal-heading{padding:24px}.journal-questions{grid-template-columns:minmax(0,1fr)}.journal-next>div{gap:16px}}
.journal-cover-guide .journal-heading h1{max-width:18ch;font-size:min(clamp(36px,4.7vw,66px),var(--type-title));line-height:1.07;text-wrap:balance}
.journal-cover-guide .journal-sheet b{overflow-wrap:anywhere;font-size:clamp(27px,3.2vw,45px)}
.journal-related,.journal-sources{border:1px solid var(--line-dark);background:var(--mist);border-radius:14px;padding:20px 24px}
.journal-related h2,.journal-sources h2{margin:0 0 12px;font-size:21px;letter-spacing:-.025em}
.journal-related li,.journal-sources li{font-size:15px}
.journal-related a,.journal-sources a{color:#245d87;text-underline-offset:3px}
@media(max-width:460px){.journal-cover-guide .journal-heading h1{font-size:clamp(30px,8vw,42px)}}