@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap");

/* =========================================================
   REPROMO BLOG STUDIO FINAL14 — JOURNAL3 FRONTEND
   Styles live here, NEVER inside Journal3 post descriptions.
   ========================================================= */

/* Listing typography */
.blog-home .main-posts,
.blog-home .main-posts * {
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
}

/* Listing cleanup */
.blog-home .main-posts .post-thumb .p-date,
.blog-home .main-posts .post-thumb .p-date-image,
.blog-home .main-posts .post-thumb .p-date-default,
.blog-home .main-posts .post-thumb .post-stats {
  display:none !important;
}

/* Listing excerpt — FINAL14 HF1: clean text is capped by JS at 115 characters + ... */
.blog-home .main-posts .post-thumb .description {
  display:block !important;
  margin:8px 0 15px !important;
  color:#c9c9c9 !important;
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

.blog-home .main-posts .post-thumb .name {
  margin-top:16px !important;
  margin-bottom:12px !important;
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
}
.blog-home .main-posts .post-thumb .name a,
.blog-home .main-posts .post-thumb .btn-read-more,
.blog-home .main-posts .post-thumb .btn-read-more .btn-text {
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
}

/* Single post: keep the actual article visible */
.blog-post .post-details,
.blog-post .post-content {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  min-height:0 !important;
}

/* Single post cleanup */
.blog-post .post-details > .post-image .p-date,
.blog-post .post-details > .post-stats,
.blog-post .post-details > .tags,
.blog-post .post-comments,
.blog-post .a2a_kit,
.blog-post .a2a_default_style,
.blog-post [class*="a2a_kit"],
.blog-post [class*="a2a_default_style"] {
  display:none !important;
}

/* Base article styling */
.rpm-mag {
  width:100%;
  max-width:1240px;
  overflow:hidden;
  background:#f4f1e9 !important;
  color:#171713 !important;
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
  font-size:16px !important;
  line-height:1.68 !important;
}
.rpm-mag .rpm-body,
.rpm-mag .rpm-body p,
.rpm-mag .rpm-body li,
.rpm-mag .rpm-body a,
.rpm-mag .rpm-body span {
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
}
.rpm-mag .rpm-body,
.rpm-mag .rpm-body p,
.rpm-mag .rpm-body h1,
.rpm-mag .rpm-body h2,
.rpm-mag .rpm-body h3 { color:#171713 !important; }
.rpm-mag .rpm-hero { background:#171713 !important; color:#f7f3ea !important; }
.rpm-mag .rpm-hero h1,.rpm-mag .rpm-hero h2,.rpm-mag .rpm-hero h3,.rpm-mag .rpm-hero p { color:#f7f3ea !important; }
.rpm-mag .rpm-hero .rpm-kicker,.rpm-mag .rpm-hero .rpm-meta { color:#d2a000 !important; }
.rpm-mag .rpm-body .rpm-callout { background:#201f1b !important; color:#fff !important; }
.rpm-mag .rpm-body .rpm-callout h1,.rpm-mag .rpm-body .rpm-callout h2,.rpm-mag .rpm-body .rpm-callout h3,.rpm-mag .rpm-body .rpm-callout p { color:#fff !important; }
.rpm-mag .rpm-body .rpm-cta { background:#d2a000 !important; color:#171713 !important; }
.rpm-mag .rpm-body .rpm-cta h1,.rpm-mag .rpm-body .rpm-cta h2,.rpm-mag .rpm-body .rpm-cta h3,.rpm-mag .rpm-body .rpm-cta p { color:#171713 !important; }
.rpm-mag .rpm-body .rpm-cta a { background:#171713 !important; color:#fff !important; }

/* Four templates */
.rpm-mag.rp-template-editorial .rpm-body{max-width:980px;margin:0 auto}
.rpm-mag.rp-template-editorial .rpm-section{padding:38px 44px;margin:0 0 26px;border-radius:18px;background:#fffdf8;box-shadow:0 8px 30px rgba(25,25,20,.06)}
.rpm-mag.rp-template-split .rpm-body{max-width:1120px;margin:0 auto}
.rpm-mag.rp-template-split .rpm-section{padding:42px 46px;margin:0 0 28px;border-radius:18px;background:#fff}
.rpm-mag.rp-template-split .rpm-section.rp-has-photo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);column-gap:38px;align-items:start}
.rpm-mag.rp-template-split .rpm-section.rp-has-photo>h2,.rpm-mag.rp-template-split .rpm-section.rp-has-photo>p{grid-column:1}
.rpm-mag.rp-template-split .rpm-section.rp-has-photo>.rpm-photo{grid-column:2;grid-row:1/span 12;margin:0}
.rpm-mag.rp-template-split .rpm-section.rp-has-photo:nth-of-type(even)>h2,.rpm-mag.rp-template-split .rpm-section.rp-has-photo:nth-of-type(even)>p{grid-column:2}
.rpm-mag.rp-template-split .rpm-section.rp-has-photo:nth-of-type(even)>.rpm-photo{grid-column:1}
.rpm-mag.rp-template-insight .rpm-body{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:34px}
.rpm-mag.rp-template-insight .rpm-lead,.rpm-mag.rp-template-insight .rpm-callout,.rpm-mag.rp-template-insight .rpm-cta{grid-column:1/-1}
.rpm-mag.rp-template-insight .rpm-section{margin:0;padding:30px;border:1px solid #e0dccf;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.05)}
.rpm-mag.rp-template-insight .rpm-section .rpm-photo{margin-top:18px}
.rpm-mag.rp-template-insight .rpm-benefits{grid-template-columns:1fr}
.rpm-mag.rp-template-clean{background:#fff!important}
.rpm-mag.rp-template-clean .rpm-body{max-width:820px;margin:0 auto;padding:42px 24px}
.rpm-mag.rp-template-clean .rpm-section{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:34px 0!important;margin:0!important;border-bottom:1px solid #dedede}
.rpm-mag.rp-template-clean .rpm-section h2{font-size:27px;letter-spacing:-.02em}
.rpm-mag.rp-template-clean .rpm-callout{border-radius:0!important;border-left:4px solid #d2a000;padding:28px 30px!important}
.rpm-mag.rp-template-clean .rpm-benefits{gap:12px}
.rpm-mag.rp-template-clean .rpm-card{box-shadow:none!important;border:1px solid #ddd!important}

/* Body typography */
.blog-post .post-content,
.blog-post .post-content p,
.blog-post .post-content li { font-size:16px !important; line-height:1.72 !important; }
.blog-post .post-content h1 { font-size:34px !important; line-height:1.10 !important; }
.blog-post .post-content h2 { font-size:27px !important; line-height:1.16 !important; }
.blog-post .post-content h3 { font-size:21px !important; line-height:1.22 !important; }

/* Editorial lead — approved larger size */
.rpm-mag .rpm-body > p:first-of-type,
.rpm-mag .rpm-body > .rpm-lead,
.rpm-mag .rpm-lead {
  display:block !important;
  width:100% !important;
  max-width:980px !important;
  margin:0 auto 58px !important;
  padding:0 10px !important;
  font-size:29px !important;
  line-height:1.52 !important;
  font-weight:500 !important;
  color:#292a27 !important;
  letter-spacing:-.02em !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:initial !important;
}

/* Fixed visual frames for article images */
.rpm-mag .rpm-photo{overflow:hidden!important;background:#ddd!important;border-radius:14px}
.rpm-mag .rpm-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important}
.rpm-mag.rp-template-editorial .rpm-photo{aspect-ratio:16/9!important}
.rpm-mag.rp-template-split .rpm-photo{aspect-ratio:4/3!important}
.rpm-mag.rp-template-insight .rpm-photo{aspect-ratio:3/2!important}
.rpm-mag.rp-template-clean .rpm-photo{aspect-ratio:16/9!important;border-radius:10px}

@media(max-width:980px){
  .rpm-mag .rpm-body > p:first-of-type,.rpm-mag .rpm-body > .rpm-lead,.rpm-mag .rpm-lead{font-size:25px!important;line-height:1.55!important;margin-bottom:48px!important}
}

@media(max-width:760px){
  .blog-home .main-posts .post-thumb .name{font-size:17px!important}
  .blog-home .main-posts .post-thumb .description{font-size:14px!important;line-height:1.5!important}
  .blog-post .post-content,.blog-post .post-content p,.blog-post .post-content li{font-size:15px!important;line-height:1.68!important}
  .blog-post .post-content h1{font-size:30px!important}
  .blog-post .post-content h2{font-size:25px!important}
  .blog-post .post-content h3{font-size:19px!important}
  .rpm-mag .rpm-body > p:first-of-type,.rpm-mag .rpm-body > .rpm-lead,.rpm-mag .rpm-lead{font-size:22px!important;line-height:1.55!important;margin-bottom:38px!important}
  .rpm-mag.rp-template-split .rpm-section.rp-has-photo{display:block}
  .rpm-mag.rp-template-insight .rpm-body{display:block;padding:18px}
  .rpm-mag.rp-template-insight .rpm-section{margin-bottom:18px}
  .rpm-mag.rp-template-editorial .rpm-section{padding:26px 22px}
  .rpm-mag .rpm-photo{aspect-ratio:4/3!important;border-radius:10px}
}