/* V10: gemensam, lugnare kortlayout för roller + Utforska. */
#page-main .tk-roles{padding:18px 0 14px}
#page-main .tk-roles__head{margin-bottom:22px}
#page-main .tk-roles__grid{max-width:1280px;gap:16px}
#page-main .tk-role{min-height:360px;border-radius:20px}
#page-main .tk-role__content{padding:18px 17px 16px}
#page-main .tk-role__num{width:34px;height:34px;margin-bottom:9px}
#page-main .tk-role h3{font-size:clamp(1.02rem,1.25vw,1.28rem)}
#page-main .tk-role__tag{font-size:.8rem}
#page-main .tk-role p{font-size:.82rem;line-height:1.45}
#page-main .tk-role__cta{font-size:.8rem;margin-top:10px;padding-top:10px}
#page-main .tk-role__cta i{width:30px;height:30px}

/* Utforska: alla fem syns på en desktop-rad. */
#page-main .tk-ref-equipment{max-width:1280px!important;margin:20px auto 0!important}
#page-main .tk-ref-equipment-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
#page-main .tk-ref-equipment-grid>.tk-ref-card:nth-child(n){grid-column:auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1.08!important;border-radius:18px!important}
#page-main .tk-real-card-text{left:15px!important;right:13px!important;bottom:14px!important}
#page-main .tk-real-card-text strong{font-size:20px!important;line-height:1.08!important;margin-bottom:5px!important}
#page-main .tk-real-card-text span{font-size:12.5px!important;line-height:1.32!important;padding-right:24px}

@media (min-width:701px) and (max-width:1100px){
 #page-main .tk-roles__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:820px}
 #page-main .tk-role{min-height:350px}
 #page-main .tk-ref-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #page-main .tk-ref-equipment-grid>.tk-ref-card:nth-child(n){aspect-ratio:1.18/1!important}
}

@media (max-width:700px){
 /* Båda raderna fungerar som tydliga touch-karuseller med nästa kort synligt. */
 #page-main .tk-roles{padding:8px 0 10px!important;overflow:hidden}
 #page-main .tk-roles__head{margin-bottom:18px!important;padding-right:6px}
 #page-main .tk-roles__head h2{font-size:1.85rem!important;line-height:1.08!important}
 #page-main .tk-roles__head p{font-size:.93rem!important;line-height:1.55!important}
 #page-main .tk-roles__grid,
 #page-main .tk-ref-equipment-grid{
   display:flex!important;grid-template-columns:none!important;gap:12px!important;
   overflow-x:auto!important;overflow-y:hidden!important;
   padding:3px 15vw 18px 2px!important;
   scroll-snap-type:x mandatory!important;scroll-padding-inline:2px!important;
   -webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;
   scrollbar-width:none!important;
 }
 #page-main .tk-roles__grid::-webkit-scrollbar,#page-main .tk-ref-equipment-grid::-webkit-scrollbar{display:none}
 #page-main .tk-role{flex:0 0 78vw!important;max-width:330px!important;min-height:430px!important;scroll-snap-align:start!important;border-radius:19px!important}
 #page-main .tk-role__content{padding:20px 18px 17px!important}
 #page-main .tk-role h3{font-size:1.35rem!important}
 #page-main .tk-role__tag{font-size:.88rem!important}
 #page-main .tk-role p{font-size:.88rem!important;line-height:1.48!important}
 #page-main .tk-role__cta{font-size:.82rem!important}
 #page-main .tk-roles__chain{display:none!important}

 #page-main .tk-ref-equipment{max-width:none!important;margin-top:12px!important;overflow:hidden!important}
 #page-main .tk-ref-equipment h2{text-align:left!important;font-size:1.72rem!important;line-height:1.1!important;margin-bottom:10px!important}
 #page-main .tk-ref-title-line{margin-left:0!important;margin-bottom:16px!important}
 #page-main .tk-ref-equipment-grid>.tk-ref-card:nth-child(n){
   flex:0 0 76vw!important;max-width:320px!important;width:auto!important;height:330px!important;
   min-height:330px!important;aspect-ratio:auto!important;scroll-snap-align:start!important;border-radius:18px!important;
 }
 #page-main .tk-real-card-text{left:17px!important;right:14px!important;bottom:16px!important;padding:0!important}
 #page-main .tk-real-card-text strong{font-size:1.35rem!important;margin-bottom:6px!important}
 #page-main .tk-real-card-text span{font-size:.85rem!important;line-height:1.38!important;padding-right:22px!important}
}