.journal-hero{grid-template-columns:1.12fr .88fr;padding-bottom:85px}.journal-hero h1{font-size:clamp(46px,5vw,72px)}
.journal-paper-scene{position:relative;padding:50px 12px 30px 20px;margin-top:50px}.journal-paper{position:relative;background:#f4edda;color:#273421;padding:34px;border-radius:4px 18px 18px 4px;transform:rotate(4deg);box-shadow:0 28px 60px #0003;z-index:1;border-left:8px solid #bbc49f}
.journal-paper-back{position:absolute;inset:45px 7px 20px 22px;transform:rotate(-5deg);border-radius:8px;background:#778a55}.journal-paper-date{font-size:9px;font-weight:800;letter-spacing:.16em;color:#687153}.journal-paper h2{font-size:43px;line-height:1.05;margin:25px 0 30px;letter-spacing:-.06em}
.journal-paper-line{display:flex;gap:16px;padding:22px 0;border-top:1px solid #48583433}.journal-paper-line>span{font-size:11px;color:#6d7b56;padding-top:4px}.journal-paper-line strong{display:block;font-size:19px}.journal-paper-line small{display:block;color:#6d765e;font-size:11px;line-height:1.7;margin-top:6px}.journal-paper-signoff{font-size:11px;color:#5c684c;display:flex;justify-content:space-between;gap:8px;padding-top:10px}.journal-paper-signoff>span{font-size:20px}
.journal-sticker{position:absolute;right:-10px;bottom:5px;z-index:2;background:#c8f06a;color:#183220;border-radius:50%;width:125px;height:125px;display:grid;place-content:center;text-align:center;transform:rotate(-9deg);font-size:14px;font-weight:800;line-height:1.5;border:1px dashed #365122;outline:6px solid #c8f06a}
.journal-start{max-width:1260px;margin:auto;border-block:1px solid var(--line);padding:30px 7vw;display:flex;align-items:center;justify-content:space-between;gap:40px}.journal-start>p{max-width:650px;font-size:16px;line-height:1.8;color:var(--muted)}.journal-start>a{flex-shrink:0}
.journal-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.journal-step-grid article{border-top:2px solid #86a555;padding-top:25px;display:flex;flex-direction:column}.journal-big-number{font-size:62px;letter-spacing:-.06em;color:#789948;line-height:1}.journal-step-grid h3{font:700 25px/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:28px 0 14px}.journal-step-grid article>p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.journal-step-grid ul{padding-left:18px;line-height:1.8;font-size:14px;color:var(--muted);margin:22px 0 28px}.journal-step-grid li{padding:5px 0}.journal-tip{margin-top:auto;font-size:12px;line-height:1.8;border-radius:14px;padding:18px;background:var(--tracker-soft);color:var(--muted)}.journal-tip strong{display:block;color:var(--ink)}
.journal-template-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:85px 7vw;background:#173e2d;color:#f4f5ef;align-items:center}.journal-template-copy h2{font-size:clamp(36px,4.4vw,62px);line-height:1.08}.journal-template-copy>.kicker{color:#c8f06a!important}.journal-template-copy>p:not(.kicker){color:#bbccbe;font-size:17px;line-height:1.8;max-width:430px}.journal-template-copy button{border:0;cursor:pointer;margin-top:12px}.journal-template-copy .journal-copy-status{font-size:12px!important;min-height:44px}.journal-template-sheet{background:#f6f0de;color:#34442a;border-radius:4px 20px 20px 4px;padding:30px 32px;border-left:6px solid #b2c08a;box-shadow:0 20px 60px #07180e33;transform:rotate(2deg)}.journal-sheet-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.12em;border-bottom:1px solid #77825f55;padding-bottom:20px}.journal-sheet-top>span:last-child{font-size:32px}
.journal-template-sheet pre{font-family:inherit;font-size:14px;line-height:2.65;margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere;background:repeating-linear-gradient(transparent 0,transparent 36px,#79865f22 36px,#79865f22 37px)}.journal-template-sheet>p{font-size:11px;line-height:1.7;color:#6b765d;border-top:1px solid #77825f55;padding-top:15px}
.journal-review{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.journal-pullquote{border-left:2px solid #8aaa5c;padding-left:32px}.journal-pullquote>span{font:90px/1 Georgia,serif;color:#8aaa5c}.journal-pullquote blockquote{font:600 25px/1.5 Manrope,sans-serif;margin:-20px 0 25px;letter-spacing:-.035em}.journal-pullquote>p{color:var(--muted);font-size:14px;line-height:1.8}
.journal-formats{padding-top:30px}.journal-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.journal-format-grid article{padding:30px;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;align-items:flex-start}.journal-format-grid h3{font-size:25px;letter-spacing:-.04em;margin:28px 0 12px}.journal-format-grid p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 20px}.journal-format-grid small{font-size:12px;line-height:1.7;color:var(--muted);margin-top:auto;padding-top:20px}.journal-format-symbol{height:48px;font-size:36px;color:#83a351;line-height:1.3}.journal-app-format{background:var(--tracker-soft);border-color:#8da665!important}.journal-app-format img{border-radius:12px}
@media(max-width:1000px){.journal-paper{padding:25px}.journal-paper h2{font-size:36px}.journal-paper-line{padding-block:18px}.journal-sticker{right:0;width:105px;height:105px;font-size:12px}.journal-start{flex-direction:column;align-items:flex-start;gap:10px}.journal-step-grid{gap:20px}.journal-template-section{gap:5%;padding-inline:5vw}.journal-template-sheet{padding:24px}.journal-format-grid article{padding:24px}}
@media(max-width:760px){.journal-hero{grid-template-columns:1fr;padding-bottom:60px}.journal-hero h1{font-size:46px}.journal-paper-scene{margin-top:0;padding:35px 14px 30px}.journal-paper h2{font-size:40px}.journal-paper-line{padding-block:20px}.journal-sticker{bottom:0;right:5px}.journal-start{padding:24px}.journal-step-grid,.journal-review,.journal-format-grid{grid-template-columns:1fr}.journal-step-grid{gap:36px}.journal-step-grid h3{margin-top:20px}.journal-template-section{grid-template-columns:1fr;padding:60px 24px;gap:25px}.journal-template-sheet{transform:none;padding:22px 18px}.journal-template-sheet pre{font-size:12px;line-height:3.1}.journal-review{gap:30px}.journal-pullquote{padding-left:24px}.journal-pullquote blockquote{font-size:23px}.journal-formats{padding-top:0}.journal-format-grid article{padding:28px}.journal-format-grid h3{margin-top:20px}}