.journal nav{color:var(--ink)}
.journal nav .nav-mid a{color:var(--ink-2)}
.journal .nav-cta{border-color:#a4afc3}
.journal .nav-cta:hover{color:white;background:var(--navy)}
.journal .blog-hero{padding:175px 0 58px}
.journal .blog-hero .heading{font-size:clamp(44px,6vw,76px);max-width:800px;font-weight:500}
.journal .blog-hero .subtext{margin:24px 0 0!important;max-width:570px}
.journal-index{padding:0 0 90px}
.article-search{padding:0 0 36px;max-width:620px}
.article-search label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}
.article-search input{width:100%;padding:15px 18px;border:1px solid #a6b2c7;border-radius:9px;background:white;color:var(--ink)}
#search-status{font-size:12px;color:var(--ink-2);margin-top:10px;min-height:20px}
.month-label{font-size:14px;font-weight:700;color:var(--ink-2);margin:26px 0 12px}
.blog-grid{display:flex;flex-direction:column}
.blog-card{display:grid;grid-template-columns:100px minmax(0,1fr) 24px;gap:28px;padding:26px 8px;border-top:1px solid var(--line);text-decoration:none;transition:background .2s}
.blog-card:hover{background:#e9eef7}
.card-date{font-size:11px;color:var(--ink-3);padding-top:5px}
.card-body h3{font-size:21px;font-weight:600;line-height:1.4;letter-spacing:-.025em;margin-bottom:9px}
.card-body p{font-size:14px;line-height:1.8;color:var(--ink-2);max-width:780px}
.card-arr{font-size:20px;color:var(--accent)}
.journal-article{width:min(760px,calc(100% - 48px));margin:auto;padding:170px 0 90px}
.post-date{display:block;font-size:13px;color:var(--ink-2);margin-bottom:20px}
.journal-article h1{font-size:clamp(32px,4vw,53px);font-weight:600;line-height:1.16;letter-spacing:-.04em;margin-bottom:42px;overflow-wrap:anywhere}
.content{font-size:17px;line-height:1.95;color:#39465c}
.content p{margin:0 0 24px}
.content h2,.content h3{font-size:26px;font-weight:650;line-height:1.4;letter-spacing:-.025em;color:var(--ink);margin:45px 0 18px}
.content strong{color:var(--ink);font-weight:700}
.content ul,.content ol{padding-left:24px;margin:22px 0}.content li{padding-left:5px;margin-bottom:12px}
.content a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}
.content pre{overflow:auto;padding:22px;background:#e8edf5;border-radius:10px}
.content blockquote{margin:25px 0;padding:0 0 0 24px;border-left:3px solid #99a9dc}
.back-link{display:inline-block;margin-top:35px;color:var(--accent);font-size:14px;text-underline-offset:5px}
[hidden]{display:none!important}
@media(max-width:760px){.journal nav.open .nav-mid a{color:#e1e7fa}.journal .blog-hero{padding:130px 0 38px}.blog-card{grid-template-columns:1fr 20px;gap:8px;padding:22px 0}.card-date{grid-column:1/-1}.card-body h3{font-size:19px}.card-body p{font-size:13px}.card-arr{grid-column:2;grid-row:2}.journal-article{padding-top:132px;width:calc(100% - 40px)}.content{font-size:16px;line-height:1.9}.journal-article h1{margin-bottom:30px}.content h2,.content h3{font-size:23px}}
