#slideset-12 > .slide:nth-child(6),
#slideset-12 > .slide:nth-child(7)
{
   padding-right: 5em;
   width: calc(100% - 10em);
}

#slideset-12 > .slide:nth-child(2) > div,
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(1)
{
   position: static;
}

#slideset-12 picture
{
   width: 100%;
   height: 100%;
}

/* SVG wrapping OBJECTs */
#slideset-12 > .slide:nth-child(2) > div:nth-of-type(1)
{
   margin-top: 3%;
   margin-left: 14%;
   float: left;
   width: 29%;
}

#slideset-12 > .slide:nth-child(2) > div:nth-of-type(2)
{
   margin-top: 3%;
   margin-right: 9%; 
   float: right;
   width: 33%;
}

#slideset-12 > .slide:nth-child(3) > div
{
   margin-top: 4.7em;
   width: 75%;
   margin-left: 2.7em;
}

#slideset-12 > .slide:nth-child(3) > p:nth-of-type(3)
{
   margin-top: 19em;
   text-align: center;
}

/* hide all symbol groups [and thereby all symbols] */
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend > svg > g
{
   display: none;
}

/* display 'expressie' symbol group */
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend > svg > .expressie
{
   display: block;
   stroke: #000;
}

/* adjust 'kop' width */
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend > svg > .expressie > g > line:nth-of-type(1)
{
   stroke-width: 3;
}

/* all 5 symbols */
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(2)
{
   transform: translate(1%, -78.5%);
   --width: 250%;
}

#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(2) > .legend > div:nth-of-type(6)
{
   display: block;
   font-size: 1.5em;
}

/* hide group identifier label */
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(2) > .legend > div:nth-of-type(6) > div:nth-of-type(1)
{
   display: none;
}

/* WtF?!? why do we need these corrections? */
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(2) > .legend > div:nth-of-type(6) > div:nth-of-type(n+2) { top: 97.5%; }

#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(2) > .legend > div:nth-of-type(6) > div:nth-of-type(2) { left:  4.5%; }
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(2) > .legend > div:nth-of-type(6) > div:nth-of-type(3) { left: 11.5%; }
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(2) > .legend > div:nth-of-type(6) > div:nth-of-type(4) { left: 18.25%; }
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(2) > .legend > div:nth-of-type(6) > div:nth-of-type(5) { left: 26%; }
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(2) > .legend > div:nth-of-type(6) > div:nth-of-type(6) { left: 32.5%; }

/* 1 puffed cheek */
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(3)
{
   transform: translate(-20%, -74%);
   --width: 460%;
}

/* hide all elements in 'expressie' group except kop and right cheek */
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(3) > svg > .expressie > g:nth-child(-n+4),
#slideset-12 > .slide:nth-child(4) > .symbol-chart-wrapper\+legend:nth-of-type(3) > svg > .expressie > g > path:nth-of-type(1)
{
   display: none;
}

/* single right cheek legend */
#slideset-12 > .slide:nth-child(4) > #extra-legend
{
   font-size: .7em;
   left: 69%;
   top: 76%;
}

#slideset-12 > .slide:nth-child(4) > p:nth-of-type(2) {
/* margin req'd to push the P down since the symbol chart SVGs
 * are positioned absolutely and inserted by script AFTER the P
 */
   margin-top: 32%;
   width: 45%;
}


#slideset-12 > .slide:nth-child(5) > div:nth-of-type(1) {
   float: left;
   margin-right: 2em;
   position: static;
   width: 48%;
}



#slideset-12 > .slide:nth-child(5) > div:nth-of-type(2) {
   width: 25%;
   margin-top: .6em;
   margin-left: 50%;
}

#slideset-12.stage-4 > .slide:nth-child(6) > div:nth-of-type(11) {
   display: block;
}

/* 'Tekst...' */
#slideset-12 > .slide:nth-child(6) > p:nth-of-type(2) {
   margin-top: 2em;
}

/* 4 pix in a row */
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(1) {
   display: flex;
   gap: 2em;
   justify-content: space-around;
   margin-top: 2.1em;
/* use visibility rather than display since the element is req'd for layout */
   visibility: hidden;
}

#slideset-12 > .slide:nth-child(6) > div:nth-of-type(1) > picture {
   aspect-ratio: 452/ 398;
   width: 22%;
}

/* SVG wrapping DIVs*/
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(n+2):nth-of-type(-n+5) {
   display: none;
}


/* SVG wrapping DIVs */
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(2) { left: 14.1%; width: 6.5%; top:   25%; }
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(3) { left: 37.2%; width:   5%; top:   26%; }
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(4) { left: 58.1%; width: 6.5%; top: 27.5%; }
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(5) { left: 79.4%; width:   7%; top: 26.2%; }

/* multi language text */
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(n+6):nth-of-type(-n+9) {
   top: 75%;
}

#slideset-12 > .slide:nth-child(6) > div:nth-of-type(6) { left: 13%; }
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(7) { left: 32%; }
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(8) { left: 55%; }
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(9) { left: 78%; }

#slideset-12 > .slide:nth-child(6) > div:nth-of-type(n+10):nth-of-type(-n+13) {
   font-size: .7em;

}

#slideset-12 > .slide:nth-child(6) > div:nth-of-type(10) { left: 15%; top: 82%; }
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(11) { left: 36%; top: 82%; }
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(12) { left: 59%; top: 82%; }
#slideset-12 > .slide:nth-child(6) > div:nth-of-type(13) { left: 81%; top: 82%; }

/* 4 pix */
#slideset-12.stage-1 > .slide:nth-child(6) > div:nth-of-type(1),
#slideset-12.stage-2 > .slide:nth-child(6) > div:nth-of-type(1) {
   visibility: visible;
}

/* SVG wrapping OBJECTs */
#slideset-12.stage-2 > .slide:nth-child(6) > div:nth-of-type(n+2):nth-of-type(-n+5),
#slideset-12.stage-3 > .slide:nth-child(6) > div:nth-of-type(n+2):nth-of-type(-n+5) {
   display: block;
}

/* multi language text */
#slideset-12.stage-3 > .slide:nth-child(6) > div:nth-of-type(n+6):nth-of-type(-n+9) {
   display: block;
}