/* Compact premium journal UI: shared by sliders, listing and article pages. */
.journal,.journal-section{font-family:var(--site-font,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
.journal :where(h1,h2,h3,h4),.journal-section :where(h1,h2,h3,h4){font-family:var(--site-heading-font,var(--site-font,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif))}
.journal-wrap{width:100%;max-width:none;padding-left:clamp(18px,2.75vw,48px);padding-right:clamp(18px,2.75vw,48px)}

/* Shared blog slider */
.journal-section{padding:20px clamp(18px,6vw,130px) 40px}
.journal-section-head{margin-bottom:20px;align-items:center}
.journal-section-head h2{font-size:clamp(1.5rem,2.25vw,2.25rem)!important;font-weight:750!important;line-height:1.2!important;color:#172b36;letter-spacing:-.6px}
.journal-section-head p{margin-top:7px;font-size:14px;line-height:1.5}
.journal-section-head>a{font-size:12px}
.journal-section .journal-slider{gap:22px;padding-bottom:5px}
.journal-section .journal-slider .journal-card{flex-basis:calc((100% - 44px)/3);border-radius:16px;box-shadow:0 8px 28px rgba(16,42,67,.07)}
.journal-section .journal-card-image{height:clamp(180px,13vw,220px);aspect-ratio:auto}
.journal-section .journal-card-body{padding:18px 20px 19px}
.journal-section .journal-label{margin-bottom:9px;font-size:9px;letter-spacing:1.35px}
.journal-section .journal-card h3{margin-bottom:8px;font-size:18px!important;line-height:1.35!important;letter-spacing:-.25px}
.journal-section .journal-card h3 a,.journal-section .journal-card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.journal-section .journal-card h3 a{-webkit-line-clamp:2}
.journal-section .journal-card p{-webkit-line-clamp:2;margin-bottom:13px;font-size:16px;line-height:1.5}
.journal-section .journal-card-meta{padding-top:12px;gap:14px}
.journal-section .journal-read{margin-top:12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Blog listing */
.journal-index{padding-bottom:58px}
.journal-index .journal-hero{padding:48px 0 68px}
.journal-hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);gap:48px}
.journal-index .journal-crumbs{margin-bottom:18px}
.journal-index .journal-eyebrow{margin-bottom:12px}
.journal-index h1{color:#fff!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.08!important;letter-spacing:-2px;margin-bottom:14px}
.journal-index .journal-lead{font-size:15px;line-height:1.62;max-width:720px}
.journal-hero-notes{margin-top:20px}
.journal-hero-art{height:205px}
.journal-postcard{width:220px;height:155px;border-radius:16px;padding:22px}
.journal-postcard-front strong{font-family:inherit;font-size:19px;line-height:1.25}
.journal-index .journal-filter{margin:-30px 0 36px;padding:14px;border-radius:15px}
.journal-index .journal-filter input,.journal-index .journal-filter select,.journal-index .journal-reset{height:48px;min-height:48px}
.journal-index .journal-grid{gap:22px}
.journal-index .journal-card{border-radius:16px}
.journal-index .journal-card-image{height:210px;aspect-ratio:auto}
.journal-index .journal-card-body{padding:18px 20px 19px}
.journal-index .journal-card h3{margin-bottom:8px;font-size:18px!important;line-height:1.35!important;letter-spacing:-.25px}
.journal-index .journal-card h3 a,.journal-index .journal-card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.journal-index .journal-card h3 a{-webkit-line-clamp:2}
.journal-index .journal-card p{-webkit-line-clamp:2;margin-bottom:13px;line-height:1.55}
.journal-index .journal-label{margin-bottom:9px;padding:5px 8px}
.journal-index .journal-card-meta{padding-top:12px}
.journal-index .journal-read{margin-top:12px}
.journal-results-head{margin-bottom:20px}
.journal-results-head h2{font-size:clamp(24px,2.25vw,36px)!important;font-weight:750!important;line-height:1.18!important}

/* Blog detail */
.journal:not(.journal-index) .journal-hero{padding:32px 0 28px}
.journal:not(.journal-index) .journal-crumbs{margin-bottom:16px}
.journal:not(.journal-index) .journal-eyebrow{margin-bottom:10px}
.journal:not(.journal-index) .journal-hero h1{font-size:clamp(30px,3.3vw,46px)!important;line-height:1.16!important;letter-spacing:-1.4px;max-width:1000px;margin-bottom:12px}
.journal:not(.journal-index) .journal-lead{max-width:850px;font-size:15px;line-height:1.62}
.journal:not(.journal-index) .journal-byline{margin-top:15px}
.journal-cover{height:clamp(280px,30vw,410px);aspect-ratio:auto;margin:24px 0 28px;border-radius:15px}
.journal-article-layout{grid-template-columns:minmax(0,1fr) 290px;gap:40px}
.journal-prose{font-size:16px;line-height:1.75}
.journal-prose p{margin-bottom:18px}
.journal-prose h2,.journal-prose h3,.journal-prose h4{margin:28px 0 12px;line-height:1.3!important;letter-spacing:-.35px}
.journal-prose h2{font-size:clamp(23px,2vw,30px)!important;font-weight:750!important}
.journal-prose h3{font-size:21px!important;font-weight:750!important}
.journal-aside{position:sticky;top:108px;padding:20px;border-radius:14px;box-shadow:0 8px 28px rgba(16,42,67,.06)}
.journal-aside .journal-eyebrow{margin-bottom:9px}
.journal-aside h2{font-size:19px!important;line-height:1.35!important;margin-bottom:9px}
.journal-aside p{line-height:1.55}
.journal-package{position:relative;min-height:76px;padding:13px 0 13px 92px}
.journal-package img{position:absolute;left:0;top:13px;width:78px;height:58px;margin:0;border-radius:8px}
.journal-package strong{font-size:13px;line-height:1.4}
.journal-package small{margin-top:5px;font-size:11px}

@media(max-width:900px){
  .journal-section .journal-slider .journal-card{flex-basis:calc((100% - 20px)/2)}
  .journal-article-layout{grid-template-columns:1fr;gap:28px}
  .journal-aside{position:static}
  .journal-index .journal-hero{padding:42px 0 60px}
}
@media(max-width:600px){
  .journal-wrap{padding-left:16px;padding-right:16px}
  .journal-section{padding:18px 16px 34px}
  .journal-section-head{align-items:flex-start;margin-bottom:16px;gap:7px}
  .journal-section-head h2{font-size:clamp(1.5rem,2.25vw,2.25rem)!important}
  .journal-section .journal-slider{gap:16px}
  .journal-section .journal-slider .journal-card{flex-basis:100%}
  .journal-section .journal-card-image{height:205px}
  .journal-index .journal-hero{padding:30px 0 50px}
  .journal-index h1{font-size:34px!important;letter-spacing:-1.3px}
  .journal-index .journal-filter{margin-top:-24px;margin-bottom:28px}
  .journal-index .journal-card-image{height:205px}
  .journal-cover{height:235px;margin:18px 0 22px;border-radius:12px}
  .journal:not(.journal-index) .journal-hero{padding:24px 0 22px}
  .journal:not(.journal-index) .journal-hero h1{font-size:30px!important;letter-spacing:-.7px}
  .journal-prose{font-size:15px;line-height:1.7}
}

/* Blog pages use the same fixed header treatment and horizontal rhythm as the
   rest of the site. Keep these rules last so older journal overrides cannot
   turn the header white or stretch the article wider than its related cards. */
body.premium-site.journal-page,
body.premium-site.journal-page :where(.journal,.journal-section) {
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
body.premium-site.journal-page :where(.journal h1,.journal h2,.journal h3,.journal h4,.journal-section h1,.journal-section h2,.journal-section h3,.journal-section h4) {
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
body.premium-site.journal-page .topbar {
  background:#18ace3;
  color:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(15px);
}
body.premium-site.journal-page .topbar :where(.call-btn,.main-nav>a,.nav-upcoming>button,.nav-category>button) {
  color:#fff!important;
  text-shadow:none!important;
}
body.premium-site.journal-page .topbar .call-btn {
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.22)!important;
}
body.premium-site.journal-page .topbar .call-btn span {
  color:#fff!important;
}
body.premium-site.journal-page .topbar .brand-logo-mark img {
  filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,54,75,.62));
}
body.premium-site.journal-page .journal:not(.journal-index) .journal-wrap {
  padding-left:clamp(18px,6vw,130px);
  padding-right:clamp(18px,6vw,130px);
}
body.premium-site.journal-page .journal:not(.journal-index) .journal-prose,
body.premium-site.journal-page .journal:not(.journal-index) .journal-prose :where(p,li) {
  font-size:16px;
}
body.premium-site.journal-page .journal-prose table.comparison-table {
  display:table;
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
}
body.premium-site.journal-page .journal-prose table.comparison-table th:first-child,
body.premium-site.journal-page .journal-prose table.comparison-table td:first-child {
  width:17%;
  min-width:130px;
  overflow-wrap:normal;
  word-break:normal;
}
body.premium-site.journal-page .journal-prose table.comparison-table th,
body.premium-site.journal-page .journal-prose table.comparison-table td {
  vertical-align:top;
  overflow-wrap:break-word;
}

@media(max-width:600px){
  body.premium-site.journal-page .journal:not(.journal-index) .journal-wrap {
    padding-left:16px;
    padding-right:16px;
  }
  body.premium-site.journal-page .journal:not(.journal-index) .journal-prose,
  body.premium-site.journal-page .journal:not(.journal-index) .journal-prose :where(p,li) {
    font-size:15px;
  }
  body.premium-site.journal-page .journal-prose table.comparison-table {
    display:block;
    width:100%;
    overflow-x:auto;
    table-layout:auto;
    white-space:normal;
  }
  body.premium-site.journal-page .journal-prose table.comparison-table th:first-child,
  body.premium-site.journal-page .journal-prose table.comparison-table td:first-child {
    min-width:130px;
  }
}