.journal-public{max-width:1120px;margin:0 auto;padding:56px 24px 88px}
.journal-public .journal-intro{padding:0 0 36px;text-align:left}
.journal-public h1{font-size:clamp(30px,5vw,44px);line-height:1.3;letter-spacing:-.06em;margin:16px 0}
.journal-public p{font-size:17px;line-height:1.8;word-break:keep-all}
.journal-public .reading-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.journal-public .reading-card{display:block;text-decoration:none;color:inherit;min-width:0}
.journal-public .reading-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#f2eee6}
.journal-public .reading-card h2{font-size:21px;line-height:1.5;letter-spacing:-.04em;margin:16px 0 12px;word-break:keep-all;overflow-wrap:anywhere}
.journal-public .reading-card>span{font-size:14px;color:#9f342b}
.journal-empty{padding:40px 28px;background:#f3eee4;border-top:2px solid #a5372d}
.journal-empty h2{font-size:clamp(22px,4vw,30px);line-height:1.5;letter-spacing:-.05em;word-break:keep-all}
.journal-empty p{color:#6b665e}
.journal-public .journal-action{display:flex;align-items:center;justify-content:center;padding:16px 20px;margin-top:28px;min-height:52px;background:#a5372d;color:#fffdfa;text-decoration:none;font-weight:700;text-align:center}
.journal-home{display:inline-block;padding:16px 0;color:#655e54}
.journal-public a:focus-visible{outline:3px solid #a5372d;outline-offset:4px}
@media(max-width:700px){.journal-public .reading-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.journal-public .reading-card h2{font-size:18px}}
@media(max-width:400px){.journal-public{padding:40px 20px 64px}.journal-empty{padding:28px 20px}.journal-public .reading-list{grid-template-columns:1fr}}


.journal-public .reading-card img.reading-diagram{object-fit:contain}