body {
    max-width: 1000px;
    margin: 3rem auto;
    padding: 0 1.5rem;
    color: #30343b;
    background: #f7f8fa;
    font: 16px system-ui, -apple-system, sans-serif;
}

h1 {
    margin-bottom: 1.5rem;
    font-size: 1.7rem;
}

#indexlist {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgb(0 0 0 / 8%);
}

#indexlist th,
#indexlist td {
    padding: 0.7rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

#indexlist th {
    background: #34495e;
    color: white;
}

#indexlist th a {
    color: white;
}

#indexlist tr.even {
    background: #f8fafc;
}

#indexlist tr:hover {
    background: #eaf2ff;
}

#indexlist a {
    color: #1769aa;
    text-decoration: none;
}

#indexlist a:hover {
    text-decoration: underline;
}

hr {
    display: none;
}

address {
    margin-top: 2rem;
    color: #777;
    font-size: 0.8rem;
}