Issue with input fields inside <details> block

[Elias-Black]

Thank you for your amazing work, the theme looks great!

I tried using it for a slightly unconventional blog and encountered an issue:

1. The input fields inside the <details> block are not visually highlighted and blend with the background

2. When clicking on an input field, not only the field's border is highlighted, but also the border of the <details> block

[Elias-Black]

I've fixed it just for me by adding this:

details {
    padding: 0;
    background: none;
}

summary {
    padding: .5rem 1rem;
    background: var(--b-bg-2);
}

summary:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--b-focus);
    border-radius: .25rem;
}

details[open] summary:focus {
    border-radius: .25rem .25rem 0 0;
}

details:focus-within {
    outline: none;
    box-shadow: none;
}