/* BOOKS-98: a journal keeps its prose and imagery, without nested decorated cards. */
.journal-screen .reading-dashboard .dashboard-card { background: none; border: 0; border-bottom: 1px solid #cdbfa9; border-radius: 0; box-shadow: none; }
.journal-screen .journal-article { padding: 0; }
.journal-screen .journal-article > header { padding: 2rem; background: #233f33; color: #f8f2e5; border-bottom: 3px solid #ae8c53; }
.journal-screen .journal-article > header h1 { color: #f8f2e5; font-size: clamp(2rem,5vw,3.5rem); }
.journal-screen .journal-article > header :is(a,.muted) { color: #d8ddcf; }
.journal-screen .journal-copy { max-width: 65ch; margin: 2rem auto; font-size: 1.125rem !important; line-height: 1.85 !important; }
.journal-screen .journal-copy img { max-width: 100%; height: auto; }
.journal-screen .journal-copy blockquote { border-left: 3px solid #ae8c53; padding-left: 1.5rem; color: #65503a; }
.journal-screen .journal-article aside { background: #e7dbc6; border-radius: 0 !important; }
.journal-screen .rounded-4 { border-radius: 0 !important; }
.journal-screen .dashboard-card > a img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; }
.journal-screen .dashboard-card h2 { font-size: 1.65rem; }
.journal-screen .dashboard-card h2 a { text-decoration: none; }
.journal-screen .dashboard-card h2 a:hover { text-decoration: underline; }
.journal-screen .comments-area { padding-top: 2rem; border-top: 1px solid #cdbfa9; }
.journal-screen :is(.comment-list,.children) { list-style: none; padding-left: 0; }
.journal-screen .children { margin-left: 1.5rem; }
.journal-screen .comment-body { padding-block: 1.5rem; border-bottom: 1px solid #cdbfa9; }
.journal-screen .comment-author img { width: 44px; height: 44px; border-radius: 50%; margin-right: .75rem; }
.journal-screen .comment-metadata { color: #655b4e; font-size: .9rem; margin-block: .5rem; }
.journal-screen .comment-form-box { padding: 1.5rem; background: #e7dbc6; }
.journal-screen .comment-form label { display: block; font-weight: 600; margin-bottom: .5rem; }
.journal-screen .comment-form :is(input:not([type=hidden]),textarea) { width: 100%; }
.journal-screen .comment-form input[type=submit] { width: auto; padding: .65rem 1rem; background: #315d45; color: #fffefa; border-color: #315d45; }
.journal-screen .page-link { min-height: 44px; padding: .65rem 1rem; color: #234a35; background: #faf8f2; border-color: #cdbfa9; }
@media(max-width:600px) { .journal-screen .journal-article > header { padding: 1.5rem; } .journal-screen .journal-copy { font-size: 1rem !important; } }
.journal-screen .journal-article > header .card-kicker { color: #d8ddcf; }