@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@300;400;600&display=swap');

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #f2f2f2;
    color: #333333;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
    padding: 48px 64px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

h2 {
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 600;
    font-size: 1.1rem;
    color: #111111;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-top: 48px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #cccccc;
}

h2:first-child {
    margin-top: 0;
}

h3 {
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 400;
    font-size: 0.85rem;
    color: #3f3f3f;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 28px;
    margin-bottom: 8px;
    padding-left: 12px;
    border-left: 2px solid #cccccc;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
}

tbody {
    display: table-row-group;
}

tr {
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.15s ease;
}

tr:hover {
    background-color: #e8e8e8;
}

tr:last-child {
    border-bottom: none;
}

td {
    padding: 9px 12px;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 0.82rem;
    color: #555555;
}

a {
    color: #2a72a8;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

a:hover {
    color: #1a5a8a;
    border-bottom-color: #1a5a8a;
}

p {
    font-size: 0.82rem;
    color: #aaaaaa;
    font-style: italic;
    padding: 6px 12px;
    font-family: 'IBM Plex Mono', monospace;
}