@keyframes blink
{
	0%   {  opacity: 1;  }
	100% {  opacity: 0;  }
}

div.console_out>.cursor{
    background: var(--brand, #f2762a);
    display:inline-block;
    width:11px;
    height:19px;
    margin-bottom:-3px;
    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

/* Light mode — softer navy so the terminal doesn't clash with the light canvas */
div.console_out p{
    color: #b8cce0;
    overflow-wrap: anywhere;
}

div.console_out {
    font-family: var(--font-mono, monospace);
    font-size:13px;
    width: 100%;
    min-height:130px;
    background:#1b2538;
    border: 1px solid #2d3f5a;
    padding:14px;
    line-height:1.5em;
    border-radius: var(--radius-md, 8px);
    margin-bottom: 15px;
}

/* Dark mode — deep dark, blends with the dark canvas */
.dark div.console_out {
    background: #0b0f16;
    border-color: var(--border, #26334a);
}

.dark div.console_out p {
    color: #d7dde8;
}