/* Blog listing + blog post (jtb_ prefix) */
html{scroll-behavior:smooth;}
/* hero: the site navbar is absolutely positioned (normally over the slider), so the hero sits under it */
.jtb_hero{position:relative;background-size:cover;background-position:center;padding:190px 0 70px;text-align:center;}
.jtb_hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);}
.jtb_hero .container{position:relative;}
.jtb_hero h1{color:#fff;font-family:'Cookie',cursive;font-size:64px;line-height:1.1;text-transform:none;max-width:900px;margin:0 auto 14px;}
.jtb_crumbs{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.5px;}
.jtb_crumbs a{color:#fff;}
.jtb_crumbs a:hover{color:#3ab8f1;text-decoration:none;}
.jtb_crumbs span{margin:0 6px;}
.jtb_crumbs [aria-current]{margin:0;color:#3ab8f1;}
.jtb_list,.jtb_wrap{padding-top:50px;padding-bottom:40px;overflow-x:clip;}

/* listing */
.jtb_list_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;}
.jtb_card{border:1px solid #e5e5e5;border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .3s;}
.jtb_card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);}
.jtb_card_img img{display:block;width:100%;height:220px;object-fit:cover;}
.jtb_card_body{padding:20px;display:flex;flex-direction:column;flex:1;}
.jtb_card_body h2{font-size:20px;line-height:1.4;margin-bottom:10px;}
.jtb_card_body h2 a{color:#333;}
.jtb_card_body h2 a:hover{color:#0196da;text-decoration:none;}
.jtb_card_body p{font-size:15px;line-height:1.7;color:rgba(17,17,17,.66);flex:1;}
.jtb_btn{align-self:flex-start;margin-top:12px;background:#a51c52;color:#fff;padding:9px 20px;border-radius:3px;text-transform:uppercase;font-size:13px;}
.jtb_btn:hover,.jtb_btn:focus{background:#0196da;color:#fff;text-decoration:none;}

/* post layout */
.jtb_layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;}
.jtb_article{min-width:0;}
.jtb_article .justh_main_border_vla1{float:none;margin:0 0 20px;}
.jtb_feature{margin:0 0 24px;}
.jtb_feature img{width:100%;max-height:460px;object-fit:cover;border-radius:6px;display:block;}
.jtb_inline{margin:10px 0 18px;}
.jtb_inline img{width:100%;max-height:380px;object-fit:cover;border-radius:6px;display:block;}
.jtb_article h2{color:#0196da;font-size:24px;line-height:1.4;margin:36px 0 12px;font-weight:bold;scroll-margin-top:20px;}
.jtb_article h3{color:#a51c52;font-size:18px;line-height:1.4;margin:22px 0 6px;font-weight:bold;scroll-margin-top:20px;}
.jtb_article p,.jtb_article li{font-size:16px;line-height:1.8;color:rgba(17,17,17,.75);}
.jtb_article p{margin:0 0 14px;}
.jtb_article a{color:#0196da;text-decoration:underline;}
.jtb_article a:hover{color:#a51c52;}
.jtb_list_items{padding-left:20px;margin:0 0 14px;}
.jtb_list_items li{margin-bottom:8px;}
.jtb_list_items strong{color:#333;}
.jtb_cta{background:#f8f8f8;border-left:4px solid #a51c52;padding:16px 18px;border-radius:3px;}
.jtb_article img{max-width:100%;}

/* sidebar */
.jtb_side{position:sticky;top:20px;}
.jtb_side_title{font-family:'Raleway',sans-serif;font-weight:bold;text-transform:uppercase;color:#0196da;font-size:16px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #0196da;}
.jtb_toc,.jtb_related{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:6px;padding:18px;margin-bottom:24px;}
.jtb_toc_toggle{display:none;}
.jtb_toc_list{list-style:none;margin:0;padding:0;max-height:55vh;overflow-y:auto;}
.jtb_toc_list li{margin:0;}
.jtb_toc_list a{display:block;padding:6px 8px;font-size:14px;line-height:1.45;color:#555;border-left:3px solid transparent;}
.jtb_toc_list a:hover{color:#0196da;text-decoration:none;}
.jtb_toc_list a.jtb_active{color:#a51c52;border-left-color:#a51c52;background:#fff;font-weight:600;}
.jtb_toc_sub a{padding-left:22px;font-size:13px;}
.jtb_rel{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #e5e5e5;color:#333;}
.jtb_rel:first-of-type{border-top:0;}
.jtb_rel:hover{color:#0196da;text-decoration:none;}
.jtb_rel img,.jtb_rel_ph{flex:0 0 72px;width:72px;height:56px;object-fit:cover;border-radius:4px;}
.jtb_rel_ph{background:#e5e5e5;color:#888;font-size:10px;display:flex;align-items:center;justify-content:center;text-align:center;}
.jtb_rel_title{font-size:14px;line-height:1.4;}

@media (max-width:991px){
  .jtb_hero{padding:130px 0 50px;}
  .jtb_hero h1{font-size:44px;}
  .jtb_list,.jtb_wrap{padding-top:30px;}
  .jtb_layout{grid-template-columns:1fr;gap:0;}
  .jtb_side{display:contents;}
  .jtb_toc{order:-1;padding:0;}
  .jtb_related{order:2;margin-top:24px;}
  .jtb_toc_title{display:none;}
  .jtb_toc_toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;padding:14px 18px;font-family:'Raleway',sans-serif;font-weight:bold;text-transform:uppercase;color:#0196da;font-size:16px;}
  .jtb_toc_toggle .fa{transition:transform .3s;}
  .jtb_toc.jtb_open .jtb_toc_toggle .fa{transform:rotate(180deg);}
  .jtb_toc_list{display:none;padding:0 18px 14px;max-height:none;}
  .jtb_toc.jtb_open .jtb_toc_list{display:block;}
}
@media (max-width:480px){
  .jtb_hero h1{font-size:36px;}
  .jtb_article h2{font-size:20px;}
  .jtb_list_grid{grid-template-columns:1fr;}
  .jtb_card_img img{height:190px;}
}
.jtb_img_ph{height:260px;background:#f0f0f0;border:2px dashed #ccc;border-radius:6px;color:#888;display:flex;align-items:center;justify-content:center;font-size:14px;}