/* ============================================================================
   STYLING OPTION 2: Minimal Colorful with Python Icon (REALLY NO PEN)
   ============================================================================ */

details.code-minimal {
    margin: 1.5em 0;
    border-left: 4px solid var(--md-accent-fg-color);
    padding: 0;
    background: rgba(var(--md-accent-fg-color-rgb), 0.05);
    border-radius: 4px;
    overflow: hidden;
}

details.code-minimal summary {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
    color: var(--md-accent-fg-color);
    transition: background-color 0.2s ease;
    list-style: none;  /* REMOVE LIST MARKER */
}

/* REMOVE ALL DISCLOSURE MARKERS */
details.code-minimal summary::-webkit-details-marker {
    display: none !important;
}

details.code-minimal summary::marker {
    display: none !important;
}

/* HIDE MATERIAL DESIGN PEN ICON (the ☐) */
details.code-minimal summary strong {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Hide the clipboard/pen emoji that comes from strong tag */
details.code-minimal summary strong::before {
    display: none !important;
}

details.code-minimal summary:hover {
    background: rgba(var(--md-accent-fg-color-rgb), 0.1);
}

details.code-minimal > pre {
    margin: 0;
    border-radius: 0;
    border-top: 1px solid rgba(var(--md-accent-fg-color-rgb), 0.2);
}

details.code-minimal > pre code {
    padding: 20px;
}