/*
 * B Global tema uyum katmanı. Renderer'ın global Tailwind `preflight`ı
 * (`@layer base`) `*{margin:0;padding:0;border:0 solid}`, `img{display:block}`,
 * düğme/form sıfırlamaları vb. uygular; statik Crafto/Bootstrap tasarımı ise
 * tarayıcı varsayılanlarına dayanır (ör. `.border-4` yalnız `border-top`un
 * stiliyle görünür olur). Katmansız (unlayered) ve özgüllüğü SIFIR (`:where`)
 * `revert` bildirimleri, statik CSS'in belirlemediği her yerde tarayıcı
 * varsayılanını geri getirir; statik CSS'in kendi kuralları (her zaman daha
 * yüksek özgüllük) bu katmanı ezer. Yalnız tema kapsayıcısı içinde geçerlidir.
 */
:where(.yf-dark-theme, .wmf-dark-theme) :where(*, ::before, ::after) {
    margin: revert;
    padding: revert;
    border: revert;
}
:where(.yf-dark-theme, .wmf-dark-theme) :where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: revert;
    vertical-align: revert;
}
:where(.yf-dark-theme, .wmf-dark-theme) :where(img, video) {
    max-width: revert;
    height: revert;
}
:where(.yf-dark-theme, .wmf-dark-theme) :where(button, input, select, optgroup, textarea) {
    color: revert;
    background-color: revert;
    border-radius: revert;
    letter-spacing: revert;
}
:where(.yf-dark-theme, .wmf-dark-theme) :where(ol, ul, menu) {
    list-style: revert;
}
:where(.yf-dark-theme, .wmf-dark-theme) :where(table) {
    border-collapse: revert;
}
:where(.yf-dark-theme, .wmf-dark-theme) :where(summary) {
    display: revert;
}
/*
 * Tailwind kaynak taraması `collapse`/`visible` gibi sözcüklerden `visibility`
 * yardımcı sınıfları üretir; Bootstrap'in aynı adlı sınıfları `visibility`
 * belirlemediği için sızarlar (menü gizlenir). Tarayıcı varsayılanına döndür.
 */
:where(.yf-dark-theme, .wmf-dark-theme) :where(.collapse, .visible, .invisible) {
    visibility: revert;
}