:root {
    --terminal-color: #CCCCCC;
}

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

body {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;     
    background: #012456;
    color: var(--terminal-color);
    font-family: Consolas, Monaco, "Courier New", monospace;
    min-height: 100vh;
    padding: 10px;
}

.terminal {
    width: 100%;
}

.loadHidden, .typeIn {
    display: none;
}

.section {
    margin-bottom: 10px;
}

p {
    margin: 0;
}

p.command::before {
    color: var(--terminal-color);
    padding-right: 1px;
    content: "C:\\> ";
    animation: none; 
    transform: none;
}

.commandColor {
    color: #F9F1A5;
}

.varColor {
    color: #FF5555 ;
}

.cursor, .typing::after {
    color: var(--terminal-color);
    content: "|";
}

.blinking {
    animation: blink 1s infinite;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}


@media (max-width: 768px) {
    body {
        padding: 15px;
        font-size: 14px;
    }
}

table {
    border-collapse: collapse;
    width: 100%;
    max-width: 800px;
    text-align: left;
}

table th, 
table td {
    padding: 5px 0;
    white-space: pre; /* Preserves exact spacing if needed */
    padding-right: 30px;
}

table th {
    color: var(--terminal-color);
    font-weight: bold;
    padding-bottom: 5px;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-color: var(--terminal-color);
    text-decoration-thickness: 2px;
    text-underline-offset: 10px;
    padding-bottom: 15px;
}

table tr:hover td {
    background-color: rgba(255, 255, 255, 0.1); /* Subtle modern touch, remove if you want strict emulation */
}

td a {
    color: var(--terminal-color);
}