.journal{padding-top:44px;padding-bottom:72px}.journal-intro{position:relative;padding:38px 42px;background:#f7f8fa;border:1px solid #e4e7ec;border-radius:20px;margin-bottom:30px;overflow:hidden}.journal-intro h1{font:400 clamp(38px,4.3vw,58px)/1.12 'Patrick Hand',cursive;color:var(--ink);margin:16px 0}.journal-intro>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:570px;margin:0}.journal-spark{position:absolute;right:44px;top:28px;opacity:.7;transform:rotate(8deg)}
.journal-featured{display:grid;grid-template-columns:1.15fr 1fr;min-height:360px;border:1px solid #e4e7ec;border-radius:20px;overflow:hidden;margin-bottom:56px;background:white}.journal-featured-copy{padding:36px 40px}.journal-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#747986;margin-bottom:18px}.post-category{display:inline-block;background:#f1edff;color:#604bdc;padding:6px 10px;border-radius:5px;font-size:11px;font-weight:500}.journal-featured h2{font:400 38px/1.15 'Patrick Hand',cursive;letter-spacing:0;margin:16px 0 12px}.journal-featured-copy>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 18px}.journal-read{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:500;color:#604bdc;margin-top:22px}.journal-read:hover,.journal-card h3 a:hover{color:#5140bd;text-decoration:underline;text-underline-offset:4px}.journal-read .sketch-icon{width:19px;height:19px}.journal-featured-art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f1edff;padding:30px;text-align:center;overflow:hidden}.journal-featured-art>img{width:min(285px,90%);height:auto;transform:rotate(-5deg)}.journal-art-note{font:400 27px/1.2 'Patrick Hand',cursive;color:#5a5270;align-self:flex-start;text-align:left;transform:rotate(-4deg);position:relative;z-index:1}.journal-art-tag{font-size:11px;color:#24694c;background:#edf7f1;border:1px solid #d3e7db;padding:9px 14px;border-radius:6px;transform:rotate(3deg);margin-top:-12px}
.post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;line-height:1.5;color:#707683}.post-author-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f1edff;color:#7765eb}.post-example-tag{border:1px solid #e4e7ec;border-radius:4px;padding:2px 6px;font-size:10px;background:white}.journal-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.journal-section-heading h2{font:400 32px/1.2 'Patrick Hand',cursive;letter-spacing:0;margin:0}.journal-section-heading>span,.journal-section-heading>a{font-size:12px;color:#707683}.journal-section-heading>a{display:flex;align-items:center;gap:9px;color:#604bdc}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.journal-card{border:1px solid #e4e7ec;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.journal-card:hover{border-color:#d4c9ec;box-shadow:0 10px 28px #25273109}.journal-card-art{display:flex;align-items:center;justify-content:center;gap:20px;min-height:175px;padding:25px;background:#f1edff;overflow:hidden}.journal-card:nth-child(3n+2) .journal-card-art{background:#edf7f1}.journal-card:nth-child(3n+3) .journal-card-art{background:#f2f3f6}.journal-card-art>img{width:100%;height:175px;object-fit:cover}.journal-card-doodle{display:grid;place-items:center;flex-shrink:0;width:72px;height:80px;background:#fff9;border:1px solid #ffffffc7;border-radius:10px;transform:rotate(-7deg);color:#7665aa}.journal-card-doodle .sketch-icon{width:38px;height:38px}.journal-card:nth-child(3n+2) .journal-card-doodle{color:#4f7a62}.journal-card-note{font:400 23px/1.25 'Patrick Hand',cursive;max-width:145px;transform:rotate(3deg);color:#595468}.journal-card-content{padding:26px;display:flex;flex-direction:column;flex:1}.journal-card h3{font:400 28px/1.2 'Patrick Hand',cursive;margin:16px 0 12px;letter-spacing:0}.journal-card-content>.post-category{align-self:flex-start}.journal-card-content>p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 24px}.journal-card-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #eeeff2;padding-top:16px;font-size:11px;color:#737986}.journal-card-bottom>a{display:grid;place-items:center;color:#7765a7;min-width:34px;min-height:34px;border:1px solid #e4e7ec;border-radius:7px}.journal-card-bottom>a:hover{background:#f1edff}.journal-pagination{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:35px}.journal-pagination a{border:1px solid #e4e7ec;border-radius:7px;padding:10px 14px;font-size:13px}.journal-pagination [aria-current=page]{background:#604bdc;color:#fff;border-color:#604bdc}.journal-empty{grid-column:1/-1;border:1px dashed #ddd5f5;border-radius:16px;padding:45px;text-align:center;color:var(--muted)}.journal-empty h3{font:400 30px 'Patrick Hand',cursive;color:var(--ink)}
.journal-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#edf7f1;border:1px solid #d3e7db;border-radius:20px;padding:36px 40px;margin-top:64px}.journal-cta h2{font:400 34px/1.2 'Patrick Hand',cursive;letter-spacing:0;margin:12px 0}.journal-cta p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.journal-cta .btn{flex-shrink:0}
.journal-breadcrumb{margin-bottom:32px}.journal-breadcrumb a{font-size:12px;color:#6d6380;display:inline-flex;align-items:center;gap:10px}.journal-breadcrumb .sketch-icon{transform:rotate(180deg)}.post-header{max-width:840px;margin:0 auto 32px;text-align:center}.post-header h1{font:400 clamp(38px,4.5vw,60px)/1.1 'Patrick Hand',cursive;letter-spacing:0;margin:20px 0}.post-description{font-size:16px;color:var(--muted);line-height:1.85;max-width:700px;margin:0 auto 22px}.post-header .post-meta{justify-content:center}.post-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:80px;border:1px solid #e4def3;border-radius:20px;background:#f4f1ff;min-height:230px;margin-bottom:48px;overflow:hidden}.post-banner>span{font:400 37px/1.2 'Patrick Hand',cursive;color:#6a5a85;transform:rotate(-3deg)}.post-banner>img{height:205px;width:auto;transform:rotate(5deg)}.post-banner .post-banner-spark{position:absolute;right:6%;top:24px;height:85px;opacity:.6}
.post-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:52px;justify-content:center;align-items:start}.post-aside-inner{position:sticky;top:110px}.post-aside{align-self:stretch}.post-aside h2{font:400 25px/1.2 'Patrick Hand',cursive;margin:0 0 18px;letter-spacing:0}.post-aside nav ul{list-style:none;padding:0;margin:0}.post-aside nav ul ul{padding-left:14px}.post-aside nav li{margin:0 0 14px}.post-aside nav a{display:block;font-size:12px;line-height:1.7;color:#6b6478}.post-aside nav a:hover{color:#604bdc;text-decoration:underline;text-underline-offset:4px}.post-aside-note{border-top:1px solid #e4e7ec;margin-top:22px;padding-top:20px;color:#7a7188;font:400 22px/1.4 'Patrick Hand',cursive}.post-aside-note .sketch-icon{display:block;width:24px;height:24px;margin-bottom:10px;color:#8e7bae}.journal-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border:1px solid #e4e7ec;border-radius:8px;padding:10px 12px;color:#626774;font-size:11px;width:100%;margin-top:22px;min-height:40px}.journal-copy:hover{background:#f7f8fa}.journal-copy-status{font-size:11px;line-height:1.7;color:#24694c;min-height:1.7em}.post-body{font-size:16px;line-height:1.9;color:#4e535f;min-width:0;overflow-wrap:anywhere}.post-body>p:first-child{margin-top:0}.post-body h2{font:400 34px/1.2 'Patrick Hand',cursive;color:var(--ink);letter-spacing:0;margin:40px 0 16px;scroll-margin-top:105px}.post-body h3{font-size:21px;color:var(--ink);line-height:1.4;letter-spacing:0;scroll-margin-top:105px}.post-body p{margin:0 0 22px}.post-body :is(ul,ol){padding-left:24px;margin:0 0 24px}.post-body li{padding-left:5px;margin-bottom:8px}.post-body blockquote{margin:30px 0;padding:22px 26px;border-left:3px solid #9ac8ad;border-radius:0 12px 12px 0;background:#edf7f1;color:#315b44;font:400 27px/1.5 'Patrick Hand',cursive}.post-body blockquote p:last-child{margin:0}.post-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:14px;margin:28px 0}.post-body :is(th,td){border:1px solid #e4e7ec;padding:13px 16px;text-align:left;min-width:130px}.post-body th{background:#f7f8fa}.post-body a{color:#604bdc;text-decoration:underline;text-underline-offset:4px}.post-body pre{overflow:auto;padding:20px;border-radius:12px;background:#f7f8fa;font-size:13px}.post-body img{max-width:100%;height:auto;border-radius:12px}.post-body .post-example-note{font-size:12px;background:#f7f8fa;border:1px solid #e4e7ec;border-radius:9px;padding:12px 16px;color:#6e7480;line-height:1.7;margin-bottom:26px}.post-end{border-top:1px solid #e4e7ec;padding-top:26px;margin-top:38px;display:flex;flex-direction:column;align-items:start;gap:16px;font-size:13px}.post-end>span{display:flex;align-items:center;gap:10px;color:#726386}.post-end>a{display:inline-flex;align-items:center;gap:12px}.journal-related{margin-top:72px;padding-top:42px;border-top:1px solid #e4e7ec}.journal-related .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px}.nav-links a[aria-current=page]{color:#604bdc}
@media(max-width:1100px){.journal-spark{right:25px;width:85px;height:85px}.journal-intro>p{max-width:calc(100% - 110px)}.journal-featured-copy{padding:30px}.journal-featured h2{font-size:34px}.journal-grid{gap:18px}.journal-card-content{padding:22px}.journal-card-art{gap:12px;padding:20px}.journal-card-note{font-size:21px}.post-layout{gap:32px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:850px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-featured{grid-template-columns:1.2fr 1fr}.journal-featured-art{padding:24px}.journal-art-note{font-size:23px}.journal-art-tag{font-size:10px}.journal-cta{align-items:flex-start;flex-direction:column}.post-layout{grid-template-columns:1fr}.post-aside{align-self:auto}.post-aside-inner{position:static;border:1px solid #e4e7ec;border-radius:12px;padding:22px;background:#fafbfc}.post-aside nav ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.post-aside nav li{margin:0}.post-aside-note{display:none}.journal-copy{max-width:240px;margin-top:18px}.journal-copy-status:empty{display:none}.post-banner{gap:30px}.post-banner>span{font-size:30px}.post-banner .post-banner-spark{right:2%;opacity:.3}}
@media(max-width:620px){.journal{padding-top:24px;padding-bottom:44px}.journal-intro{padding:28px 24px;margin-bottom:22px;border-radius:16px}.journal-intro h1{font-size:39px;max-width:260px}.journal-intro>p{font-size:14px;max-width:none}.journal-spark{right:12px;top:22px;width:60px;height:60px;opacity:.35}.journal-featured{grid-template-columns:1fr;margin-bottom:38px;border-radius:16px}.journal-featured-copy{padding:26px}.journal-featured h2{font-size:32px}.journal-featured-art{min-height:230px;padding:24px;flex-direction:row;gap:5px}.journal-featured-art>img{width:60%;max-width:220px}.journal-art-note{font-size:24px;align-self:center}.journal-art-tag{position:absolute;bottom:18px;margin:0}.journal-featured-copy>p{font-size:13px}.journal-grid,.journal-related .journal-grid{grid-template-columns:1fr;gap:20px}.journal-section-heading{gap:14px;align-items:flex-start}.journal-section-heading h2{font-size:29px;max-width:240px}.journal-section-heading>span{white-space:nowrap;padding-top:7px}.journal-section-heading>a{font-size:11px;white-space:nowrap;padding-top:6px}.journal-card-art{min-height:165px;gap:25px}.journal-card-note{font-size:25px;max-width:150px}.journal-card-content{padding:24px}.journal-card h3{font-size:29px}.journal-cta{padding:28px 24px;margin-top:42px;border-radius:16px;gap:24px}.journal-cta h2{font-size:31px}.journal-cta p{font-size:13px}.post-header h1{font-size:40px}.post-description{font-size:14px}.post-meta{font-size:10px;gap:7px}.journal-breadcrumb{margin-bottom:26px}.post-banner{min-height:175px;border-radius:14px;padding:15px;gap:0;margin-bottom:28px}.post-banner>span{font-size:25px;flex:1}.post-banner>img{width:53%;height:auto}.post-banner .post-banner-spark{height:55px;width:55px;top:8px}.post-layout{gap:28px}.post-aside nav ul{grid-template-columns:1fr}.post-aside nav a{font-size:12px}.post-body{font-size:15px;line-height:1.9}.post-body h2{font-size:31px;margin-top:34px}.post-body blockquote{padding:18px 20px;font-size:24px}.post-body :is(th,td){padding:10px 12px;min-width:110px}.journal-related{margin-top:42px;padding-top:30px}}
@media(prefers-reduced-motion:reduce){.journal-card{transition:none}}
.post-cover{margin-bottom:48px;border-radius:20px;overflow:hidden;border:1px solid #e4e7ec;background:#f7f8fa}.post-cover img{width:100%;height:auto;max-height:580px;object-fit:cover;display:block}@media(max-width:620px){.post-cover{border-radius:14px;margin-bottom:28px}}