/* Important Info Widget Styles (WordPress) */
:root {
  --iiw-bg: #ffffff;
  --iiw-text: #141825;
  --iiw-heading: #242B3E; /* requested */
  --iiw-primary: #1473FB;
  --iiw-accent: #FEDE36;
  --iiw-border: #E6EAF2;
  --iiw-radius: 12px;
}

.kapper-iiw {
  /* Linear width behavior: at 1400px -> 920px, then -1px per -1px viewport */
  width: auto !important;
  padding-bottom: 22px !important;
}
@media (min-width: 1400px) {
  .kapper-iiw { width: 920px; }
}

.kapper-iiw__card {
  position: relative;
  background: var(--iiw-bg);
  color: var(--iiw-text);
  border: 1px solid var(--iiw-border);
  border-radius: var(--iiw-radius);
  box-shadow: 0 8px 20px rgba(20, 24, 37, 0.06);
  overflow: hidden;
}
.kapper-iiw__stripe {
  position: absolute; inset: 0 auto 0 0; width: 6px; background: var(--iiw-accent);
}
.kapper-iiw__inner { display: flex; gap: 24px; padding: 24px 28px; align-items: flex-start; }
.kapper-iiw__illustration { width: 180px; height: 140px; flex: 0 0 auto; user-select: none; }

.kapper-iiw__content { flex: 1 1 auto; }
.kapper-iiw__heading {
  margin: 0 0 8px; font-size: 20px; line-height: 1.2; font-weight: 800; color: var(--iiw-heading);
  text-decoration: underline; text-decoration-color: color-mix(in oklab, var(--iiw-accent) 80%, transparent);
  text-underline-offset: 4px;
}
.kapper-iiw__text { margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: color-mix(in oklab, var(--iiw-text) 90%, black 0%); }

.kapper-iiw__cta {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--iiw-primary); color: #fff; border-radius: 10px; padding: 12px 18px; text-decoration: none; font-weight: 600;
  box-shadow: 0 6px 16px rgba(20,115,251,0.25); transition: transform .2s ease, box-shadow .2s ease;
}
.kapper-iiw__cta:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(20,115,251,0.35); }
.kapper-iiw__cta:focus-visible { outline: 2px solid #1473FB; outline-offset: 2px; }
.kapper-iiw__cta-icon { color: var(--iiw-accent); display: inline-flex; }
.kapper-iiw__cta-arrow { transition: transform .2s ease; }
.kapper-iiw__cta:hover .kapper-iiw__cta-arrow { transform: translateX(2px); }

/* Stack on narrow layouts */
@media (max-width: 640px) {
  .kapper-iiw__inner { flex-direction: column; }
  .kapper-iiw__illustration { display: none; }
}

.article-page__article-content .kapper-iiw {
    padding-bottom: 22px;
}