/* ============ st70 — Roy onderaan het eerste scherm op de computer: een haarlijn over de hele kolom, Roy eronder
   als de ondertekening van het affiche, een rond goud pijltje aan het eind. Gezet door ../st70-roy-vast.py uit
   st69-roy/varianten.css (stand 1), elke .v1 :root. Alleen vanaf 861px, waar Roy op de foto staat
   (affiche-breed.css); tot 860px raakt niets hier de pagina. ============ */

@media (min-width:861px){

/* ═════════ de voet (st69-roy, stand 1): een haarlijn over de hele kolom, Roy eronder als de ondertekening van het affiche, over de
   volle breedte van de kolom; aan het eind een rond goud pijltje in plaats van het pijltje in de zin ═════════ */

:root .fold .fold__actions{margin-bottom:clamp(28px,5vh,48px)}
:root .fold .kennis{
  align-self:stretch;width:auto;max-width:none;align-items:center;gap:18px;
  margin-top:auto;padding:clamp(18px,2.6vh,24px) 0 0;border-top:1px solid rgba(251,251,248,.24);
}
:root .fold .kennis__duim{width:68px;height:68px;box-shadow:0 0 0 2px var(--groen-900),0 0 0 4px var(--bak-600)}
:root .fold .kennis__tekst{flex:1 1 auto;gap:.3rem}
:root .fold .kennis__naam{font-size:2.4rem;line-height:.85}
:root .fold .kennis__zin{font-size:16px;color:var(--kalk-000)}
:root .fold .kennis__pijl{display:none}
:root .fold .kennis::after{
  content:"";flex:none;width:48px;height:48px;border-radius:50%;box-sizing:border-box;
  border:1.5px solid var(--bak-600);
  background:no-repeat center/17px 11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath d='M0 4.5h13M9.5 1l3.5 3.5L9.5 8' fill='none' stroke='%23E2AD2A' stroke-width='1.4'/%3E%3C/svg%3E");
  transition:background-color .18s,transform .18s;
}
:root .fold .kennis:hover::after{background-color:rgba(226,173,42,.16);transform:translateX(3px)}
:root .fold .kennis:hover .kennis__zin{text-decoration:none}

}