input[readonly] {
    color: black;
}

.content figure {
    margin-left: 0;
    text-indent: 0;
}

.sql-select {
    color: forestgreen;
    font-weight: bold;
}

.sql-where {
    color: #ff0061;
    font-weight: bold;
}

.sql-from {
    color: #2f62fd;
    font-weight: bold;
}

.sql-order-by {
    color: #5e01aa;
    font-weight: bold;
}

.select.like-select {
    width: 553px;
    margin-top: 0.3rem;
}

.sql-op-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.sql-op-item{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:12px 14px;
    border:2px solid #363636;
    border-radius:14px;
    background: var(--card-bg);
}

.sql-op-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    padding:6px 10px;
    border:2px solid #363636;
    border-radius:12px;
    font-weight:800;
    background: var(--card-bg-hover);
    line-height:1;
    white-space:nowrap;
}

.sql-op-badge-between{
    min-width:120px;
}