.hero-body {
    padding: 17px;
}

.exam .exam-title {
    margin: 0.2em;
}

textarea {
    background-color: #f6fbfe;
    border-top: 1px solid lightblue;
    border-left: 0; /* 1px dashed lightblue; */
    border-bottom: 0;
    border-right: 0;
    /*font-family: monospace;*/
}

input {
    background-color: #f6fbfe;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px dashed royalblue;
    /*height: 25px;*/
    /*font-family: monospace;*/
}

/* Radio toolbar - hide actual radio inputs, style labels as buttons */
.radio-toolbar input[type="radio"] {
    display: none;
}

.radio-toolbar label {
    display: inline-block;
}

/* Checked state - make button solid primary color */
.radio-toolbar input[type="radio"]:checked + label {
    background-color: oklch(var(--p));
    color: oklch(var(--pc));
    border-color: oklch(var(--p));
}

.radio-toolbar label:hover {
    background-color: oklch(var(--p) / 0.1);
    border-color: oklch(var(--p));
}

.radio-button {
    min-width: 120px;
}