/* terminal.css */

.term-line {
    display: block;
    font-size: var(--fs-14);
    font-family: var(--font-mono);
    font-weight: 300;
    line-height: 1.75;
    white-space: pre-wrap;
    word-break: break-word;
}

.term-link {
    color: var(--bl);
    text-decoration: none;
}
.term-link:hover {
    text-decoration: underline;
    color: var(--bright);
}

/* init line */
.term-init {
    color: var(--dimmer);
    margin-bottom: 6px;
}

/* [OK] / [WARN] */
.term-ok-prefix {
    color: var(--ok);
}
.term-warn-prefix {
    color: var(--warn);
}
.term-ok-text {
    color: var(--mid);
}

/* ready. */
.term-ready {
    color: var(--bright);
    text-shadow: 0 0 14px rgba(240, 240, 232, 0.12);
}

/* $ prompt */
.term-prompt {
    color: var(--dim);
    margin-top: 16px;
}

/* Name — Garamond */
.term-name {
    font-family: var(--font-display);
    font-style: italic;
    font-size: var(--fs-34);
    color: var(--bright);
    line-height: 1.1;
    margin: 8px 0 4px;
    text-shadow: 0 0 20px rgba(240, 240, 232, 0.12);
    opacity: 0;
    transition: opacity 0.4s ease;
}
.term-name.visible {
    opacity: 1;
}

/* sub-text */
.term-sub {
    color: var(--dim);
    padding-left: 2px;
}

/* key-value pairs */
.term-kv {
    display: grid;
    grid-template-columns: 160px 1fr;
    padding-left: 2px;
}
.term-kv-key {
    color: var(--dim);
}
.term-kv-val {
    color: var(--mid);
}

/* → nav hint */
.term-nav-hint {
    color: var(--bl);
    padding-left: 2px;
    margin-top: 6px;
}

/* git log rows */
.term-log-row {
    display: grid;
    grid-template-columns: 52px 100px 1fr;
    padding-left: 2px;
    line-height: 1.75;
}
.term-log-hash {
    color: var(--hash);
}
.term-log-date {
    color: var(--ts);
}
.term-log-title {
    color: var(--pt);
}

/* man page */
.term-man-section {
    color: var(--acc);
    letter-spacing: 0.04em;
    margin-top: 10px;
}
.term-man-synopsis {
    color: var(--mid);
    padding-left: 4px;
}
.term-man-body {
    color: var(--dim);
    padding-left: 4px;
}

/* spacer / separator */
.term-spacer {
    display: block;
    height: 6px;
}
.term-sep {
    color: var(--dimmer);
    margin: 6px 0;
}