.journal-main{min-height:calc(100vh - 210px);padding-top:84px;background:#fff}
.journal-hero{padding:52px 0 36px;background:#f5f9ff;border-bottom:1px solid rgba(7,88,184,.12)}
.journal-hero .kicker{margin-bottom:15px;color:#62666d;font-size:.78rem;font-weight:800;letter-spacing:.15em}
.journal-hero h1{margin:0;color:#011c46;font-size:var(--type-h1)}
.journal-hero-description{max-width:720px;margin:14px 0 0;color:#58708f;font-size:var(--type-body);line-height:1.58}
.journal-list{padding:30px 0 44px}
.journal-list-head{margin:0 0 9px;color:#011c46;font:800 .76rem/1 "Manrope",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.journal-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:780px;margin:24px 0 0}
.journal-search{display:block;position:relative;min-width:0}
.journal-search:focus-within{z-index:1}
.journal-search:before{content:"";position:absolute;left:19px;top:50%;width:12px;height:12px;border:2px solid #6b7e99;border-radius:50%;transform:translateY(-60%)}
.journal-search:after{content:"";position:absolute;left:31px;top:55%;width:7px;height:2px;background:#6b7e99;transform:rotate(45deg)}
.journal-search input{width:100%;min-height:50px;padding:13px 18px 13px 49px;border:1px solid #cbd9e9;border-radius:12px 0 0 12px;background:#fff;color:var(--text);outline:none}
.journal-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.12)}
.journal-clear{min-height:50px;margin-left:-1px;padding:12px 18px;border:1px solid #cbd9e9;border-radius:0 12px 12px 0;background:#fff;color:#35506f;font-weight:700;cursor:pointer}
.journal-clear:hover,.journal-clear:focus-visible{border-color:#9fbce0;color:var(--blue)}
.journal-results-bar{display:flex;justify-content:space-between;gap:30px;margin:0 3px 18px;color:#73839a;font-size:.78rem}
.journal-results-bar p{margin:0}
.journal-results-bar p:first-child{color:#243c5b;font-weight:800}
.journal-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid rgba(7,88,184,.16);border-bottom:1px solid rgba(7,88,184,.16)}
.journal-card+.journal-card{border-top:0}
.journal-card[hidden]{display:none}
.journal-card.journal-card--first-visible{border-top:1px solid rgba(7,88,184,.16)}
.journal-card--featured{margin-inline:-18px;padding-inline:18px;border-left:3px solid #e41f26;background:linear-gradient(90deg,#f7faff 0%,#fff 62%)}
.journal-card-meta{color:#62666d;font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.journal-card-meta span{display:block;margin-bottom:5px}
.journal-card-meta .featured-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e41f26;color:#fff;font-size:.64rem;letter-spacing:.1em}
.journal-card-meta .article-rating-summary{display:flex;align-items:center;gap:7px;margin-top:10px;color:#3d5573;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:none}
.journal-card-meta .article-rating-summary span{margin-bottom:0}
.article-rating-stars{position:relative;display:inline-block;color:#c6d0dc;font:800 1rem/1 Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
.article-rating-stars-base,.article-rating-stars-fill{display:block}
.article-rating-stars-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#ef9f0b}
.article-rating-text{white-space:nowrap}
.journal-card h2{max-width:820px;margin:0 0 7px;color:#011c46;font-size:var(--type-h3)}
.journal-card-summary{max-width:800px;margin:0 0 4px;color:#58708f;font-size:.9rem;line-height:1.45}
.journal-link{display:inline-flex;align-items:center;gap:8px;margin-top:4px;color:#0758b8;font-size:.9rem;font-weight:800}
.journal-link span{transition:transform .2s}
.journal-link:hover span{transform:translateX(4px)}
.journal-empty{padding:55px 30px;border:1px dashed #b8c9dd;border-radius:16px;background:#f9fbfe;text-align:center}
.journal-empty h3{margin-bottom:8px;color:#011c46}
.journal-empty p{margin:0;color:#58708f}
@media(max-width:760px){
  .journal-card{grid-template-columns:1fr;gap:12px}
  .journal-card-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
  .journal-card-meta span{margin:0}
  .journal-card-meta span+span:before{content:"\00B7";margin-right:9px}
  .journal-card-meta .featured-badge:before{display:none}
  .journal-card-meta .article-rating-summary{flex-basis:100%;margin-top:2px}
  .journal-card-meta .article-rating-summary:before{display:none}
  .journal-card-meta .article-rating-stars span:before,.journal-card-meta .article-rating-text:before{display:none}
}
@media(max-width:600px){
  .journal-main{padding-top:72px}
  .journal-hero{padding:36px 0 26px}
  .journal-list{padding:22px 0 36px}
  .journal-controls{margin-top:20px}
  .journal-clear{width:auto;padding-inline:14px}
  .journal-results-bar{display:block}
  .journal-results-bar p+p{margin-top:5px}
  .journal-card{padding:16px 0}
  .journal-card--featured{margin-inline:-10px;padding-inline:10px}
  .journal-card h2{font-size:var(--type-h3)}
}