/* EDsmart Data — Tabler Icons (MIT) for reports and data pages
 * Source: https://github.com/tabler/tabler-icons
 * Webfont CDN: @tabler/icons-webfont — pin version in production if needed */
@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.30.0/dist/tabler-icons.min.css");

.icon-inline,
.icon-heading {
    display: inline-block;
    vertical-align: -0.15em;
    font-size: 1.1em;
    line-height: 1;
    color: var(--color-aqua-text);
    font-style: normal;
    speak: none;
}

.icon-heading {
    margin-right: 0.4em;
    font-size: 1.15em;
}

/* Report / synthesis pages */
article.report-whitepaper .page-header h1::before {
    font-family: "tabler-icons";
    content: "\eecb"; /* ti-report-analytics */
    display: inline-block;
    margin-right: 0.35em;
    font-size: 0.85em;
    vertical-align: 0.05em;
    color: var(--color-aqua-text);
    font-weight: normal;
}

article.report-whitepaper .highlights-section > h2::before {
    font-family: "tabler-icons";
    content: "\f6d7"; /* ti-sparkles */
    display: inline-block;
    margin-right: 0.35em;
    font-size: 0.9em;
    vertical-align: 0.05em;
    color: var(--color-aqua-text);
    font-weight: normal;
}

article.report-whitepaper .highlights-subhead {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

article.report-whitepaper .highlights-subhead .ti {
    flex-shrink: 0;
    font-size: 1.15rem;
    color: var(--color-aqua-text);
}

article.report-whitepaper .also-important {
    display: flow-root;
}

article.report-whitepaper .also-important::before {
    font-family: "tabler-icons";
    content: "\eac5"; /* ti-info-circle */
    float: left;
    font-size: 1.2rem;
    line-height: 1.5;
    color: var(--color-aqua-text);
    margin-right: 0.65rem;
    margin-top: 0.05em;
}

article.report-whitepaper .page-toc-label::before {
    font-family: "tabler-icons";
    content: "\eb6b"; /* ti-list */
    display: inline-block;
    margin-right: 0.35em;
    font-size: 0.95em;
    vertical-align: -0.05em;
    color: var(--color-aqua-text);
    font-weight: normal;
}

/* Foreword / methodology: metric definition cards */
.metric-type-list {
    list-style: none;
    padding: 0;
    margin: calc(var(--spacing-unit) * 3) 0;
    display: grid;
    gap: calc(var(--spacing-unit) * 2);
}

@media (min-width: 640px) {
    .metric-type-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 960px) {
    .metric-type-list--five {
        grid-template-columns: repeat(2, 1fr);
    }
}

.metric-type-list li {
    margin: 0;
    padding: calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 3);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 6px;
    line-height: 1.55;
}

.metric-type-list .metric-type-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 0.35rem;
    font-size: 0.95rem;
}

.metric-type-list .metric-type-label .ti {
    font-size: 1.25rem;
    color: var(--color-aqua-text);
    flex-shrink: 0;
}

/* Breakout map: article-type column */
article.report-whitepaper .breakout-map-table th:first-child,
article.report-whitepaper .breakout-map-table td:first-child {
    min-width: 8rem;
}

.breakout-type {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.breakout-type .ti {
    color: var(--color-aqua-text);
    font-size: 1rem;
}