.app-shell {
    display: flex;
    flex-direction: column;
}

.app-shell__content {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-shell__page {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.hero-stage {
    padding: 0;
}

.hero-stage__frame {
    display: block;
}

.terminal-line {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 var(--page-gutter);
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.terminal-line__fill {
    flex: 1 1 auto;
    min-width: 1rem;
    border-top: var(--frame-border);
    transform: translateY(1px);
}

.terminal-line--compact {
    padding: 0;
    font-size: 0.74rem;
    letter-spacing: 0.06em;
}

.terminal-line--bottom {
    margin-top: auto;
}

.hero-stage__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    padding: 0 var(--page-gutter);
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

@media (max-width: 720px) {
    .hero-stage__meta,
    .terminal-line {
        font-size: 0.72rem;
    }
}
