.worked-brief-solution {
    margin: 0.9rem 0 0.75rem;
    padding: 0.9rem 1rem 0.75rem;
    border-left: 4px solid #a86b18;
    background:
        linear-gradient(105deg, rgba(253, 246, 226, 0.98), rgba(249, 240, 216, 0.72)),
        repeating-linear-gradient(0deg, transparent 0 23px, rgba(128, 82, 22, 0.05) 23px 24px);
    box-shadow: 0 2px 8px rgba(62, 42, 15, 0.08);
}

.worked-brief-title {
    margin: 0 0 0.35rem;
    color: #70440d;
    font-size: 0.78rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.worked-brief-step {
    padding: 0.45rem 0 0.25rem;
    border-top: 1px solid rgba(128, 82, 22, 0.14);
}

.worked-brief-step:first-of-type {
    border-top: 0;
}

.worked-brief-step-label {
    margin: 0 0 0.3rem;
    color: #70440d;
}

.worked-brief-step > :last-child,
.worked-brief-solution > :last-child {
    margin-bottom: 0;
}

.worked-solution-detail {
    margin: 0 0 1.6rem;
    border: 1px solid #d8c8a6;
    border-radius: 3px;
    background: #fffdf8;
}

.worked-solution-detail > summary {
    padding: 0.72rem 0.95rem;
    color: #6b1d21;
    background: linear-gradient(90deg, #f8f1e3, #fffdf8);
    cursor: pointer;
    font-weight: 700;
    list-style-position: inside;
    user-select: none;
}

.worked-solution-detail > summary:hover,
.worked-solution-detail > summary:focus-visible {
    color: #8b2026;
    background: #f5ead4;
}

.worked-solution-detail > summary:focus-visible {
    outline: 3px solid rgba(52, 89, 149, 0.45);
    outline-offset: 2px;
}

.worked-solution-detail .worked-hide-label,
.worked-solution-detail[open] .worked-show-label {
    display: none;
}

.worked-solution-detail[open] .worked-hide-label {
    display: inline;
}

.worked-solution-detail-body {
    padding: 1rem 1.1rem 0.25rem;
    border-top: 1px solid #e5d8bd;
}

@media print {
    .worked-solution-detail > summary {
        display: none;
    }

    .worked-solution-detail > .worked-solution-detail-body {
        display: block;
    }
}