/* Rollsektionen ligger medvetet mellan startsidans intro och Utforska trycksatta anordningar. */
#page-main .tk-ref-hero{grid-template-columns:1fr;gap:42px;max-width:1428px}
#page-main .tk-ref-intro{max-width:920px;margin:0 auto;text-align:center}
#page-main .tk-ref-trust{justify-content:center}
#page-main .tk-ref-start{margin-left:auto;margin-right:auto}
#page-main .tk-ref-start-note{text-align:center}
.tk-roles{width:100%;padding:10px 0 4px;color:#102238}
.tk-roles__head{text-align:center;max-width:900px;margin:0 auto 30px}
.tk-roles__eyebrow{display:inline-flex;align-items:center;gap:8px;color:#0d63c8;font-size:.78rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}
.tk-roles__head h2{margin:0;color:#071b31;font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.05;letter-spacing:-.035em}.tk-roles__head h2 span{color:#0d63e8}
.tk-roles__head p{max-width:850px;margin:15px auto 0;color:#536579;font-size:1.02rem;line-height:1.65}
.tk-roles__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto}
.tk-role{position:relative;min-height:410px;border-radius:22px;overflow:hidden;background:#071b31;color:#fff;text-decoration:none!important;box-shadow:0 16px 42px rgba(15,38,66,.14);isolation:isolate;transition:transform .28s ease,box-shadow .28s ease}
.tk-role::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,15,28,.02) 20%,rgba(3,15,28,.18) 45%,rgba(3,15,28,.96) 100%);z-index:1}
.tk-role__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.tk-role__content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:21px 19px 18px}
.tk-role__num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0d63e8;color:#fff;font-size:.8rem;font-weight:900;margin-bottom:12px;box-shadow:0 7px 18px rgba(13,99,232,.35)}
.tk-role h3{margin:0 0 7px;color:#fff;font-size:clamp(1.12rem,1.4vw,1.42rem);line-height:1.12;letter-spacing:-.02em}.tk-role__tag{display:block;color:#fff;font-weight:800;font-size:.84rem;margin-bottom:6px}.tk-role p{margin:0;color:#dbe6f0;font-size:.9rem;line-height:1.55}.tk-role__cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.22);font-weight:850;font-size:.88rem;color:#fff}.tk-role__cta i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b5ec7;transition:transform .25s ease}
.tk-role:hover,.tk-role:focus-visible{transform:translateY(-7px);box-shadow:0 28px 58px rgba(15,38,66,.23)}.tk-role:hover .tk-role__img,.tk-role:focus-visible .tk-role__img{transform:scale(1.055);filter:saturate(1.08)}.tk-role:hover .tk-role__cta i{transform:translateX(4px)}
.tk-roles__chain{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:12px;color:#607286;font-size:.88rem;font-weight:750;flex-wrap:wrap}.tk-roles__chain i{color:#0d63e8}.tk-roles__chain strong{color:#102238}
#page-main .tk-ref-equipment{width:100%;max-width:none;margin-top:0}
#page-main .tk-ref-equipment h2{text-align:center}
#page-main .tk-ref-title-line{margin-left:auto;margin-right:auto}
@media(max-width:1100px) and (min-width:701px){
 .tk-roles__head{max-width:760px;margin-bottom:22px}
 .tk-roles__head h2{font-size:clamp(1.8rem,3.2vw,2.45rem)}
 .tk-roles__head p{font-size:.94rem;line-height:1.55}
 .tk-roles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:820px}
 .tk-role{min-height:330px;border-radius:19px}
 .tk-role__content{padding:17px 16px 15px}
 .tk-role__num{width:34px;height:34px;margin-bottom:9px;font-size:.74rem}
 .tk-role h3{font-size:1.08rem}
 .tk-role__tag{font-size:.76rem;margin-bottom:5px}
 .tk-role p{font-size:.79rem;line-height:1.43}
 .tk-role__cta{margin-top:10px;padding-top:10px;font-size:.77rem}
 .tk-role__cta i{width:30px;height:30px}
 .tk-roles__chain{margin-top:18px;font-size:.8rem;gap:8px}
}
@media(max-width:700px){
 #page-main .tk-ref-hero{width:calc(100% - 28px);gap:38px}
 #page-main .tk-ref-intro{text-align:left;margin:0}.tk-ref-trust{justify-content:flex-start!important}.tk-ref-start{margin-left:0!important}.tk-ref-start-note{text-align:left!important}
 .tk-roles{overflow:hidden;padding:4px 0 2px}.tk-roles__head{text-align:left;margin-bottom:22px}.tk-roles__head h2{font-size:2rem}.tk-roles__head p{font-size:.96rem;line-height:1.6}
 .tk-roles__grid{display:flex;overflow-x:auto;gap:14px;padding:2px 10vw 18px 1px;scroll-snap-type:x mandatory;scroll-padding-left:1px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}.tk-roles__grid::-webkit-scrollbar{display:none}
 .tk-role{flex:0 0 80vw;max-width:340px;min-height:420px;scroll-snap-align:start;border-radius:19px}.tk-role__content{padding:20px 18px 17px}.tk-role__num{width:35px;height:35px;margin-bottom:10px}.tk-role h3{font-size:1.3rem}.tk-role__tag{font-size:.84rem;margin-bottom:6px}.tk-role p{font-size:.86rem;line-height:1.48}.tk-role__cta{margin-top:14px;padding-top:12px;font-size:.82rem}.tk-role__cta i{width:31px;height:31px}
 .tk-roles__chain{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:0 12px 8px 0;white-space:nowrap;scrollbar-width:none}.tk-roles__chain::-webkit-scrollbar{display:none}
 /* Utforska-korten blir också stora, läsbara och svepbara på mobil. */
 #page-main .tk-ref-equipment{overflow:hidden}.tk-ref-equipment-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;gap:14px;padding:2px 10vw 18px 1px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}.tk-ref-equipment-grid::-webkit-scrollbar{display:none}
 #page-main .tk-ref-equipment-grid .tk-ref-card{flex:0 0 84vw!important;max-width:390px!important;min-width:0!important;height:390px!important;min-height:390px!important;scroll-snap-align:start;border-radius:20px!important}
 #page-main .tk-ref-equipment-grid .tk-ref-card img{height:100%!important;width:100%!important;object-fit:cover!important}
 #page-main .tk-ref-equipment-grid .tk-real-card-text{font-size:1rem!important;padding:20px!important}.tk-real-card-text strong{font-size:1.35rem!important}
}

/* Mobile swipe cue: three dots under both horizontal card rows */
.tk-swipe-cue{display:none}
@media(max-width:700px){
 .tk-swipe-cue{display:flex;align-items:center;justify-content:center;gap:7px;margin:2px auto 14px;min-height:18px;aria-hidden:true}
 .tk-swipe-cue span{width:7px;height:7px;border-radius:999px;background:#b8c4d1;box-shadow:0 1px 2px rgba(7,27,49,.08)}
 .tk-swipe-cue span:nth-child(2){width:18px;background:#0d63e8}
}