/* Hiest Blog Grid + Sidebar v1.3.0
   Entire stylesheet is deliberately scoped to the blog listing only. */
body.jym-blog-grid-page #content > .ast-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  column-gap: 30px !important;
  width: calc(100% - 64px) !important;
  max-width: 1600px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
body.jym-blog-grid-page #primary.jym-blog-primary {
  display: block !important;
  flex: 1 1 0% !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 32px 0 64px !important;
  border: none !important;
  background: transparent !important;
}
body.jym-blog-grid-page #secondary {
  display: block !important;
  flex: 0 0 280px !important;
  float: none !important;
  width: 280px !important;
  min-width: 0 !important;
  max-width: 280px !important;
  margin: 0 !important;
  padding: 32px 0 48px !important;
  border: none !important;
  background: transparent !important;
}
body.jym-blog-grid-page #secondary .sidebar-main {width:100%;max-width:100%;}
body.jym-blog-grid-page #secondary .widget {max-width:100%;}

.jym-blog-heading {margin:0 0 26px !important; padding:0 !important;}
.jym-blog-heading h1 {
  margin:0 !important;
  color:#171717 !important;
  font-size:clamp(25px,2.5vw,34px) !important;
  font-weight:750 !important;
  line-height:1.25 !important;
  letter-spacing:-.5px;
}
/* Decision Guide Loop: only on /blog/ and the Blog category archive. */
.jym-blog-heading--guide {
  padding:26px 27px 24px !important;
  margin-bottom:27px !important;
  border:1px solid #dfe9f3;
  border-left:4px solid #E17A01;
  border-radius:12px;
  background:linear-gradient(120deg,#f5f9fd 0%,#ffffff 85%);
}
.jym-blog-guide-eyebrow {
  margin:0 0 10px !important;
  color:#085FAA !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:1.2px;
  line-height:1.5;
}
.jym-blog-heading--guide h1 {
  max-width:890px;
  color:#10263f !important;
  font-size:clamp(25px,2.35vw,33px) !important;
  line-height:1.25 !important;
  letter-spacing:-.5px;
}
.jym-blog-guide-lead {
  max-width:870px;
  margin:13px 0 20px !important;
  color:#4b5a68 !important;
  font-size:14px !important;
  line-height:1.85 !important;
}
.jym-blog-guide-steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.jym-blog-guide-steps > li {
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  margin:0 !important;
  padding:14px 12px !important;
  list-style:none !important;
  background:#ffffff;
  border:1px solid #e0e9f1;
  border-radius:9px;
  box-shadow:0 2px 10px rgba(8,95,170,.025);
}
.jym-blog-guide-number {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  height:30px;
  color:#E17A01;
  background:#fff3e6;
  border-radius:7px;
  font-size:12px;
  line-height:1;
  font-weight:800;
}
.jym-blog-guide-step-copy {min-width:0;flex:1 1 0%;}
.jym-blog-guide-step-copy strong {
  display:block;
  color:#172c43;
  font-size:13px;
  line-height:1.4;
  font-weight:750;
  margin:0 0 6px;
}
.jym-blog-guide-step-copy p {
  margin:0 !important;
  color:#5c6c79;
  font-size:12px;
  line-height:1.65;
}
.jym-blog-guide-hint {
  margin:17px 0 0 !important;
  color:#085FAA !important;
  font-size:12.5px !important;
  line-height:1.65 !important;
  font-weight:650;
}
@media(max-width:1350px) {
  .jym-blog-guide-steps {grid-template-columns:minmax(0,1fr);}
  .jym-blog-guide-steps > li {padding:12px 14px !important;}
}
@media(max-width:560px) {
  .jym-blog-heading--guide {padding:20px 16px !important;}
  .jym-blog-guide-lead {font-size:13px !important;line-height:1.7 !important;}
  .jym-blog-guide-steps > li {padding:12px 10px !important;}
}

.jym-blog-heading-description {margin-top:10px;font-size:14px;line-height:1.75;color:#586474;}
.jym-blog-heading-description p {margin-bottom:0;}

.jym-blog-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  column-gap:19px;
  row-gap:30px;
  align-items:start;
  width:100%;
}
.jym-blog-card {
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0;
  height:100%;
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
  border:1px solid #e5eaf0 !important;
  border-radius:10px !important;
  overflow:hidden;
  box-shadow:0 3px 12px rgba(12,40,67,.035);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.jym-blog-card:hover {
  transform:translateY(-3px);
  border-color:#cbdced !important;
  box-shadow:0 12px 24px rgba(8,95,170,.10);
}
.jym-blog-card-image {
  display:block !important;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#e9f2f9;
  line-height:0;
}
.jym-blog-thumb {
  display:block !important;
  width:100% !important;
  height:100% !important;
  aspect-ratio:16/9 !important;
  max-width:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transition:transform .35s ease;
}
.jym-blog-card:hover .jym-blog-thumb {transform:scale(1.045);}
.jym-blog-placeholder {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;height:100%;
  background:linear-gradient(135deg,#e9f3fd,#f5f9fc);
  color:#085FAA;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.2;
}
.jym-blog-placeholder-symbol {font-size:27px;line-height:1;}
.jym-blog-card-body {
  display:flex;
  flex-direction:column;
  flex:1;
  padding:15px 13px 18px;
}
.jym-blog-card-title {
  margin:0 0 10px !important;
  padding:0 !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  letter-spacing:-.15px;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
}
.jym-blog-card-title a {color:#171717 !important;text-decoration:none !important;}
.jym-blog-card-title a:hover {color:#E17A01 !important;}
.jym-blog-card-title a:focus-visible {outline:2px solid #E17A01;outline-offset:2px;}
.jym-blog-card-excerpt {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
  margin:0 !important;
  color:#5d6876 !important;
  font-size:12.5px !important;
  line-height:1.65 !important;
  overflow-wrap:anywhere;
}
/* Metadata and Read More aren't rendered at all, rather than hidden with CSS. */
.jym-blog-empty {padding:24px;border:1px dashed #d6e1ed;border-radius:8px;color:#5d6876;}

.jym-blog-pagination {margin:38px 0 10px;}
.jym-blog-pagination ul.page-numbers {
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  padding:0;
  margin:0 !important;
  list-style:none !important;
}
.jym-blog-pagination li {list-style:none !important;margin:0 !important;padding:0 !important;}
.jym-blog-pagination .page-numbers a,
.jym-blog-pagination .page-numbers span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #d8e2ed;
  border-radius:7px;
  background:#fff;
  color:#085FAA;
  text-decoration:none !important;
  font-size:13px;
  font-weight:650;
  line-height:1;
}
.jym-blog-pagination .page-numbers a:hover,
.jym-blog-pagination .page-numbers .current {
  background:#E17A01;
  border-color:#E17A01;
  color:#fff;
}

@media (max-width:1199px) {
  body.jym-blog-grid-page #content > .ast-container {column-gap:22px !important;}
  body.jym-blog-grid-page #secondary {flex-basis:255px !important;width:255px !important;max-width:255px !important;}
  .jym-blog-grid {grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:22px 15px;}
}
@media (max-width:900px) {
  body.jym-blog-grid-page #content > .ast-container {flex-direction:column !important;row-gap:20px !important;}
  body.jym-blog-grid-page #primary.jym-blog-primary,
  body.jym-blog-grid-page #secondary {flex:0 0 auto !important;width:100% !important;max-width:100% !important;}
  body.jym-blog-grid-page #secondary {padding-top:0 !important;}
  .jym-blog-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px;}
}
@media (max-width:560px) {
  body.jym-blog-grid-page #content > .ast-container {width:calc(100% - 30px) !important;}
  body.jym-blog-grid-page #primary.jym-blog-primary {padding-top:20px !important;padding-bottom:28px !important;}
  .jym-blog-heading {margin-bottom:20px !important;}
  .jym-blog-grid {grid-template-columns:minmax(0,1fr) !important;row-gap:18px;}
  .jym-blog-card-title {font-size:16px !important;}
  .jym-blog-card-excerpt {font-size:13px !important;}
  .jym-blog-card-body {padding:16px;}
}
@media (prefers-reduced-motion:reduce) {
  .jym-blog-card,.jym-blog-thumb {transition:none !important;}
  .jym-blog-card:hover {transform:none !important;}
}