.playbook-code {
    left: 4%; top: 18%;
    width: 50%; height: 76%;
    overflow: hidden;
}
.playbook-code .pb-header {
    color: #546e7a;
    white-space: pre;
    font-size: 0.78rem;
    padding: 6px 8px;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.playbook-code .pb-task {
    white-space: pre;
    padding: 8px 10px;
    margin: 2px -8px;
    border-left: 3px solid transparent;
    transition: all 0.4s;
    opacity: 0.35;
    font-size: 0.77rem;
    line-height: 1.5;
    color: #cbd5e1;
}
.playbook-code .pb-task.a-active {
    opacity: 1;
    background: rgba(56, 189, 248, 0.08);
    border-left-color: var(--cyan);
}
.playbook-code .pb-task.a-past { opacity: 0.6; border-left-color: var(--green); }

.narration-side {
    left: 56%; top: 18%;
    width: 40%; height: 38%;
}

.exec-term {
    left: 56%; top: 60%;
    width: 40%; height: 34%;
}
.exec-term .tbody {
    padding: 10px 14px;
    line-height: 1.55;
    font-size: 0.84rem;
    color: var(--green);
    white-space: pre-wrap;
}