/* HB34 V19: clear benefit headline for exclusive method landing cards. */
.focus-card.hb-exclusive-focus .ribbon span.hb34-card-benefit{
  display:block!important;font:700 clamp(12px,1.1vw,14px)/1.5 system-ui,sans-serif!important;
  color:#ffdf9c!important;background:#092848dd!important;border-left:3px solid #e7c27f!important;
  border-radius:3px 9px 9px 3px;padding:9px 11px!important;margin:10px 0 4px!important;
  white-space:normal!important;max-width:98%;text-align:start!important;
}
.focus-card.hb-exclusive-focus .ribbon{height:auto!important;min-height:105px!important}
@media(max-width:650px){.focus-card.hb-exclusive-focus .ribbon span.hb34-card-benefit{font-size:12px!important}}


/* HB34 2026-11-03: original three-pillar reference, visibly separated brand ribbons.
   Keep card dimensions, photographs, URLs and existing responsive grid untouched. */
.focus-section .focus-card.hb-exclusive-focus:not(.red) .ribbon {
  background:linear-gradient(118deg,#00509b 0%,#0a2a61 78%,#081e46 100%)!important;
  border-top:3px solid #f0c784!important;
}
.focus-section .focus-card.hb-exclusive-focus.red .ribbon {
  background:linear-gradient(118deg,#b40c2a 0%,#7b1232 68%,#3c1534 100%)!important;
  border-top:3px solid #f4c88c!important;
}
.focus-section .focus-card.green .ribbon {
  background:linear-gradient(118deg,#17774b 0%,#0b5b3d 70%,#063a37 100%)!important;
  border-top:3px solid #f4c88c!important;
}
.focus-section .focus-card .ribbon h2,
.focus-section .focus-card .ribbon p {
  color:#fffaf1!important;
  text-shadow:0 2px 8px rgba(1,10,30,.56)!important;
}
.focus-section .focus-card .ribbon {box-shadow:0 -4px 18px rgba(2,10,27,.32)!important}
.focus-section .focus-card {border-color:#f3ddba!important}
@media(prefers-reduced-motion:reduce) {
  .focus-section .focus-card {transition:none!important;transform:none!important}
}