:root {
    color-scheme: dark;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
    font-size: 16px;
}

body {
    margin: 0;
    background: #0e1319;
    color: #e6edf3;
    line-height: 1.45;
}

main {
    max-width: 44rem;
    margin: 0 auto;
    padding: 2.5rem 1.2rem;
}

h1 {
    margin: 0 0 1rem;
    font-size: 1.8rem;
}

h1 span, h2 small {
    color: #8d9aab;
    font-weight: 400;
    font-size: .6em;
}

h2 {
    margin: 2rem 0 .6rem;
    font-size: 1.1rem;
}

.notice {
    padding: .7rem 1rem;
    border: 1px solid #d29922;
    border-radius: 8px;
    background: rgba(210, 153, 34, .1);
}

.services {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .5rem;
}

.services li {
    display: grid;
    gap: .15rem;
    padding: .7rem 1rem;
    border: 1px solid #283341;
    border-radius: 8px;
    background: #151c25;
}

.services li span {
    color: #8d9aab;
    font-size: .88rem;
}

.services a {
    color: #4ea1ff;
    font-weight: 600;
    text-decoration: none;
}

.services a:hover, .services a:focus-visible {
    text-decoration: underline;
}

.services .address {
    color: #e6edf3;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .95rem;
}