/* Datorskärm/surfplatta: den bifogade startsidesbilden visas exakt som den är. */
@media (min-width:681px){
  #page-main .tk2-homeboard{background:#03152b;}
  #page-main .tk2-visual{max-width:none;}
  #page-main .tk2-picture,#page-main .tk2-image{display:block;width:100%;height:auto;}
  #page-main .tk2-feature-grid,#page-main .tk2-trust{display:none!important;}

  /* Klickbar yta exakt ovanpå knappen ALLT BÖRJAR HÄR i bilden. */
  #page-main .tk2-quiz{
    left:1.35%!important;
    top:49.10%!important;
    bottom:auto!important;
    width:28.45%!important;
    height:14.75%!important;
    min-height:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden;
    border:0!important;
    border-radius:22px!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
    line-height:0;
    isolation:isolate;
  }
  #page-main .tk2-quiz .tk2-quiz-icon,
  #page-main .tk2-quiz .tk2-quiz-text,
  #page-main .tk2-quiz .tk2-arrow{display:none!important;}

  #page-main .tk2-quiz::before{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:inherit;
    opacity:0;
    pointer-events:none;
    background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.08) 35%,rgba(255,255,255,.58) 49%,rgba(255,255,255,.10) 62%,transparent 80%);
    transform:translateX(-125%);
  }
  #page-main .tk2-quiz::after{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:inherit;
    opacity:0;
    pointer-events:none;
    box-shadow:inset 0 0 0 2px rgba(113,190,255,.95),inset 0 0 22px rgba(78,157,255,.28),0 0 14px rgba(34,132,255,.55);
    transition:opacity .22s ease;
  }
  #page-main .tk2-quiz:hover,
  #page-main .tk2-quiz:focus-visible{transform:none!important;}
  #page-main .tk2-quiz:hover::after,
  #page-main .tk2-quiz:focus-visible::after{opacity:1;}
  #page-main .tk2-quiz:hover::before,
  #page-main .tk2-quiz:focus-visible::before{opacity:1;animation:tk2ExactShine .78s ease forwards;}
  #page-main .tk2-quiz:active{transform:none!important;}
}
@keyframes tk2ExactShine{from{transform:translateX(-125%)}to{transform:translateX(125%)}}
@media (prefers-reduced-motion:reduce){
  #page-main .tk2-quiz::before{animation:none!important;}
}