/* Jason Hart Racing — Dynamic Blog Template v2
   Reference-match layout: image hero, white article, stacked sidebar,
   dark prev/next band, blue/red CTA. */

body.jhr-dynamic-post-template{margin:0;background:#fff}
.jhr-post{
  --navy:#06162d;--navy2:#0b2343;--blue:#1757b8;--blue2:#2875df;
  --red:#e51b23;--red2:#ff343b;--black:#06080b;--ink:#111820;
  --muted:#6d7783;--line:#dfe4e9;--white:#fff;--max:1240px;
  --display:Impact,Haettenschweiler,'Arial Narrow Bold','Arial Narrow',sans-serif;
  --body:Inter,Arial,Helvetica,sans-serif;
  width:100%;overflow:hidden;background:#fff;color:#15191f;font-family:var(--body);line-height:1.65;
  -webkit-font-smoothing:antialiased
}
.jhr-post *,.jhr-post *:before,.jhr-post *:after{box-sizing:border-box}
.jhr-post a{color:inherit;text-decoration:none}
.jhr-post img{max-width:100%;height:auto}
.jhr-post h1,.jhr-post h2,.jhr-post h3{font-family:var(--display);font-style:italic;font-weight:900;letter-spacing:.018em;line-height:.98;text-transform:uppercase}
.jhr-post-wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}

/* HERO — matches the approved concept */
.jhr-post-hero{position:relative;min-height:480px;display:flex;align-items:flex-end;isolation:isolate;background:#06101e;color:#fff}
.jhr-post-hero:before{position:absolute;inset:0;z-index:-2;content:'';background-image:linear-gradient(90deg,rgba(2,8,14,.98) 0%,rgba(3,13,24,.90) 33%,rgba(3,12,22,.43) 58%,rgba(0,0,0,.14) 100%),var(--jhr-post-hero,linear-gradient(135deg,#06162d,#0d1d34));background-position:center 45%;background-size:cover;background-repeat:no-repeat}
.jhr-post-hero:after{position:absolute;inset:0;z-index:-1;content:'';background:linear-gradient(0deg,rgba(0,0,0,.16),transparent 45%)}
.jhr-post-hero-inner{display:flex;align-items:flex-end;min-height:480px}
.jhr-post-hero-copy{width:min(710px,58%);padding:66px 0 34px}
.jhr-post-kicker{margin:0 0 14px;color:var(--blue2);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.jhr-post-hero h1{margin:0;color:#fff;font-size:clamp(3.1rem,5.6vw,5.7rem);line-height:.92;text-wrap:balance}
.jhr-post-red-rule{display:block;width:64px;height:5px;margin:24px 0 22px;background:var(--red)}
.jhr-post-meta{display:flex;flex-wrap:wrap;gap:13px 25px;color:#f1f4f7;font-size:.77rem;font-weight:700}
.jhr-post-meta-item{display:inline-flex;align-items:center;gap:8px}
.jhr-post-meta-item>span{font-size:.8rem;color:#fff}

/* ARTICLE + SIDEBAR */
.jhr-post-main{padding:44px 0 38px;background:#fff;color:#15191f}
.jhr-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
.jhr-post-article{min-width:0;padding:0 28px 0 0;border-right:1px solid #d9dee4;background:#fff}
.jhr-post-content{font-size:1.04rem;line-height:1.74;color:#20262d}
.jhr-post-content>*:first-child{margin-top:0}
.jhr-post-content p{margin:0 0 23px;color:#242a31}
.jhr-post-content h2,.jhr-post-content h3,.jhr-post-content h4{position:relative;margin:34px 0 18px;color:#090d12}
.jhr-post-content h2{font-size:clamp(2rem,3.1vw,2.75rem)}
.jhr-post-content h3{font-size:clamp(1.55rem,2.5vw,2.05rem)}
.jhr-post-content h2:after,.jhr-post-content h3:after{display:block;width:51px;height:4px;margin-top:10px;background:var(--red);content:''}
.jhr-post-content a{color:var(--blue);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.jhr-post-content figure{margin:26px 0 30px}
.jhr-post-content img{display:block;width:auto;max-width:100%;height:auto;margin:26px auto 30px;border-radius:0;box-shadow:none}
.jhr-post-content figure img{margin:0 auto}
.jhr-post-content figcaption{margin-top:8px;color:#727b86;font-size:.78rem;text-align:center}
.jhr-post-content blockquote{margin:26px 0;padding:18px 22px;border-left:4px solid var(--red);background:#f4f6f8;color:#17212e}
.jhr-post-content ul,.jhr-post-content ol{padding-left:22px;margin:0 0 24px}
.jhr-post-content li+li{margin-top:7px}


/* Sidebar — About / Work / Recent posts */
.jhr-post-sidebar{display:grid;gap:18px}
.jhr-post-side-card{padding:25px;background:#07111b;color:#fff;border:1px solid #122333}
.jhr-post-side-card h2{margin:0;color:#fff;font-size:1.7rem;line-height:1}
.jhr-side-red-rule{display:block;width:40px;height:4px;margin:10px 0 18px;background:var(--red)}
.jhr-post-about-row{display:grid;grid-template-columns:86px 1fr;gap:15px;align-items:start}
.jhr-post-author-avatar img{display:block;width:86px;height:86px;object-fit:cover;border:2px solid #fff;border-radius:50%}
.jhr-post-side-card p{margin:0 0 20px;color:#d0d7df;font-size:.84rem;line-height:1.55}
.jhr-post-about-row p{margin:2px 0 0;font-size:.78rem}
.jhr-post-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:0;background:var(--red);color:#fff!important;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);font-family:var(--display);font-size:.88rem;font-style:normal;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase;transition:.18s ease}
.jhr-post-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.jhr-post-coaching-card{background:linear-gradient(145deg,#07111b,#0a1b2d)}

.jhr-post-recent-card{background:#eef1f4;color:#111820;border-color:#dde2e7}
.jhr-post-recent-card h2{color:#111820}
.jhr-post-recent-list{display:grid;gap:15px}
.jhr-post-recent-item{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:start}
.jhr-post-recent-thumb{display:block;width:84px;aspect-ratio:1.35/1;background:#dfe4e9;background-image:linear-gradient(rgba(6,22,45,.08),rgba(6,22,45,.08)),var(--jhr-recent-image);background-size:cover;background-position:center}
.jhr-post-recent-copy strong{display:block;color:#111820;font-size:.82rem;line-height:1.28}
.jhr-post-recent-copy small{display:block;margin-top:5px;color:#6f7984;font-size:.71rem}
.jhr-post-recent-item:hover strong{color:var(--red)}

/* Prev / Next full-width dark band */
.jhr-post-nav-band{background:linear-gradient(90deg,#06101a,#091827 50%,#06101a);color:#fff}
.jhr-post-nav-grid{display:grid;grid-template-columns:1fr 1fr;min-height:118px}
.jhr-post-nav-item{display:flex;align-items:center;gap:18px;padding:20px 0;min-width:0}
.jhr-post-nav-item.next{justify-content:flex-end;text-align:right;border-left:1px solid rgba(255,255,255,.09)}
.jhr-post-nav-item.next{padding-left:24px}
.jhr-post-nav-item.prev{padding-right:24px}
.jhr-post-nav-thumb{flex:0 0 90px;width:90px;aspect-ratio:1.25/1;background:#132131;background-image:linear-gradient(rgba(5,12,20,.05),rgba(5,12,20,.05)),var(--jhr-nav-image);background-size:cover;background-position:center}
.jhr-post-nav-copy{min-width:0}
.jhr-post-nav-copy small{display:block;margin-bottom:6px;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.jhr-post-nav-copy strong{display:block;color:#fff;font-size:.93rem;font-weight:500;line-height:1.45}
.jhr-post-nav-item:hover strong{color:#8db9ff}

/* CTA — reference blue/red strip */
.jhr-post-bottom-cta{background:linear-gradient(110deg,#0d3d84 0 66%,#b51219 66%);color:#fff}
.jhr-post-cta-inner{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:26px}
.jhr-post-bottom-cta h2{margin:0 0 6px;color:#fff;font-size:clamp(2rem,3.6vw,3.1rem)}
.jhr-post-bottom-cta p{margin:0;color:#e2e9f2;font-size:.9rem}
.jhr-post-bottom-cta .jhr-post-btn{min-width:230px}

@media(max-width:1000px){
  .jhr-post-hero-copy{width:72%}
  .jhr-post-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
  .jhr-post-article{padding-right:22px}
  .jhr-post-about-row{grid-template-columns:72px 1fr}
  .jhr-post-author-avatar img{width:72px;height:72px}
}

@media(max-width:820px){
  .jhr-post-hero{min-height:500px}
  .jhr-post-hero-inner{min-height:500px}
  .jhr-post-hero-copy{width:78%}
  .jhr-post-layout{grid-template-columns:1fr}
  .jhr-post-article{padding-right:0;border-right:0}
  .jhr-post-sidebar{grid-template-columns:1fr 1fr}
  .jhr-post-recent-card{grid-column:1/-1}
}

@media(max-width:640px){
  .jhr-post-wrap{width:min(calc(100% - 28px),var(--max))}
  .jhr-post-hero{min-height:600px;align-items:flex-end}
  .jhr-post-hero:before{background-image:linear-gradient(0deg,rgba(2,8,14,.99) 0%,rgba(3,13,24,.88) 48%,rgba(3,12,22,.18) 100%),var(--jhr-post-hero,linear-gradient(135deg,#06162d,#0d1d34));background-position:60% 35%}
  .jhr-post-hero-inner{min-height:600px}
  .jhr-post-hero-copy{width:100%;padding:250px 0 34px}
  .jhr-post-hero h1{font-size:clamp(2.7rem,12.5vw,4.2rem)}
  .jhr-post-red-rule{margin:18px 0}
  .jhr-post-meta{gap:10px 16px;font-size:.7rem}
  .jhr-post-main{padding:30px 0}
  .jhr-post-content{font-size:1rem;line-height:1.72}
  .jhr-post-content h2{font-size:2rem}
  .jhr-post-content h3{font-size:1.55rem}
  .jhr-post-sidebar{grid-template-columns:1fr}
  .jhr-post-recent-card{grid-column:auto}
  .jhr-post-nav-grid{grid-template-columns:1fr}
  .jhr-post-nav-item.next{border-left:0;border-top:1px solid rgba(255,255,255,.09);padding-left:0}
  .jhr-post-nav-item.prev{padding-right:0}
  .jhr-post-nav-thumb{flex-basis:76px;width:76px}
  .jhr-post-cta-inner{align-items:flex-start;flex-direction:column;padding-block:34px}
  .jhr-post-bottom-cta{background:linear-gradient(145deg,#0d3d84,#0a2859 68%,#9d1218 68%)}
  .jhr-post-bottom-cta .jhr-post-btn{width:100%;min-width:0}
}