body {
    background-color: #000000;
    color: #00FF00;
    font-family: monospace;
    margin: 0;
    padding: 20px;
    line-height: 1.5;
}

h1, h2, h3, h4 {
    color: #00FF00;
    margin-top: 0;
}

p, ul {
    color: #808080; /* Grey accents for body text */
    margin: 0 0 1em 0;
}

a {
    color: #00FF00;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.tabs {
    margin: 20px 0;
}

.tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    border-bottom: 1px solid #808080;
    flex-wrap: wrap; /* Allow tabs to wrap on small screens */
}

.tabs li {
    margin-right: 10px;
    margin-bottom: 10px;
}

.tabs label {
    cursor: pointer;
    padding: 10px;
    background: #000000;
    color: #00FF00;
    border: 1px solid #808080;
    border-bottom: none;
    display: block;
}

.tabs input[type="radio"] {
    display: none;
}

.tabs .content > section {
    display: none;
    padding: 20px;
    border: 1px solid #808080;
    background: #000000;
    overflow-wrap: anywhere; /* Aggressive wrap without hyphens */
    word-break: break-word;
}

.tabs .content > section ul li {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.feature-list {
    display: flex;
    flex-direction: column;
}

.feature {
    margin-bottom: 1.5em;
}

.feature h4 {
    margin-bottom: 0.5em;
}

.feature p {
    margin: 0;
}

.tabs input:checked + label {
    background: #808080;
    color: #000000;
}

.tabs #tab0:checked ~ .content > section:nth-child(1),
.tabs #tab1:checked ~ .content > section:nth-child(2),
.tabs #tab2:checked ~ .content > section:nth-child(3),
.tabs #tab3:checked ~ .content > section:nth-child(4),
.tabs #tab4:checked ~ .content > section:nth-child(5),
.tabs #tab5:checked ~ .content > section:nth-child(6) {
    display: block;
}

.contact {
    margin: 20px 0;
}

.contact button {
    background: #000000;
    color: #00FF00;
    border: 1px solid #808080;
    padding: 10px 20px;
    margin-right: 10px;
    cursor: pointer;
}

.contact button:hover {
    background: #808080;
    color: #000000;
}

footer {
    text-align: center;
    margin-top: 40px;
    color: #808080;
}