/* Sample-first blog CTAs. Source: scripts/blog-ctas/ (copied into each site's /blog/ by apply.mjs). */
.bcta-card{display:grid;grid-template-columns:minmax(0,170px) 1fr;gap:1.25rem;align-items:start;background:var(--direction-paper,var(--white,#fff));border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:1.1rem;margin:1.75rem 0;}
.bcta-thumb{display:block;border-radius:6px;overflow:hidden;border:1px solid var(--border,#e5e7eb);box-shadow:0 6px 18px rgba(15,23,42,.12);transform:rotate(-1.5deg);transition:transform .2s ease;}
.bcta-thumb:hover,.bcta-thumb:focus-visible{transform:rotate(0);}
.bcta-thumb img{display:block;width:100%;height:auto;}
.bcta-body{display:flex;flex-direction:column;gap:.55rem;}
.bcta-body h3{margin:0;font-size:1.15rem;line-height:1.3;color:var(--direction-ink,var(--primary,#1f2937));text-wrap:balance;}
.bcta-body p{margin:0;font-size:.95rem;}
.bcta-eyebrow{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--direction-accent,var(--accent,#0a66c2));}
.bcta-risk{color:var(--direction-muted,#4b5563);border-left:3px solid var(--direction-accent,var(--accent,#0a66c2));padding-left:.7rem;}
.bcta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-top:.35rem;}
.bcta-btn{display:inline-block;background:var(--direction-accent,var(--accent,#0a66c2));color:var(--direction-paper,var(--white,#fff))!important;font-weight:700;font-size:.93rem;padding:.7rem 1.3rem;border-radius:9px;text-decoration:none;}
.bcta-btn:hover{filter:brightness(1.08);}
.bcta-link{font-weight:600;font-size:.92rem;color:var(--direction-accent,var(--accent,#0a66c2));}
.bcta-btn:focus-visible,.bcta-link:focus-visible,.bcta-close:focus-visible,.bcta-end a:focus-visible{outline:3px solid var(--direction-accent,var(--accent,#0a66c2));outline-offset:3px;}
.bcta-end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.2rem;align-items:center;}
/* visual-direction.css forces body[data-niche] a / .cta-box a with !important; these match its specificity and win by order. */
body[data-niche] a.bcta-btn{color:var(--direction-paper,#fff)!important;background:var(--direction-control,var(--direction-accent,var(--accent,#0a66c2)));}
body[data-niche] .cta-box a.bcta-end-sample{background:transparent!important;padding:0;color:var(--direction-paper,#fff)!important;text-decoration:underline;font-weight:600;}
.bcta-you{margin:1rem 0 0!important;font-style:italic;}
.bcta-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:.6rem;background:var(--direction-paper,var(--white,#fff));border-top:1px solid var(--border,#e5e7eb);box-shadow:0 -6px 20px rgba(15,23,42,.12);padding:.6rem max(12px,env(safe-area-inset-right,0px)) calc(.6rem + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));font-size:.85rem;}
.bcta-sticky[hidden]{display:none!important;}
.bcta-sticky-text{flex:1;min-width:0;line-height:1.3;color:var(--direction-ink,var(--primary,#1f2937));}
.bcta-sticky .bcta-btn{padding:.55rem .9rem;font-size:.85rem;white-space:nowrap;}
.bcta-close{background:none;border:0;font-size:1.4rem;line-height:1;color:var(--direction-muted,#6b7280);cursor:pointer;padding:.2rem .4rem;}
@media (min-width:761px){.bcta-sticky{display:none!important;}}
@media (max-width:600px){
  .bcta-card{grid-template-columns:96px 1fr;gap:.9rem;padding:.9rem;}
  .bcta-sticky .bcta-link{display:none;}
}
@media (prefers-reduced-motion:reduce){.bcta-thumb{transform:none;transition:none;}}