.script-flow {
    left: 4%; top: 20%;
    width: 92%; height: 18%;
}

.detail-panel {
    position: absolute;
    left: 4%; top: 44%;
    width: 52%; height: 48%;
    padding: 18px 22px;
    background: linear-gradient(145deg, #0f1420, #1a2030);
    border: 1px solid var(--border);
    border-radius: 10px;
}

.detail-term {
    left: 58%; top: 44%;
    width: 38%; height: 48%;
}
.detail-term .tbody {
    padding: 10px 14px;
    line-height: 1.55;
    font-size: 0.82rem;
    color: #cbd5e1;
    white-space: pre-wrap;
}

.limits-table {
    position: absolute;
    left: 4%; top: 44%;
    width: 92%; height: 48%;
    padding: 22px 32px;
    background: linear-gradient(145deg, #1a0e0e, #2d1818);
    border: 1.5px solid rgba(251, 191, 36, 0.4);
    border-radius: 12px;
    opacity: 0;
    transition: opacity 0.5s;
}
.limits-table.show { opacity: 1; }
.limits-table h4 {
    color: var(--yellow);
    font-size: 1.1rem;
    margin-bottom: 12px;
}
.limits-table .lt-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 8px 12px;
    margin: 4px 0;
    border-radius: 6px;
    background: rgba(0,0,0,0.25);
    border-left: 2px solid var(--yellow);
    align-items: center;
}
.limits-table .lt-row .lt-case {
    color: var(--yellow);
    font-family: 'Courier New', monospace;
    font-weight: 600;
    font-size: 0.9rem;
}
.limits-table .lt-row .lt-why {
    color: var(--text);
    font-size: 0.82rem;
    line-height: 1.4;
}