.journal-home-page{background:var(--bg-color)}
.journal-shell{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.journal-game-notice{margin:24px 0 32px;padding:18px 22px;background:#2A8D5D;border-radius:16px;color:#fff}
.journal-game-notice>div>strong{display:block;margin-bottom:5px;font-family:var(--font-head);font-size:12px;font-weight:800;letter-spacing:.08em}
.journal-game-notice p{margin:0;font-size:16px;line-height:1.5}
.journal-game-notice a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.journal-hero{{padding:56px 0 44px;border-bottom:1px solid var(--tile-border)}
.journal-hero h1{max-width:940px;font-size:clamp(42px,5vw,60px);line-height:1.02;letter-spacing:-.045em}
.journal-intro{max-width:850px;margin:20px 0 0;color:var(--muted);font-size:clamp(17px,1.6vw,19px);line-height:1.58}
.journal-section{padding:48px 0;border-bottom:1px solid var(--tile-border)}
.journal-section-heading{max-width:820px;margin-bottom:26px}
.journal-section-heading h2{margin:0;font-size:clamp(30px,3.2vw,38px);line-height:1.06;letter-spacing:-.03em;font-weight:800}
.journal-section-heading>p:last-child{margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.journal-card{background:#fff;border:1px solid var(--tile-border);border-radius:20px;padding:26px;display:flex;flex-direction:column;min-height:292px;box-shadow:0 12px 28px rgba(34,45,60,.045)}
.journal-card-featured{grid-column:1/-1;min-height:310px;padding:34px;border-top:5px solid var(--green)}
.journal-card-kicker{margin:0 0 11px;color:var(--green);font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.085em}
.journal-card h2{margin:0;font-size:clamp(24px,2vw,28px);line-height:1.15;letter-spacing:-.025em}
.journal-card-featured h2{max-width:880px;font-size:clamp(30px,3vw,36px)}

.journal-card h2 a{text-decoration:none}
.journal-card>p:not(.journal-card-kicker){margin:15px 0 22px;max-width:760px;color:#4C5661;font-size:16px;line-height:1.62}
.journal-read-link{margin-top:auto;color:var(--green);font-family:var(--font-head);font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;text-decoration:none}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-card{display:block;padding:24px;background:#fff;border:1px solid var(--tile-border);border-radius:18px;text-decoration:none}
.guide-card>span{display:block;margin-bottom:7px;color:var(--green);font-family:var(--font-head);font-size:10.5px;font-weight:800;letter-spacing:.08em}
.guide-card>strong{display:block;font-family:var(--font-head);font-size:24px;line-height:1.18}
.guide-card>p{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.guide-card:hover,.journal-card:hover{border-color:rgba(42,141,93,.38)}
.journal-about{border-bottom:0}
.journal-about-copy{max-width:860px}
.journal-about-copy p{margin:0 0 18px;color:#27303A;font-size:17px;line-height:1.7}
@media(max-width:820px){.journal-shell{width:min(100% - 30px,760px)}.journal-hero{padding:54px 0 42px}.journal-section{padding:46px 0}.journal-grid,.guide-grid{grid-template-columns:1fr}.journal-card-featured{grid-column:auto}.journal-card{min-height:0}.journal-card-featured{min-height:0}.journal-card-featured h2{font-size:34px}}
@media(max-width:520px){.journal-shell{width:calc(100% - 24px)}.journal-hero{padding:40px 0 32px}.journal-hero h1{font-size:42px}.journal-intro{font-size:17px}.journal-section{padding:38px 0}.journal-card,.journal-card-featured{padding:20px;border-radius:16px}.journal-card h2,.journal-card-featured h2{font-size:27px}.guide-card{padding:20px}.journal-about-copy p{font-size:16px}}