/*
 * SPDX-FileCopyrightText: 2026 European Centre for Medium-Range Weather Forecasts (ECMWF)
 * SPDX-License-Identifier: Apache-2.0
 */

/* Native symptom panels, scoped to troubleshooting pages (including print). */
.troubleshooting details {
    margin-block: 0.75em;
    padding: 0.85em clamp(0.75em, 3vw, 1.25em);
    color: var(--fg);
    background: var(--table-alternate-bg);
    border: 1px solid var(--table-border-color);
    border-left: 3px solid var(--links);
    border-radius: 4px;
    overflow-wrap: anywhere;
}

.troubleshooting summary {
    cursor: pointer;
    font-weight: 600;
    line-height: 1.6;
    scroll-margin-top: 60px;
}

.troubleshooting summary:focus-visible {
    outline: 2px solid var(--links);
    outline-offset: 4px;
}

.troubleshooting details[open] > summary {
    padding-bottom: 0.75em;
    border-bottom: 1px solid var(--table-border-color);
}

.troubleshooting h2 {
    margin-top: 1.25em;
    font-size: 1.15em;
}

.troubleshooting details > :last-child {
    margin-bottom: 0;
}

.troubleshooting :not(pre) > code {
    white-space: normal;
    overflow-wrap: anywhere;
}

.troubleshooting a:not(.header) {
    color: var(--fg);
    text-decoration: underline;
}

@media print {
    .troubleshooting details::details-content {
        content-visibility: visible;
        display: block;
    }

    .troubleshooting details > :not(summary) {
        display: block;
    }
}