.rounded-soft {
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    transition: transform 0.2s ease;
}

.rounded-soft:hover {
    transform: scale(1.02);
}

:root {
    --md-admonition-icon--settings: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8m8.94 3a7.3 7.3 0 0 0-.23-.89l1.77-1.37-1.68-2.9-2.09.84a7 7 0 0 0-.77-.45L17.63 4h-3.36l-.31 2.23q-.4.2-.77.45l-2.09-.84-1.68 2.9 1.77 1.37q-.15.43-.23.89L9 12l1.96 1q.09.46.23.89l-1.77 1.37 1.68 2.9 2.09-.84q.38.26.77.45l.31 2.23h3.36l.31-2.23q.4-.2.77-.45l2.09.84 1.68-2.9-1.77-1.37q.15-.43.23-.89L23 12z"/></svg>');
}

.md-typeset .admonition.settings,
.md-typeset details.settings {
    border-color: rgb(68, 138, 255);
}

.md-typeset .settings > .admonition-title,
.md-typeset .settings > summary {
    background-color: rgba(68, 138, 255, 0.1);
}

.md-typeset .settings > .admonition-title::before,
.md-typeset .settings > summary::before {
    background-color: rgb(68, 138, 255);
    mask-image: var(--md-admonition-icon--settings);
    -webkit-mask-image: var(--md-admonition-icon--settings);
}