.icrp-lens-metrics {
    --icrp-lens-accent: #2367c9;
    --icrp-lens-accent-2: #0f8f83;
    --icrp-lens-accent-3: #8a5bc4;
    --icrp-lens-text: #1d2939;
    --icrp-lens-muted: #5f6b7a;
    --icrp-lens-border: #dde3ea;
    --icrp-lens-surface: #ffffff;
    --icrp-lens-soft: #f8fafc;
    margin: 1.75rem 0;
    color: var(--icrp-lens-text);
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
}

.icrp-lens-metrics *, .icrp-lens-metrics *::before, .icrp-lens-metrics *::after { box-sizing: border-box; }
.icrp-lens-metrics__heading { display: flex; justify-content: space-between; gap: 1.25rem; align-items: flex-start; margin-bottom: 1.25rem; }
.icrp-lens-metrics__heading h2 { margin: 0 0 0.35rem; font-family: inherit; font-size: 1.5rem; line-height: 1.3; font-weight: 700; color: inherit; }
.icrp-lens-metrics__heading p, .icrp-lens-chart-card__header p { margin: 0; color: var(--icrp-lens-muted); }
.icrp-lens-metrics__heading p { font-size: 1rem; line-height: 1.55; }
.icrp-lens-metrics__brand { white-space: nowrap; border: 1px solid var(--icrp-lens-border); background: var(--icrp-lens-soft); border-radius: 999px; padding: 0.4rem 0.7rem; color: var(--icrp-lens-muted); font-size: 0.9375rem; line-height: 1.45; }
.icrp-lens-metrics__state { border: 1px solid var(--icrp-lens-border); border-radius: 10px; background: var(--icrp-lens-soft); padding: 1rem 1.1rem; color: var(--icrp-lens-muted); font-size: 1rem; }
.icrp-lens-metrics__spinner { display: inline-block; width: 0.95rem; height: 0.95rem; margin-right: 0.5rem; vertical-align: -0.1rem; border: 2px solid #d0d5dd; border-top-color: var(--icrp-lens-accent); border-radius: 50%; animation: icrpLensSpin 0.8s linear infinite; }
@keyframes icrpLensSpin { to { transform: rotate(360deg); } }

.icrp-lens-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.8rem; margin-bottom: 1.1rem; }
.icrp-lens-kpi { min-width: 0; border: 1px solid var(--icrp-lens-border); border-radius: 11px; background: var(--icrp-lens-surface); padding: 1rem 1.05rem; }
.icrp-lens-kpi__value { display: block; font-size: 1.65rem; line-height: 1.15; font-weight: 700; font-variant-numeric: tabular-nums; }
.icrp-lens-kpi__label { display: block; margin-top: 0.3rem; color: var(--icrp-lens-muted); font-size: 1rem; line-height: 1.45; }
.icrp-lens-kpi__note { display: block; margin-top: 0.3rem; color: var(--icrp-lens-muted); font-size: 0.9rem; line-height: 1.45; overflow-wrap: anywhere; }

.icrp-lens-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.icrp-lens-chart-card { min-width: 0; border: 1px solid var(--icrp-lens-border); border-radius: 12px; background: var(--icrp-lens-surface); padding: 1.15rem 1.2rem; }
.icrp-lens-chart-card__header { margin-bottom: 0.8rem; }
.icrp-lens-chart-card__header h3 { margin: 0 0 0.25rem; font-family: inherit; font-size: 1.125rem; line-height: 1.35; font-weight: 700; color: inherit; }
.icrp-lens-chart-card__header p { font-size: 1rem; line-height: 1.55; }
.icrp-lens-chart { min-height: 180px; }
.icrp-lens-line-chart { display: block; width: 100%; height: auto; max-height: 210px; overflow: visible; }
.icrp-lens-grid-line { stroke: #e7ebf0; stroke-width: 1; vector-effect: non-scaling-stroke; }
.icrp-lens-series { stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.icrp-lens-series.is-primary { stroke: var(--icrp-lens-accent); }
.icrp-lens-series.is-secondary { stroke: var(--icrp-lens-accent-2); }
.icrp-lens-series.is-tertiary { stroke: var(--icrp-lens-accent-3); }
.icrp-lens-legend { display: flex; flex-wrap: wrap; gap: 0.55rem 1rem; margin-top: 0.65rem; color: var(--icrp-lens-muted); font-size: 0.9375rem; line-height: 1.45; }
.icrp-lens-legend__item { display: inline-flex; align-items: center; gap: 0.4rem; }
.icrp-lens-legend__item i { width: 0.7rem; height: 0.22rem; border-radius: 999px; background: var(--icrp-lens-accent); }
.icrp-lens-legend__item.is-secondary i { background: var(--icrp-lens-accent-2); }
.icrp-lens-legend__item.is-tertiary i { background: var(--icrp-lens-accent-3); }
.icrp-lens-axis-labels { display: flex; justify-content: space-between; margin-top: 0.45rem; color: var(--icrp-lens-muted); font-size: 0.9375rem; line-height: 1.45; }

.icrp-lens-bars { display: grid; gap: 0.75rem; min-height: 180px; align-content: start; }
.icrp-lens-bar-row { display: grid; grid-template-columns: minmax(110px, 1.15fr) minmax(100px, 2fr) auto; gap: 0.7rem; align-items: center; }
.icrp-lens-bar-row__label { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; line-height: 1.45; }
.icrp-lens-bar-row__track { height: 0.6rem; overflow: hidden; border-radius: 999px; background: #eef2f6; }
.icrp-lens-bar-row__bar { display: block; height: 100%; border-radius: inherit; background: var(--icrp-lens-accent); }
.icrp-lens-bar-row__value { min-width: 2.5rem; text-align: right; color: var(--icrp-lens-muted); font-size: 0.9375rem; line-height: 1.45; font-variant-numeric: tabular-nums; }
.icrp-lens-empty { margin: 1.5rem 0; text-align: center; color: var(--icrp-lens-muted); font-size: 1rem; line-height: 1.55; }

.icrp-lens-metrics__footer { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-top: 1.05rem; color: var(--icrp-lens-muted); font-size: 0.9375rem; line-height: 1.5; }
.icrp-lens-report-link { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--icrp-lens-accent); border-radius: 8px; padding: 0.6rem 0.9rem; color: var(--icrp-lens-accent); font-family: inherit; font-size: 0.9375rem; line-height: 1.4; font-weight: 600; text-decoration: none; }
.icrp-lens-report-link:hover, .icrp-lens-report-link:focus { background: var(--icrp-lens-accent); color: #fff; text-decoration: none; }

@media (max-width: 900px) {
    .icrp-lens-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .icrp-lens-chart-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .icrp-lens-metrics { font-size: 1rem; }
    .icrp-lens-metrics__heading { display: block; }
    .icrp-lens-metrics__heading h2 { font-size: 1.375rem; }
    .icrp-lens-metrics__brand { display: inline-block; margin-top: 0.75rem; }
    .icrp-lens-kpis { grid-template-columns: 1fr 1fr; gap: 0.6rem; }
    .icrp-lens-kpi { padding: 0.85rem; }
    .icrp-lens-kpi__value { font-size: 1.45rem; }
    .icrp-lens-chart-card { padding: 1rem; }
    .icrp-lens-chart { min-height: 160px; }
    .icrp-lens-bars { min-height: 160px; }
    .icrp-lens-bar-row { grid-template-columns: minmax(84px, 1fr) minmax(70px, 1.35fr) auto; gap: 0.45rem; }
    .icrp-lens-metrics__footer { align-items: stretch; flex-direction: column; }
    .icrp-lens-report-link { width: 100%; }
}

/* Compact article statistics card (v1.1.4) */
.icrp-lens-summary {
    --icrp-lens-accent: #2367c9;
    --icrp-lens-text: #1d2939;
    --icrp-lens-muted: #5f6b7a;
    --icrp-lens-border: #dde3ea;
    --icrp-lens-soft: #f8fafc;
    margin: 1.25rem 0;
    border: 1px solid var(--icrp-lens-border);
    border-radius: 12px;
    background: #fff;
    color: var(--icrp-lens-text);
    font-family: inherit;
    line-height: 1.45;
    overflow: hidden;
}
.icrp-lens-summary *, .icrp-lens-summary *::before, .icrp-lens-summary *::after { box-sizing: border-box; }
.icrp-lens-summary__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; padding: 0.9rem 1rem 0.7rem; border-bottom: 1px solid var(--icrp-lens-border); background: var(--icrp-lens-soft); }
.icrp-lens-summary__header h3 { margin: 0 0 0.1rem; font-family: inherit; font-size: 1.05rem; line-height: 1.35; font-weight: 700; color: inherit; }
.icrp-lens-summary__header p { margin: 0; color: var(--icrp-lens-muted); font-size: 0.9rem; line-height: 1.4; }
.icrp-lens-summary__brand { flex: 0 0 auto; color: var(--icrp-lens-muted); font-size: 0.82rem; line-height: 1.3; font-weight: 600; }
.icrp-lens-summary__state { padding: 0.9rem 1rem; color: var(--icrp-lens-muted); font-size: 0.92rem; }
.icrp-lens-summary__content { padding: 0.9rem 1rem 0.85rem; }
.icrp-lens-summary__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.55rem; }
.icrp-lens-summary__item { min-width: 0; padding: 0.65rem 0.55rem; border: 1px solid #e7ebf0; border-radius: 9px; background: #fff; text-align: center; }
.icrp-lens-summary__item strong { display: block; font-size: 1.3rem; line-height: 1.15; font-weight: 700; font-variant-numeric: tabular-nums; }
.icrp-lens-summary__item span { display: block; margin-top: 0.2rem; color: var(--icrp-lens-muted); font-size: 0.86rem; line-height: 1.3; }
.icrp-lens-summary__footer { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-top: 0.75rem; color: var(--icrp-lens-muted); font-size: 0.84rem; line-height: 1.4; }
.icrp-lens-summary__footer a { color: var(--icrp-lens-accent); font-weight: 600; text-decoration: none; white-space: nowrap; }
.icrp-lens-summary__footer a:hover, .icrp-lens-summary__footer a:focus { text-decoration: underline; }

.icrp-lens-summary.is-sidebar { margin: 0 0 1.25rem; }
.icrp-lens-summary.is-sidebar .icrp-lens-summary__header { display: block; }
.icrp-lens-summary.is-sidebar .icrp-lens-summary__brand { display: inline-block; margin-top: 0.35rem; }
.icrp-lens-summary.is-sidebar .icrp-lens-summary__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.icrp-lens-summary.is-sidebar .icrp-lens-summary__item:last-child { grid-column: 1 / -1; }
.icrp-lens-summary.is-sidebar .icrp-lens-summary__footer { align-items: flex-start; flex-direction: column; }

@media (max-width: 760px) {
    .icrp-lens-summary__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .icrp-lens-summary__item:last-child { grid-column: 1 / -1; }
    .icrp-lens-summary__footer { align-items: flex-start; flex-direction: column; }
}