/* Highlight Banner — kabdalis2 design system. */
.b-hbanner{
    display:flex; align-items:center; gap:14px; flex-wrap:wrap;
    padding:14px clamp(16px,3vw,28px);
    border-radius:var(--radius);
    line-height:1.4;
}
.b-hbanner--accent{ background:var(--accent); color:var(--on-accent); }
.b-hbanner--pine{ background:var(--pine); color:var(--on-pine, #eaf2ec); }
.b-hbanner--soft{ background:var(--surface2); color:var(--ink); border:1px solid var(--line); }
.b-hbanner__ico{ font-size:1.4rem; line-height:1; flex:0 0 auto; }
.b-hbanner__msg{ margin:0; flex:1 1 240px; font-size:1rem; font-weight:500; }
.b-hbanner__cta{ flex:0 0 auto; background:color-mix(in srgb, currentColor 14%, transparent); color:inherit; border:1.5px solid color-mix(in srgb, currentColor 55%, transparent); }
.b-hbanner--soft .b-hbanner__cta{ background:var(--accent); color:var(--on-accent); border-color:var(--accent); }
.b-hbanner__cta:hover{ background:color-mix(in srgb, currentColor 24%, transparent); }
.b-hbanner--soft .b-hbanner__cta:hover{ filter:brightness(1.06); background:var(--accent); }
@media (max-width:560px){
    .b-hbanner__cta{ width:100%; justify-content:center; }
}