.journal-reflection-page{--habit-paper:#f8f5ed;--habit-muted:#485b4c}
.journal-reflection-page .habit-hero-image img{object-position:58% 48%}
.journal-reflection-page .habit-hero{min-height:650px}
.journal-reflection-page .habit-hero h1{max-width:650px}
.journal-reflection-page .habit-hero-deck{max-width:330px;font-size:17px}
.journal-reflection-page .habit-prose{font-size:18px}
.journal-reflection-page .habit-prose li{padding-left:7px;margin-bottom:18px}
.journal-reflection-page .habit-toc nav a{font-size:12px}
.journal-reflection-page .habit-meta{font-size:12px}
.journal-reflection-page .habit-source-list li{font-size:15px}
.journal-reflection-page .habit-source-list li>span{font-size:13px;color:#485b4c}
.journal-reflection-page .habit-afterword .journal-prose{font-size:16px}
.journal-reflection-page .journal-final p,.journal-reflection-page .journal-final .journal-compatibility{color:#394d32}
@media(max-width:1050px){.journal-reflection-page .habit-hero h1{font-size:76px}}
@media(max-width:760px){.journal-reflection-page .habit-hero{min-height:600px}.journal-reflection-page .habit-hero h1{font-size:clamp(56px,12vw,76px)}.journal-reflection-page .habit-hero-deck{font-size:16px;max-width:260px}.journal-reflection-page .habit-hero-content{padding-bottom:35px}.journal-reflection-page .habit-hero-image img{object-position:65% center}.journal-reflection-page .habit-prose{font-size:17px}.journal-reflection-page .habit-meta{font-size:12px}.journal-reflection-page .habit-toc nav{display:block}.journal-reflection-page .habit-toc nav a{font-size:13px;padding-block:11px;min-height:44px}.journal-reflection-page .habit-answer h2{font-size:34px}.journal-reflection-page .journal-final h2{font-size:43px}}
@media(max-width:360px){.journal-reflection-page .habit-hero h1{font-size:54px}}

/* Keep copy legible across the new notebook cover and phone crop. */
.journal-reflection-page .habit-hero::after{background:linear-gradient(90deg,rgba(248,245,237,.96) 0%,rgba(248,245,237,.85) 29%,rgba(248,245,237,.20) 58%,transparent 76%)}
@media(max-width:760px){.journal-reflection-page .habit-hero::after{background:linear-gradient(90deg,rgba(248,245,237,.96),rgba(248,245,237,.72) 62%,rgba(248,245,237,.22))}}


@media(max-width:760px){}

@media(max-width:760px){.journal-reflection-page .habit-afterword-label h2 br{display:initial}}
