.very-bad {
    color: #ff6347; /* tomato */
    font-weight: bold;
}

.bad {
    color: #ff4500; /* orange red */
    font-weight: bold;
}

.normal {
    color: #ffd700; /* gold */
    font-weight: bold;
}

.good {
    color: #9acd32; /* yellow green */
    font-weight: bold;
}

.very-good {
    color: #008000; /* green */
    font-weight: bold;
}

.out-of-range {
    color: #808080; /* gray */
    font-weight: bold;
}

details {
    background-color: var(--theme-background-alt); /* Same as .note background */
    border-left: solid 1px var(--theme-foreground-fainter); /* Same as .note border */
    padding: 1rem 2rem; /* Same padding as .note */
    margin: 1rem 0; /* Same margin as .note */
    box-sizing: border-box; /* Ensures padding is included in width/height */
    max-width: 640px; /* Same max-width as .note */
}

details summary {
    font-weight: 700; /* Bold font for the summary */
    color: var(--theme-foreground-muted); /* Muted color for text */
    cursor: pointer; /* Cursor indicates this is clickable */
}

.warning::before {
    content: "Внимание";
}

/* details summary::before {
    content: "Расчет"; 
    display: block;
    margin-bottom: 1rem; 
    color: var(--theme-foreground-muted); 
} */

details[open] summary {
    color: var(--theme-foreground); /* Changes color when details is open */
}

details.small-details {
    padding-left: 0;
    font-size: 0.8rem;
    border-left: none;
}

details p {
    margin-top: 0; /* Removes top margin from the first paragraph */
    margin-bottom: 0; /* Removes bottom margin from the last paragraph */
    color: var(--theme-foreground); /* Text color inside the details */
}

#observablehq-footer nav a[rel=prev]:before {
    content: "Предыдущая страница"
}

#observablehq-footer nav a[rel=next]:before {
    content: "Следующая страница"
}

span::before {
    content: none !important;
}