:root {
    --app-bg: #f6f7fb;
}

body {
    background: var(--app-bg);
}

.card {
    border: 1px solid rgba(0,0,0,.07);
    border-radius: .85rem;
}

.card-header:first-child {
    border-radius: .85rem .85rem 0 0;
}

.search-hero {
    max-width: 980px;
    margin: 0 auto;
}

.result-card {
    transition: transform .12s ease, box-shadow .12s ease;
}

.result-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.08) !important;
}

.w-35 {
    width: 35%;
}

.table th {
    color: #344054;
}

.kpi {
    border-radius: .85rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,.07);
    padding: 1rem;
    height: 100%;
}

.kpi .label {
    font-size: .78rem;
    color: #667085;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.kpi .value {
    font-size: 1.15rem;
    font-weight: 700;
    color: #111827;
    word-break: break-word;
}

pre.debug {
    white-space: pre-wrap;
    word-break: break-word;
}