body {
    font-family: "Courier New", Courier, monospace;
    background: #0b0f12; 
    color: #e6eef6;
    margin: 24px;
}
.container {
    max-width: 760px;
    margin: 0 auto;
}
nav ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 12px;
}
nav a {
    text-decoration: none;
    color: #7dd3fc;
    padding: 4px 6px;
    border: 1px solid #203040;
    background: #071124;
}
nav a:hover {
    background: #083246;
    color: #ffffff;
}
.banner {
    margin: 10px 0;
    padding: 8px 12px;
    background: #0615228C;
    border: 1px solid #203040;
    color: #BFE9FFD9;
    text-align: center;
    font-weight: 400;
    font-size: 0.95rem;
}
.banner[role="warning"] {
    background: #FF52520F;
    border: 1px solid #FF525229;
    color: #ffd6d6;
}
h1 {
    font-size: 20px;
    margin: 10px 0 4px;
    color: #ffffff;
}
hr {
    border: none;
    border-top: 1px solid #203040;
    margin: 12px 0;
}
p.description {
    margin-top: 8px;
    line-height: 1.4;
    color: #dbeafe;
}
a { color: #7dd3fc; }
a:visited { color: #6fbfdd; }