/* ============================================================================
 * Component: auf-einen-blick — summary sentence + definition list of facts (tiles since 0.308.0).
 * ========================================================================= */

.rc-glance {
    padding: 48px 16px;
    background: var(--robbo-white);
    color: var(--robbo-black);
    font-family: 'ProximaNova', 'Proxima Nova', 'Noto Sans', sans-serif;
}
.rc-glance *, .rc-glance *::before, .rc-glance *::after { box-sizing: border-box; }

.rc-glance__wrap {
    max-width: 920px;
    margin: 0 auto;
    padding: 32px 36px;
    border: 1px solid var(--robbo-line);
    border-radius: 20px;
    background: var(--robbo-grey-light);
}
.rc-glance__head { margin: 0 0 22px; }
.rc-glance__eyebrow {
    display: inline-block;
    font-family: 'Plakkaat', 'ProximaNova', sans-serif;
    font-size: var(--robbo-fs-badge);
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--robbo-green-dark);
    background: color-mix(in srgb, var(--robbo-green) 12%, var(--robbo-white));
    padding: 6px 12px;
    border-radius: 999px;
    margin: 0 0 12px;
}
.rc-glance__h2 {
    font-family: 'ProximaNova', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.015em;
    color: var(--robbo-black);
    margin: 0 0 10px;
}
.rc-glance__summary {
    margin: 0;
    font-size: var(--robbo-fs-lg);
    line-height: 1.55;
    color: var(--robbo-coal);
}

.rc-glance__list { margin: 0; padding: 0; }
.rc-glance__row {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 16px;
    padding: 12px 0;
    border-top: 1px solid var(--robbo-line);
}
.rc-glance__row dt {
    margin: 0;
    font-size: var(--robbo-fs-md);
    font-weight: 700;
    color: var(--robbo-coal);
}
.rc-glance__row dd {
    margin: 0;
    font-size: var(--robbo-fs-base);
    line-height: 1.55;
    color: var(--robbo-coal);
}
.rc-glance__row dd a {
    color: var(--robbo-green-dark);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.rc-glance__row dd a:hover { color: var(--robbo-coal); }

/* ---- Tiles (0.308.0) --------------------------------------------------------- */
.rc-glance:has(.rc-glance__list--tiles) { background: linear-gradient(180deg, var(--robbo-white) 0%, color-mix(in srgb, var(--robbo-green) 5%, var(--robbo-white)) 100%); }
.rc-glance:has(.rc-glance__list--tiles) .rc-glance__wrap { max-width: 1120px; padding: 0; border: 0; background: transparent; }
.rc-glance:has(.rc-glance__list--tiles) .rc-glance__head { max-width: 800px; margin: 0 auto 26px; text-align: center; }
.rc-glance__list--tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rc-glance__tile {
    display: flex; flex-direction: column; min-width: 0; padding: 18px 20px; background: var(--robbo-white);
    border: 1px solid var(--robbo-line); border-radius: 18px; box-shadow: 0 10px 26px rgba(26, 26, 26, .06);
}
.rc-glance__label {
    display: flex; align-items: center; gap: 12px; margin: 0 0 12px;
    font-size: var(--robbo-fs-badge); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--robbo-grey);
}
.rc-glance__icon {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px;
    color: var(--robbo-green-dark); background: color-mix(in srgb, var(--robbo-green) 12%, var(--robbo-white)); border-radius: 14px;
}
.rc-glance__value { margin: 0; min-width: 0; }
.rc-glance__big { display: block; font-size: 24px; font-weight: 800; line-height: 1.2; color: var(--robbo-black); margin: 0 0 6px; }
.rc-glance__text { display: block; font-size: var(--robbo-fs-md); line-height: 1.5; color: var(--robbo-coal); }
.rc-glance__text a { color: var(--robbo-green-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.rc-glance__text a:hover { color: var(--robbo-coal); }
.rc-glance__tile--wide { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.rc-glance__tile--wide .rc-glance__label { margin: 0; }
.rc-glance__tile--wide .rc-glance__value { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; flex: 1 1 320px; }
.rc-glance__tile--wide .rc-glance__big { margin: 0; }

@media (max-width: 999px) {
    .rc-glance__list--tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .rc-glance:has(.rc-glance__list--tiles) .rc-glance__wrap { padding: 0; }
    .rc-glance__list--tiles { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .rc-glance__tile { padding: 14px 16px; }
    .rc-glance__label { margin: 0 0 8px; }
    .rc-glance__icon { flex-basis: 38px; width: 38px; height: 38px; border-radius: 12px; }
    .rc-glance__big { font-size: 20px; margin: 0 0 4px; }
}

@media (min-width: 1024px) {
    .rc-glance { padding: 56px 16px; }
    .rc-glance__h2 { font-size: 32px; }
}
@media (max-width: 640px) {
    .rc-glance { padding: 32px 16px; }
    .rc-glance__wrap { padding: 22px 18px; border-radius: 16px; }
    .rc-glance__row { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 10px 0; }
    .rc-glance__h2 { font-size: 24px; }
}