/* Als modules.css nach den bestehenden Stylesheets laden.
   Die Spaltenregel gilt für alle drei Module; die übrigen Regeln nur für Regulatory. */
#kognilink .module-panel {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr);
    column-gap: clamp(56px, 7vw, 104px);
    align-items: start;
}
#kognilink .module-panel > * { min-width: 0; }
#kognilink #panel-regulatory { padding-top: 40px; }
#panel-regulatory .rc-intro h3 {
    font-size: clamp(28px, 2.8vw, 36px);
    line-height: 1.16;
    letter-spacing: -.04em;
    margin-bottom: 24px;
}
#panel-regulatory .rc-intro h3 > span { color: var(--blue, #2455f4); }
#panel-regulatory .rc-intro .eyebrow { font-size: 11px; line-height: 1.6; margin-bottom: 20px; }
#panel-regulatory .rc-intro p:not(.eyebrow) { max-width: none; font-size: 16px; line-height: 1.8; }
#panel-regulatory .rc-setup { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--line, #dce1e8); }
#panel-regulatory .rc-intro .rc-cta {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%; max-width: 100%; min-height: 52px; margin-top: 28px;
    padding: 17px 19px; gap: 18px; font-size: 14px; line-height: 1.6; white-space: normal;
}
#panel-regulatory .rc-cta-icon { display: block; width: 20px; height: 20px; flex: 0 0 20px; }
#panel-regulatory .rc-cta:focus-visible { outline: 3px solid #efb74c; outline-offset: 5px; }
#panel-regulatory .rc-content { min-width: 0; }

/* Nutzenpunkte */
#panel-regulatory .rc-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 30px; list-style: none; margin: 24px 0 0; padding: 0; }
#panel-regulatory .rc-benefits > li { min-width: 0; padding-top: 22px; border-top: 1px solid #d8e1ee; }
#panel-regulatory .rc-benefits h4 { margin: 0 0 12px; font-size: 16px; line-height: 1.55; font-weight: 600; letter-spacing: -.015em; color: var(--ink, #122139); }
#panel-regulatory .rc-benefits p { max-width: none; margin: 0; font-size: 15px; line-height: 1.8; }

@media (max-width: 1000px) {
    #kognilink .module-panel { grid-template-columns: minmax(0, 1fr); row-gap: 36px; }
    #panel-regulatory .rc-intro { max-width: 720px; }
    #panel-regulatory .rc-intro h3 { font-size: 34px; }
    #panel-regulatory .rc-intro .rc-cta { width: fit-content; }
}
@media (max-width: 720px) {
    #kognilink #panel-regulatory { padding-top: 32px; }
    #panel-regulatory .rc-intro h3 { font-size: clamp(29px, 8vw, 34px); line-height: 1.2; }
    #panel-regulatory .rc-intro .rc-cta { width: 100%; }
    #panel-regulatory .rc-benefits { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    #panel-regulatory .rc-benefits p { font-size: 16px; }
}