html {
    -webkit-text-size-adjust: 100%;
    font-family:
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        'Helvetica Neue',
        Arial,
        'Noto Sans',
        sans-serif,
        'Apple Color Emoji',
        'Segoe UI Emoji',
        'Segoe UI Symbol',
        'Noto Color Emoji';
    line-height: 1.5;
    tab-size: 4;
    scroll-behavior: smooth;
}
body {
    font-family: inherit;
    line-height: inherit;
    margin: 0;
    background: #f5f7fb;
    color: #1f2937;
}
h1,
h2,
p,
pre {
    margin: 0;
}
*,
::before,
::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
}
h1,
h2 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
pre {
    font-family:
        ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
        monospace;
}

:root {
    --view-max-width: 1200px;
    --view-panel-background: #ffffff;
    --view-panel-border: #dbe3ec;
    --view-panel-color: #1f2937;
    --view-muted: #6b7280;
    --view-accent: #2563eb;
}

.page {
    width: 100%;
    max-width: var(--view-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.panel {
    background: var(--view-panel-background);
    border: 1px solid var(--view-panel-border);
    color: var(--view-panel-color);
}

.panel .ant-card-body {
    background: transparent;
    color: inherit;
}

.panel .ant-typography,
.panel .ant-typography *,
.panel .ant-list-item-meta-title,
.panel .ant-list-item-meta-description,
.panel .ant-statistic-title,
.panel .ant-statistic-content {
    color: #1f2937 !important;
}

.panel .ant-typography-secondary,
.panel .ant-typography-secondary * {
    color: #6b7280 !important;
}
