.column.is-two-thirds {
    flex: 4;
}

.column {
    flex: 1;
}

.inner-list {
    margin-bottom: 1em;
}

#span-example {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.message.is-dark .message-body {
    font-size: 16px;
    color: #363636;
}

.message.is-dark .message-header {
    font-size: 18px;
}

.message.is-dark {
    margin-bottom: 0;
}

code {
    padding-left: 0;
    color: black;
    background-color: transparent;
}

.severity {
    border-radius: 10px;
    border: 2px solid #111;
    background: #f3f4f6;
    padding-left: 16px;
    height: 100%;
    box-shadow: 0 4px 0 #111;
    transition: box-shadow 0.2s ease, transform 0.15s ease;
}

.severity:hover {
    box-shadow: 0 6px 0 #111;
    transform: translateY(-2px);
}

.severity-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.severity-icon {
    font-size: 1.3rem;
}

.severity-icon.blocker { color: #c21d3a; }
.severity-icon.critical { color: #ea8d00; }
.severity-icon.major { color: #e3c400; }
.severity-icon.minor { color: #2f7c4b; }

.severity-note.blocker { border-left: 3px solid #c21d3a; }
.severity-note.critical { border-left: 3px solid #ea8d00; }
.severity-note.major { border-left: 3px solid #e3c400; }
.severity-note.minor { border-left: 3px solid #2f7c4b; }

.severity-note {
    margin-top: 12px;
    background: #ffffff;
    padding: 10px 12px;
    border-radius: 6px;
}

#jira-bug-report-example {
    border: 1px solid #363636;
    border-radius: 5px;
}

#jira-bug-report-example .message-header:hover {
    cursor: pointer;
}

.bug-report-card, .report-title{
    height: 100%;
}

.has-color-what {
    color: darkred;
}

.has-color-where {
    color: darkblue;
}

.has-color-how {
    color: darkgreen;
}