details.box {
    padding: 0;
}

details {
    font-weight: initial;
    color: var(--bulma-text);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.pd-mr-0 {
    margin-bottom: 0;
    padding-bottom: 0;
}

summary {
    cursor: pointer;
    padding: 1rem;
}

/* The one-line "what this tool is for", sitting next to the tool name in the summary,
   so the collapsed page still reads as an index rather than a list of bare names. */
.si-what {
    color: var(--bulma-text-weak);
    font-weight: initial;
}

/* Live "Premium / Free now" marker — the switches move, so the page renders whatever
   is in force. */
summary .tag,
.content li > .tag {
    margin-left: 0.4rem;
    vertical-align: middle;
}

.si-intro {
    margin-bottom: 1.5rem;
}

details[open] summary.border {
    border-bottom: 1px solid #aaa;
}

.spoiler-content {
    padding: 1rem;
}

.target {
    background: var(--bulma-background-hover);
}
.highlight {
    font-weight: 550;
    color: var(--bulma-text-strong);
}

.image-spoiler {
    background: var(--bulma-hover-background-leaderboard-unit);
    padding: 0.5rem;
}