.journal-tools{display:flex;gap:20px;flex-wrap:wrap;margin:32px 0}.journal-tools label{display:grid;gap:8px;flex:1;min-width:220px}.journal-tools input,.journal-tools select{font:inherit;padding:14px;border:1px solid #a8bad3;border-radius:10px;background:white}.journal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.journal-tile{border:1px solid #dce5f1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 30px #12315b0a;display:flex;flex-direction:column}.journal-tile img{width:100%;aspect-ratio:1.55;object-fit:cover}.journal-tile-body{padding:24px;display:flex;flex-direction:column;flex:1}.journal-tile h2{font-size:23px;line-height:1.3;margin:12px 0}.journal-tile h2 a{color:#102c57;text-decoration:none}.journal-tile h2 a:hover{text-decoration:underline}.journal-tile p{font-size:15px;line-height:1.7}.journal-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;font-weight:700;color:#36537a}.journal-tag{color:#a52b3a}.journal-read{margin-top:auto;padding-top:18px;color:#113e7a;font-weight:700}.journal-article{max-width:850px;margin:32px auto}.journal-article>img{width:100%;max-height:470px;object-fit:cover;border-radius:22px;margin:25px 0}.journal-article h2{font-size:clamp(28px,4vw,46px);line-height:1.2}.journal-article p{font-size:18px;line-height:1.85;margin:24px 0}.journal-article .journal-lead{font-size:22px;color:#36537a}.journal-source{background:#eff5fc;border-left:4px solid #dfb22c;padding:22px;margin-top:36px;overflow-wrap:anywhere}.journal-back{display:inline-block;margin:15px 0;color:#174a82;font-weight:700}.journal-count{font-size:14px;color:#48617f}@media(max-width:1000px){.journal-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.journal-list{grid-template-columns:1fr}.journal-tile-body{padding:20px}}
@font-face{font-family:'Atlas Journal Manrope';src:url('/fonts/Manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
body.journal-surface main,#journal,#detail:has(.article-body){font-family:'Atlas Journal Manrope',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body.journal-surface .study-title,#journal h2,#journal h2 .serif{font-family:'Atlas Journal Manrope',Arial,Helvetica,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.04em;line-height:1.08}
body.journal-surface .study-title{font-size:clamp(46px,6vw,78px)}
body.journal-surface main>.study-main>p,body.journal-surface .study-main>p{font-size:18px;line-height:1.75}
body.journal-surface .journal-tile h2{font-family:'Atlas Journal Manrope',Arial,Helvetica,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.3;margin:14px 0}
body.journal-surface .journal-tile p{font-size:16px;line-height:1.75;color:#58647a}
body.journal-surface .journal-article h2{font-family:'Atlas Journal Manrope',Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.04em;line-height:1.13}
body.journal-surface .journal-article p{font-size:18px;line-height:1.85;font-weight:400;letter-spacing:0}
body.journal-surface .journal-article .journal-lead{font-size:21px;line-height:1.65}
body.journal-surface .journal-tools input,body.journal-surface .journal-tools select{font-family:inherit}
#journal .article-card h3{font-family:'Atlas Journal Manrope',Arial,Helvetica,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.3}
#journal .article-meta{font-family:'Atlas Journal Manrope',Arial,Helvetica,sans-serif}
#detail:has(.article-body) h2{font-family:'Atlas Journal Manrope',Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.04em}
