/* Local lab illustration layer; existing photographs remain unchanged. */
#toolkit-kindergarten-v2 :is([data-theme='active-society'],[data-theme-filter='active-society']){--tk2-direction-art:url('./assets/directions/society.png')}
#toolkit-kindergarten-v2 :is([data-theme='active-environment'],[data-theme-filter='active-environment']){--tk2-direction-art:url('./assets/directions/environment.png')}
#toolkit-kindergarten-v2 :is([data-theme='active-people'],[data-theme-filter='active-people']){--tk2-direction-art:url('./assets/directions/people.png')}
#toolkit-kindergarten-v2 :is([data-theme='active-systems'],[data-theme-filter='active-systems']){--tk2-direction-art:url('./assets/directions/systems.png')}
#toolkit-kindergarten-v2 .tk2-direction{background-image:linear-gradient(#ffffffeb,#ffffffeb),var(--tk2-direction-art);background-position:center;background-size:cover}
#toolkit-kindergarten-v2 .tk2-direction[data-theme-filter]:is(:hover,:focus-visible,[aria-pressed='true']){background-image:linear-gradient(#ffffffd9,#ffffffd9),var(--tk2-direction-art);background-position:center;background-size:cover}
/* A card without a photo, or with one still loading, shows its WHO direction illustration in full. */
#toolkit-kindergarten-v2 .tk2-card .tk2-card-media{background:#f1f5f9 var(--tk2-direction-art) center/cover no-repeat}
#toolkit-kindergarten-v2 .tk2-card .tk2-card-media:not(.has-image)::after{display:none}
/* A dialog head without a photo shows the same illustration as its card. The URL resolves against this file. */
#toolkit-kindergarten-v2 .tk2-dialog-hero[data-theme]:not(.has-image)::after{background:var(--tk2-direction-art) center 55%/cover no-repeat;opacity:.16}