/* ── TrendHR in-article quote CTA ───────────────────────────── */
.thr-cta{
  /* full width by default (mobile, or outside .art-grid);
     desktop rule below moves it into the text column only */
  grid-column:1 / -1;
  position:relative;
  overflow:hidden;
  margin:1.5rem 0 2rem;
  padding:1.6rem 1.75rem 1.4rem;
  border-radius:14px;
  font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;
  background:#004151;
  color:#fff;
}
.thr-cta__top{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;}
.thr-cta__body{flex:1 1 340px;min-width:0;}
.thr-cta__action{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;}
.thr-cta__art{flex:0 0 132px;display:none;}
.thr-cta__art img{width:132px;height:auto;display:block;border-radius:10px;}

.thr-cta__eyebrow{
  display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#f5855c;margin:0 0 .55rem;
}
/* echo of the 46px red rule under every article h2 */
.thr-cta__eyebrow::after{
  content:"";display:block;width:46px;height:3px;border-radius:2px;
  background:var(--trend-red,#DA291C);margin-top:.5rem;
}
/* deliberately not an <h2>/<h3> — keeps the article outline and TOC clean */
.thr-cta__head{
  font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.28;font-weight:700;
  letter-spacing:-.01em;color:#fff;margin:0 0 .45rem;
}
.thr-cta__sub{font-size:.92rem;line-height:1.7;color:#c3d0e2;margin:0;}

.thr-cta__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:48px;padding:.8rem 1.7rem;border-radius:50px;
  background:var(--trend-red,#DA291C);color:#fff !important;
  font-size:.95rem;font-weight:700;line-height:1.2;text-decoration:none !important;
  box-shadow:0 6px 18px rgba(218,41,28,.32);
  transition:background .18s,transform .18s,box-shadow .18s;
}
.thr-cta__btn:hover{background:#b32218;transform:translateY(-2px);box-shadow:0 9px 22px rgba(218,41,28,.4);}
.thr-cta__btn:active{transform:translateY(0);}
.thr-cta__tel{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.86rem;color:#c3d0e2 !important;text-decoration:none !important;
}
.thr-cta__tel strong{color:#fff;font-weight:700;}
.thr-cta__tel:hover strong{color:#f6b3ad;}

/* secondary "not ready yet" link — used on the end-of-article CTA */
.thr-cta__more{
  display:inline-flex;align-items:center;gap:.35rem;
  margin-top:1.1rem;font-size:.88rem;font-weight:600;
  color:#c3d0e2 !important;text-decoration:none !important;
  border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:.15rem;
}
.thr-cta__more:hover{color:#fff !important;border-bottom-color:var(--trend-red,#DA291C);}
.thr-cta__more .thr-cta__arrow{color:var(--trend-red,#DA291C);font-weight:700;}

.thr-cta__checks{
  display:flex;flex-wrap:wrap;gap:.45rem 1.5rem;
  margin:1.15rem 0 0;padding:.95rem 0 0;list-style:none;
  border-top:1px solid rgba(255,255,255,.13);
}
.thr-cta__checks li{
  display:flex;align-items:center;gap:.45rem;
  font-size:.79rem;line-height:1.4;color:#a9b8cd;
}
.thr-cta__checks li::before{
  content:"";flex:0 0 auto;width:.95rem;height:.95rem;border-radius:50%;
  background:var(--trend-red,#DA291C);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9.5 17.5 4 12l1.4-1.4 4.1 4.1 9.1-9.1L20 7z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9.5 17.5 4 12l1.4-1.4 4.1 4.1 9.1-9.1L20 7z'/></svg>") center/contain no-repeat;
}

/* ── Soft variant: for pages where the dark bar is too heavy,
      or for a second CTA lower on the same page ─────────────── */
.thr-cta--soft{
  background:linear-gradient(180deg,var(--sage-light,#e8f0ec) 0%,#fcfdfc 100%);
  border:1px solid rgba(218,41,28,.16);
  color:var(--ink,#0f1a2e);
}
.thr-cta--soft .thr-cta__eyebrow{color:var(--trend-red,#DA291C);}
.thr-cta--soft .thr-cta__head{color:var(--ink,#0f1a2e);}
.thr-cta--soft .thr-cta__sub{color:var(--ink-light,#464646);}
.thr-cta--soft .thr-cta__tel{color:var(--slate,#5a6a7e) !important;}
.thr-cta--soft .thr-cta__tel strong{color:var(--ink,#0f1a2e);}
.thr-cta--soft .thr-cta__tel:hover strong{color:var(--trend-red,#DA291C);}
.thr-cta--soft .thr-cta__more{color:var(--slate,#5a6a7e) !important;border-bottom-color:#c9d3cd;}
.thr-cta--soft .thr-cta__more:hover{color:var(--ink,#0f1a2e) !important;}
.thr-cta--soft .thr-cta__checks{border-top-color:#dde1e7;}
.thr-cta--soft .thr-cta__checks li{color:var(--slate,#5a6a7e);}

/* ── End-of-article layout: centered, wider, two buttons ────── */
.thr-cta--end{margin:2rem 0 1.25rem;text-align:center;}
.thr-cta--end .thr-cta__top{flex-direction:column;align-items:center;gap:1.35rem;}
.thr-cta--end .thr-cta__body{flex:1 1 auto;max-width:44rem;}
.thr-cta--end .thr-cta__eyebrow::after{margin-left:auto;margin-right:auto;}
.thr-cta--end .thr-cta__head{font-size:clamp(1.35rem,3vw,1.95rem);margin-bottom:.6rem;}
.thr-cta--end .thr-cta__sub{font-size:.95rem;}
.thr-cta--end .thr-cta__action{width:100%;align-items:center;}
.thr-cta--end .thr-cta__checks{justify-content:center;}

/* ── Desktop / tablet ───────────────────────────────────────── */
@media(min-width:768px){
  /* start at the text column, run to the right edge — leaves the
     220px image column empty so the CTA lines up with the body copy */
  .thr-cta{grid-column:2 / -1;padding:1.9rem 2.1rem 1.6rem;}
  .thr-cta__action{align-items:center;width:14.5rem;}
  .thr-cta__btn{width:100%;}
}
@media(min-width:992px){
  .thr-cta__art{display:block;}
}
/* end-of-article overrides must follow the desktop block above */
@media(min-width:768px){
  /* the closing CTA spans the full grid — image column included */
  .thr-cta--end{grid-column:1 / -1;padding:2.6rem 2.5rem 1.9rem;}
  .thr-cta--end .thr-cta__action{
    flex-direction:row;flex-wrap:wrap;justify-content:center;
    width:auto;gap:.9rem;
  }
  .thr-cta--end .thr-cta__btn{width:auto;padding:.95rem 2.2rem;font-size:1rem;}
  .thr-cta--end .thr-cta__tel{
    min-height:48px;padding:.7rem 1.5rem;font-size:.95rem;
    border:1px solid rgba(255,255,255,.35);border-radius:50px;
  }
  .thr-cta--end.thr-cta--soft .thr-cta__tel{border-color:rgba(218,41,28,.35);}
}

/* ── Mobile: stacked, thumb-sized targets, tap-to-call ──────── */
@media(max-width:767px){
  .thr-cta{margin:1.25rem 0 1.5rem;padding:1.35rem 1.25rem 1.2rem;border-radius:12px;}
  .thr-cta__top{gap:1.1rem;}
  .thr-cta__head{font-size:1.12rem;}
  .thr-cta__sub{font-size:.9rem;}
  .thr-cta__action{width:100%;gap:.7rem;}
  .thr-cta__btn{width:100%;padding:.95rem 1.2rem;font-size:1rem;}
  /* phone becomes a real second button — mobile readers call more than they type */
  .thr-cta__tel{
    width:100%;min-height:48px;justify-content:center;
    border:1px solid rgba(255,255,255,.35);border-radius:50px;
    padding:.7rem 1rem;font-size:.95rem;
  }
  .thr-cta--soft .thr-cta__tel{border-color:rgba(218,41,28,.35);}
  .thr-cta__checks{gap:.5rem;flex-direction:column;margin-top:1rem;padding-top:.9rem;}
  .thr-cta--end{margin:1.5rem 0 1.25rem;padding:1.6rem 1.35rem 1.35rem;}
  .thr-cta--end .thr-cta__head{font-size:1.3rem;}
  .thr-cta--end .thr-cta__checks{align-items:flex-start;text-align:left;}
}

/* ── Quality floor ──────────────────────────────────────────── */
.thr-cta a:focus-visible{outline:3px solid #fff;outline-offset:3px;}
.thr-cta--soft a:focus-visible{outline-color:var(--trend-red,#DA291C);}
@media(prefers-reduced-motion:reduce){
  .thr-cta__btn{transition:none;}
  .thr-cta__btn:hover{transform:none;}
}
@media print{.thr-cta{display:none;}}

  /* 2 ── Divider between end CTA and Additional Articles ─────── */
  .art-bottom-divider{height:3px;background:var(--trend-red);margin:0;}

  /* 3 ── Centered wrapper for end CTA + attribution ─────────── */
  .art-end-wrap{max-width:900px;margin:0 auto;padding:0 1rem;}
  .art-end-wrap .thr-cta--end{margin-top:0;}
  .art-attribution{font-size:.85rem;line-height:1.7;color:var(--slate,#5a6a7e);text-align:left;margin:1rem auto 0;}