.gform_validation_container,.gfield--type-honeypot,.gform_hidden,.gfield--type-hidden,.gfield_visibility_hidden,.gform_ajax_frame{display:none!important}.screen-reader-text,.hidden_sub_label,.hidden_label>.gfield_label{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.gform_button,.gform_next_button,.gform_previous_button) svg{width:1em;height:1em}:where(.site-hopp){position:absolute;left:-9999px;top:0;z-index:100}:where(.site-hopp:focus){left:12px;top:12px;padding:10px 16px;background:#000;color:#fff}:where(.gform_required_legend){display:none}html:has(:is([aria-controls=site-mmeny],.site-burg,.site-burger,.site-ham)[aria-expanded=true]){overflow:hidden}body:has(:is([aria-controls=site-mmeny],.site-burg,.site-burger,.site-ham)[aria-expanded=true]) :is(.site-mobillist,.site-mlist,.site-snabb){visibility:hidden}:where(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}@media (max-width:860px){body:has(:is(input:not([type=hidden]),select,textarea):focus) :is(.site-mobillist,.site-mlist){visibility:hidden}}@media (hover:hover){.site-drop:hover>ul[hidden]{display:block!important}.site-drop>ul::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px}}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:300 600;font-display:swap;src:url(fonts/hanken-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ===== sajten (prefix sb-, följer med i bygget) ===== */
:root,.site{;--dark-a75:rgba(29,34,40,.75);--dark-a80:rgba(29,34,40,.8);--mk-top:var(--wp-admin--admin-bar--height,0px);--dark:#1D2228;--sb-band:#2F3339;--sb-band2:#262b31;--acc:#DEE400;--sb-vit:#fff;--sb-text:rgba(255,255,255,.72);--sb-svag:rgba(255,255,255,.56);--sb-linje:rgba(255,255,255,.12);--sb-rub:"halyard-display","Hanken Grotesk",system-ui,sans-serif;--sb-brod:"halyard-text","Hanken Grotesk",system-ui,sans-serif;--sb-w:1320px;--sb-pad:40px;--sb-blk:96px}
.ram{container:ram/inline-size;background:var(--dark);color:var(--sb-text);font:300 18px/1.6 var(--sb-brod);overflow-x:clip}
.ram *,.ram *::before,.ram *::after{box-sizing:border-box}
.ram img{display:block;max-width:100%;height:auto}
.ram h1,.ram h2{text-wrap:balance}
.ram h3{hyphens:auto}
.ram .site-nw{white-space:nowrap}
.ram a{color:inherit;text-decoration:none}
.ram h1,.ram h2,.ram h3,.ram h4{font-family:var(--sb-rub);font-weight:400;color:var(--sb-vit);margin:0;line-height:1.08;letter-spacing:-.01em}
.ram p{margin:0 0 1em}
.site-w{max-width:calc(var(--sb-w) + 2*var(--sb-pad));margin:0 auto;padding:0 var(--sb-pad)}
.site-blk{padding:var(--sb-blk) 0}
.site-blk.site-tat{padding-top:0}
.site-band{background:var(--sb-band)}
.site-gult{color:var(--acc)}

/* överrubrik = loggans parallellogram */
.site-eb{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--sb-brod);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:18px}
.site-eb::before{content:"";width:22px;height:12px;background:var(--acc);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}
.site-sh{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}
.site-sh h2{font-size:clamp(30px,3.4cqi,48px)}
.site-sh p{max-width:560px;margin:14px 0 0}
.site-pil{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--acc);white-space:nowrap}
.site-pil::after{content:"";width:16px;height:10px;background:currentColor;clip-path:polygon(0 40%,70% 40%,70% 0,100% 50%,70% 100%,70% 60%,0 60%)}

/* knappar: raka hörn, gul = boka */
.site-btn{text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;font:500 17px/1.1 var(--sb-brod);border:2px solid var(--sb-vit);color:var(--sb-vit);cursor:pointer;background:transparent}
.site-btn:hover{background:var(--sb-vit);color:var(--dark)}
.site-btn.site-p{background:var(--acc);border-color:var(--acc);color:var(--dark)}
.site-btn.site-p:hover{background:var(--sb-vit);border-color:var(--sb-vit)}
.site-btn svg{width:18px;height:18px;flex:none}
.site-knappar{display:flex;flex-wrap:wrap;gap:12px}

/* ===== sidhuvud ===== */
.site-hd{position:sticky;top:var(--mk-top,0);z-index:50}
.site-hd .site-w{display:flex;align-items:center;gap:36px;height:92px}
.site-hd .site-logo{width:184px;flex:none}
.site-hd .site-logo .site-mork{display:none}
.site-hd nav{display:flex;gap:30px;font-weight:400;font-size:17px;color:var(--sb-vit)}
.site-hd nav a{position:relative;padding:8px 0}
.site-hd nav a[aria-current="page"],.site-hd nav a:hover{box-shadow:inset 0 -3px var(--acc)}
.site-hd .site-ned::after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}
.site-hd .site-hoger{margin-left:auto;display:flex;align-items:center;gap:20px}
.site-hd .site-tel{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--sb-vit);white-space:nowrap}
.site-hd .site-tel svg{width:18px;height:18px;color:var(--acc)}
.site-hd .site-btn{min-height:48px;padding:0 20px;font-size:16px}
.site-ham{display:none;margin-left:auto;width:48px;height:48px;border:0;background:transparent;cursor:pointer;padding:12px}
.site-ham span{display:block;height:2px;background:var(--sb-vit);margin:6px 0}
.site-hd.site-skrollad{background:var(--acc);color:var(--dark)}
.site-hd.site-skrollad nav,.site-hd.site-skrollad .site-tel{color:var(--dark)}
.site-hd.site-skrollad .site-tel svg{color:var(--dark)}
.site-hd.site-skrollad nav a[aria-current="page"],.site-hd.site-skrollad nav a:hover{box-shadow:inset 0 -3px var(--dark)}
.site-hd.site-skrollad .site-logo .site-ljus{display:none}.site-hd.site-skrollad .site-logo .site-mork{display:block}
.site-hd.site-skrollad .site-hoger .site-btn.site-p{background:var(--dark);border-color:var(--dark);color:var(--acc)}
.site-hd.site-skrollad .site-ham span{background:var(--dark)}
.site-hd + main{margin-top:-92px}
.site-mmeny{background:var(--dark);border-top:1px solid var(--sb-linje);padding:8px 20px 24px}
.site-mmeny a,.site-mmeny summary{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--sb-linje);font-size:17px;color:var(--sb-vit);cursor:pointer;list-style:none}
.site-mmeny summary::-webkit-details-marker{display:none}
.site-mmeny summary::after{content:"+";color:var(--acc);font-size:24px;line-height:1}
.site-mmeny details[open] summary::after{content:"–"}
.site-mmeny details a{padding-left:16px;font-size:16px;color:var(--sb-text)}
.site-mmeny a.site-btn{width:100%;margin-top:14px;justify-content:center;border:2px solid var(--sb-vit);padding:0 16px}
.site-mmeny a.site-btn.site-p{background:var(--acc);border-color:var(--acc);color:var(--dark);margin-top:22px}
.site-ham[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.site-ham[aria-expanded="true"] span:nth-child(2){opacity:0}.site-ham[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.site-ham span{}

/* ===== hjälte startsida ===== */
.site-hero{position:relative;padding:104px 0 64px;background:linear-gradient(180deg,#14181c 0,var(--dark) 100%)}
.site-hero .site-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
.site-hero .site-txt{container-type:inline-size;min-width:0}
.site-hero h1{font-size:clamp(44px,10.4cqi,78px);line-height:1;margin-bottom:18px}
.site-hero .site-ing{font-size:19px;max-width:540px;margin-bottom:22px}
.site-uppg{border-left:4px solid var(--acc);padding:4px 0 4px 22px}
.site-uppg b{display:block;font:500 17px/1.2 var(--sb-brod);color:var(--sb-vit);margin-bottom:14px}
.site-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.site-chip{font:400 14px/1 var(--sb-brod);padding:10px 12px;border:1px solid rgba(255,255,255,.28);background:transparent;color:var(--sb-vit);cursor:pointer}
.site-chip:hover{border-color:var(--acc)}
.site-chip[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:var(--dark);font-weight:500}
.site-hero .site-bild{position:relative;min-width:0}
.site-hero .site-bild img{width:100%;aspect-ratio:4/3.5;object-fit:cover}
.site-hero .site-bild::before{content:"";position:absolute;left:-28px;top:44px;width:76px;height:150px;background:var(--acc);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%);z-index:1}
.site-hero .site-bild figcaption{position:absolute;right:0;bottom:0;background:var(--dark);padding:16px 20px;font-size:15px;max-width:290px}
.site-hero .site-bild figcaption b{display:block;color:var(--sb-vit);font:500 17px/1.2 var(--sb-brod)}

/* ===== förtroenderad / faktaremsa ===== */
.site-fakta{border-top:1px solid var(--sb-linje);border-bottom:1px solid var(--sb-linje)}
.site-fakta .site-w{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.site-fakta div div{padding:26px 22px;border-left:1px solid var(--sb-linje);min-width:0}
.site-fakta div div:first-child{border-left:0;padding-left:0}
.site-fakta b{display:block;font:400 30px/1.1 var(--sb-rub);color:var(--sb-vit);margin-bottom:6px}
.site-fakta b em{font-style:normal;color:var(--acc)}
.site-fakta span{font-size:15px;line-height:1.4;display:block}

/* ===== tjänstekort 4×2 ===== */
.site-kort4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.site-tk{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--sb-band2)}
.site-tk .site-b{aspect-ratio:4/3;overflow:hidden}
.site-tk .site-b img{width:100%;height:100%;object-fit:cover;filter:brightness(.82)}
.site-tk:hover .site-b img{filter:brightness(1)}
.site-tk .site-in{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column}
.site-tk h3{font-size:23px;margin-bottom:8px}
.site-tk p{font-size:16px;line-height:1.45;margin-bottom:16px}
.site-tk .site-pil{margin-top:auto;font-size:15px}
.site-tk.site-gulkort{background:var(--acc);color:var(--dark);justify-content:space-between;padding:28px}
.site-tk.site-gulkort h3{color:var(--dark);font-size:30px;padding-right:56px;margin-bottom:14px}
.site-tk.site-gulkort p{color:var(--dark-a80)}
.site-tk.site-gulkort ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px;font-size:16px;color:var(--dark)}
.site-tk.site-gulkort li::before{content:"";display:inline-block;width:12px;height:8px;margin-right:10px;background:var(--dark);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}
.site-tk.site-gulkort small{display:block;font-size:15px;color:var(--dark-a75);margin-top:8px}
.site-tk.site-gulkort .site-stortel{font:400 30px/1 var(--sb-rub);color:var(--dark);display:flex;align-items:center;gap:10px}
.site-tk.site-gulkort .site-stortel svg{width:24px;height:24px}
.site-tk.site-gulkort::after{content:"";position:absolute;right:24px;top:24px;width:40px;height:24px;background:var(--dark);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}

/* ===== utförda jobb ===== */
.site-jobb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.site-jobb figure{margin:0;position:relative;min-width:0;overflow:hidden}
.site-jobb figure img{width:100%;aspect-ratio:1;object-fit:cover}
.site-jobb figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 18px;background:linear-gradient(transparent,rgba(13,16,19,.92))}
.site-jobb figcaption b{display:block;color:var(--sb-vit);font:400 22px/1.15 var(--sb-rub)}
.site-jobb figcaption span{font-size:15px;display:flex;align-items:center;gap:8px;margin-top:4px}
.site-jobb figcaption span::before{content:"";width:12px;height:12px;background:var(--acc);clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%)}
.site-jobb .site-fler{background:var(--sb-band);padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.site-jobb .site-fler h3{font-size:28px;margin-bottom:12px}
.site-jobb .site-fler p{font-size:16px}
.site-plats{display:none;position:absolute;top:14px;left:14px;background:rgba(13,16,19,.85);border:1px dashed var(--acc);color:var(--acc);font:500 12px/1.3 var(--sb-brod);padding:7px 9px;letter-spacing:.03em;max-width:80%}

/* ===== steg + formulär ===== */
.site-stegform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.site-steg{display:grid;gap:0}
.site-hellre{margin-top:28px;padding-top:24px;border-top:1px solid var(--sb-linje)}
.site-hellre p{margin-bottom:12px;color:var(--sb-vit);font-weight:400}
.site-st{display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;padding:22px 0;border-top:1px solid var(--sb-linje)}
.site-st:first-child{border-top:0;padding-top:4px}
.site-st .site-nr{width:64px;height:40px;display:grid;place-items:center;background:var(--acc);color:var(--dark);font:500 18px/1 var(--sb-rub);clip-path:polygon(22% 0,100% 0,78% 100%,0 100%)}
.site-st h3{font-size:23px;margin:6px 0 6px}
.site-st p{margin:0;font-size:17px}
.site-steg.site-rad{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.site-steg.site-rad .site-st{display:block;border-top:3px solid var(--sb-linje);padding:22px 0 0}
.site-steg.site-rad .site-st:first-child{border-top-color:var(--acc);padding-top:22px}
.site-steg.site-rad .site-nr{margin-bottom:16px}
.site-steg.site-rad h3{font-size:21px}
.site-steg.site-rad p{font-size:16px}

.site-kk{background:var(--sb-band);padding:40px;border-top:4px solid var(--acc)}
.site-kk h2,.site-kk h3{font-size:clamp(28px,2.6cqi,38px);margin-bottom:10px}
.site-kk > p{margin-bottom:22px}
.site-kontakter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}
.site-kontakter a{display:block;padding:14px 16px;background:var(--dark);min-width:0}
.site-kontakter small{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-svag)}
.site-kontakter b{display:block;color:var(--sb-vit);font:500 19px/1.3 var(--sb-brod);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-kontakter a.site-bred{grid-column:1/-1}

/* Gravity Forms-markup i sajtens stil */
.ram .gform_wrapper form{margin:0}
.ram .gform_fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.ram .gfield{min-width:0}
.ram .gfield--width-full{grid-column:1/-1}
.ram .gfield_label{display:block;font:500 15px/1.3 var(--sb-brod);color:var(--sb-vit);margin-bottom:7px}
.ram .gfield_required{color:var(--acc);margin-left:3px}
.ram .gfield_valfri{color:var(--sb-svag);font-weight:300;margin-left:4px}
.ram .gfield input[type=text],.ram .gfield input[type=tel],.ram .gfield input[type=email],.ram .gfield textarea,.ram .gfield select{width:100%;min-height:52px;padding:12px 14px;background:var(--dark);border:1px solid rgba(255,255,255,.22);border-radius:0;color:var(--sb-vit);font:300 17px/1.4 var(--sb-brod)}
.ram .gfield textarea{min-height:110px;resize:vertical}
.ram .gfield input:focus,.ram .gfield textarea:focus,.ram .gfield select:focus{outline:2px solid var(--acc);outline-offset:0;border-color:var(--acc)}
.ram .gfield--type-consent label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}
.ram .gfield--type-consent input{width:20px;height:20px;accent-color:var(--acc);flex:none;margin-top:1px}
.ram .site-arende{display:flex;flex-wrap:wrap;gap:8px}
.ram .site-arende label{position:relative}
.ram .site-arende input{position:absolute;opacity:0}
.ram .site-arende span{display:block;padding:10px 13px;border:1px solid rgba(255,255,255,.25);font-size:15px;color:var(--sb-vit);cursor:pointer}
.ram .site-arende input:checked + span{background:var(--acc);border-color:var(--acc);color:var(--dark);font-weight:500}
.ram .site-arende input:focus-visible + span{outline:2px solid var(--sb-vit)}
.ram .gform_footer{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.ram .gform_footer small{font-size:14px;color:var(--sb-svag)}

/* ===== familjen ===== */
.site-familj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.site-familj figure{margin:0;position:relative;min-width:0}
.site-familj figure img{width:100%;aspect-ratio:5/4;object-fit:cover;filter:grayscale(.3) brightness(.8)}
.site-familj figure::after{content:"";position:absolute;right:-20px;bottom:-20px;width:46%;height:46%;border:4px solid var(--acc);z-index:-1}
.site-familj h2{font-size:clamp(32px,3.4cqi,50px);margin-bottom:22px}
.site-familj .site-sign{display:flex;gap:28px;margin-top:26px;padding-top:22px;border-top:1px solid var(--sb-linje)}
.site-familj .site-sign div{min-width:0}
.site-familj .site-sign b{display:block;color:var(--sb-vit);font:500 18px/1.3 var(--sb-brod)}
.site-familj .site-sign span{font-size:15px}

/* ===== tips ===== */
.site-tips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.site-tips a{display:block;min-width:0}
.site-tips img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:brightness(.85);margin-bottom:16px}
.site-tips small{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.site-tips h3{font-size:22px;line-height:1.2}
.site-tips a:hover h3{color:var(--acc)}
.site-ny{display:inline-block;margin-left:8px;padding:3px 6px;background:var(--acc);color:var(--dark);font:600 11px/1 var(--sb-brod);letter-spacing:.08em;vertical-align:middle}

/* ===== FAQ-band ===== */
.site-faqg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.site-faqg h2{font-size:clamp(32px,3.4cqi,48px);margin-bottom:18px}
.site-ringrad{display:flex;align-items:center;gap:14px;margin-top:26px;padding:20px;background:var(--dark)}
.site-ringrad svg{width:28px;height:28px;color:var(--acc);flex:none}
.site-ringrad b{display:block;color:var(--sb-vit);font:400 26px/1.1 var(--sb-rub)}
.site-ringrad span{font-size:15px}
.site-faq details{border-top:1px solid var(--sb-linje)}
.site-faq details:last-child{border-bottom:1px solid var(--sb-linje)}
.site-faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;cursor:pointer;font:400 21px/1.3 var(--sb-rub);color:var(--sb-vit)}
.site-faq summary::-webkit-details-marker{display:none}
.site-faq summary::after{content:"";flex:none;width:22px;height:22px;background:linear-gradient(var(--acc),var(--acc)) center/22px 3px no-repeat,linear-gradient(var(--acc),var(--acc)) center/3px 22px no-repeat}
.site-faq details[open] summary::after{transform:rotate(45deg)}
.site-faq details p{margin:-6px 0 22px;max-width:680px}

/* ===== undersida ===== */
.site-phero{padding:140px 0 64px}
.site-smula{font-size:15px;margin-bottom:26px;color:var(--sb-svag)}
.site-smula a:hover{color:var(--acc)}
.site-smula b{color:var(--sb-vit);font-weight:400}
.site-phero .site-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.site-phero .site-txt{container-type:inline-size;min-width:0}
.site-phero h1{font-size:clamp(40px,10.6cqi,76px);line-height:1.02;margin-bottom:22px}
.site-phero .site-ing{font-size:20px;margin-bottom:28px}
.site-bock{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}
.site-bock li{display:flex;gap:12px;align-items:baseline;font-size:17px}
.site-bock li::before{content:"";flex:none;width:14px;height:9px;background:var(--acc);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}
.site-phero .site-bild{position:relative;min-width:0}
.site-phero .site-bild img{width:100%;aspect-ratio:5/4;object-fit:cover}
.site-phero .site-bild::after{content:"";position:absolute;left:-18px;bottom:-18px;width:120px;height:18px;background:var(--acc)}

.site-brodg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:start}
.site-brod{min-width:0}
.site-brod h2{font-size:clamp(28px,2.8cqi,40px);margin-bottom:20px}
.site-brod h4{font:500 21px/1.3 var(--sb-brod);color:var(--sb-vit);margin:30px 0 10px}
.site-brod a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.site-sido{display:grid;gap:20px;position:sticky;top:calc(var(--mk-top,0px) + 112px);min-width:0}
.ram [id]{scroll-margin-top:120px}
.site-pris{display:block;padding:28px;border:1px solid var(--sb-linje);background:var(--dark)}
.site-pris h3{font-size:24px;margin-bottom:8px}
.site-pris p{font-size:16px;margin-bottom:14px}
.site-pris:hover{border-color:var(--acc)}
.site-kk.site-sm{padding:28px}
.site-kk.site-sm .site-kontakter{grid-template-columns:minmax(0,1fr)}
.site-kk.site-sm .site-btn{width:100%}

.site-ort{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;align-items:start}
.site-ort h2{font-size:clamp(30px,3cqi,44px);margin-bottom:16px}
.site-ort .site-orter{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.site-ort .site-orter span{padding:7px 11px;border:1px solid var(--sb-linje);font-size:14px}
.site-jobb.site-tre{grid-template-columns:repeat(3,minmax(0,1fr))}

.site-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.site-rel a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;padding:14px;background:var(--sb-band2);min-width:0}
.site-rel img{width:120px;height:90px;object-fit:cover}
.site-rel b{display:block;color:var(--sb-vit);font:400 20px/1.2 var(--sb-rub);margin-bottom:6px}
.site-rel a:hover b{color:var(--acc)}

.site-kontaktg{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.site-kontaktg h2{font-size:clamp(32px,3.4cqi,50px);margin-bottom:16px}

/* ===== sidfot med pondus ===== */
.site-ft{background:var(--sb-band);border-top:6px solid var(--acc);padding:72px 0 0;font-size:16px}
.site-ft .site-topp{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:48px;border-bottom:1px solid var(--sb-linje)}
.site-ft .site-topp img{width:260px;margin-bottom:16px}
.site-ft .site-topp p{font:400 26px/1.25 var(--sb-rub);color:var(--sb-vit);margin:0;max-width:520px}
.site-ft .site-kol{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px;padding:48px 0}
.site-ft h4{font:600 13px/1 var(--sb-brod);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:18px}
.site-ft ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.site-ft a:hover{color:var(--acc)}
.site-ft .site-ftel{display:block;font:400 26px/1.2 var(--sb-rub);color:var(--sb-vit);margin-bottom:4px}
.site-ft .site-ftel small{font:300 15px/1 var(--sb-brod);color:var(--sb-text);margin-left:6px}
.site-ft .site-som{display:flex;gap:10px;margin-top:20px}
.site-ft .site-som a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--sb-linje)}
.site-ft .site-som svg{width:18px;height:18px}
.site-ft .site-bolag{padding:22px 0;border-top:1px solid var(--sb-linje);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;color:var(--sb-svag)}
.site-ft .site-bolag nav{display:flex;gap:18px}

/* ===== mobil (containerfrågor, samma i bygget) ===== */
@container ram (max-width: 1100px){
  .site-hd nav{gap:20px;font-size:16px}
  .site-hd .site-tel span{display:none}
  .site-fakta .site-w{grid-template-columns:repeat(3,minmax(0,1fr))}
  .site-fakta div div:nth-child(4){border-left:0;padding-left:0}
  .site-steg.site-rad{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container ram (max-width:991px){
  .site-hd nav,.site-hd .site-hoger{display:none}
  .site-ham{display:block}
  .site-hero .site-g,.site-phero .site-g,.site-stegform,.site-familj,.site-faqg,.site-brodg,.site-ort,.site-kontaktg{grid-template-columns:minmax(0,1fr);gap:36px}
  .site-kort4,.site-jobb,.site-tips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-rel{grid-template-columns:minmax(0,1fr)}
  .site-sido{position:static}
  .site-ft .site-kol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container ram (max-width: 600px){
  .site{--sb-pad:20px;--sb-blk:60px;font-size:17px}
  .site-btn{font-size:16px;padding:0 14px}
  .site-jobb .site-fler{grid-column:1/-1}
  .site-hd .site-w{height:72px}
  .site-hd + main{margin-top:-72px}
  .site-hd .site-logo{width:150px}
  .site-hero{padding:100px 0 44px}
  .site-hero h1{font-size:clamp(40px,13.6cqi,60px)}
  .site-hero .site-ing,.site-phero .site-ing{font-size:18px}
  .site-uppg{padding-left:16px}
  .site-chip{padding:10px 12px;font-size:14px}
  .site-hero .site-knappar .site-btn,.site-phero .site-knappar .site-btn{width:100%}
  .site-hero .site-bild img{aspect-ratio:4/3}
  .site-hero .site-bild::before{left:auto;right:16px;top:-24px;width:44px;height:80px}
  .site-hero .site-bild figcaption{position:static;max-width:none;padding:14px 0 0}
  .site-fakta .site-w{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-fakta div div{padding:18px 14px;border-left:0;border-top:1px solid var(--sb-linje)}
  .site-fakta div div:nth-child(odd){padding-left:0}
  .site-fakta div div:nth-child(-n+2){border-top:0}
  .site-fakta div div:last-child{grid-column:1/-1;padding-left:0}
  .site-fakta b{font-size:24px}
  .site-sh{flex-direction:column;align-items:start;margin-bottom:26px}
  .site-kort4{grid-template-columns:minmax(0,1fr);gap:14px}
  .site-tk{display:grid;grid-template-columns:116px minmax(0,1fr)}
  .site-tk .site-b{aspect-ratio:auto;height:100%}
  .site-tk .site-in{padding:16px}
  .site-tk h3{font-size:18px;margin-bottom:4px}
  .site-rel b{font-size:17px}
  .site-tk p{font-size:15px;margin-bottom:8px}
  .site-tk.site-gulkort{display:flex;padding:24px}
  .site-jobb,.site-jobb.site-tre{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .site-jobb figcaption{padding:30px 12px 12px}
  .site-jobb figcaption b{font-size:17px}
  .site-jobb figcaption span{font-size:13px}
  .site-jobb .site-fler{padding:18px}
  .site-jobb .site-fler h3{font-size:21px}
  .site-jobb .site-fler p{display:none}
  .site-jobb.site-tre figure:first-child{grid-column:1/-1}
  .site-jobb.site-tre figure:first-child img{aspect-ratio:16/10}
  .site-plats{font-size:11px;top:8px;left:8px}
  .site-kk{padding:26px 20px}
  .site-kontakter{grid-template-columns:minmax(0,1fr)}
  .ram .gform_fields{grid-template-columns:minmax(0,1fr)}
  .ram .gform_footer .site-btn{width:100%}
  .site-st{grid-template-columns:52px minmax(0,1fr);gap:16px}
  .site-st .site-nr{width:52px;height:34px;font-size:16px}
  .site-steg.site-rad{grid-template-columns:minmax(0,1fr);gap:0}
  .site-steg.site-rad .site-st{display:grid;border-top:1px solid var(--sb-linje);padding:18px 0}
  .site-steg.site-rad .site-st:first-child{border-top-color:var(--sb-linje);padding-top:4px}
  .site-steg.site-rad .site-nr{margin:0}
  .site-familj figure::after{right:-10px;bottom:-10px}
  .site-tips{grid-template-columns:minmax(0,1fr);gap:0}
  .site-tips a{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--sb-linje)}
  .site-tips img{margin:0;aspect-ratio:4/3}
  .site-tips h3{font-size:18px}
  .site-faq summary{font-size:18px;padding:18px 0}
  .site-phero{padding:96px 0 40px}
  .site-phero h1{font-size:clamp(36px,11cqi,52px)}
  .site-phero .site-bild::after{display:none}
  .site-rel a{grid-template-columns:90px minmax(0,1fr)}
  .site-rel img{width:90px;height:70px}
  .site-ft{padding-top:48px}
  .site-ft .site-topp{flex-direction:column;align-items:start}
  .site-ft .site-topp img{width:200px}
  .site-ft .site-topp p{font-size:21px}
  .site-ft .site-topp .site-btn{width:100%}
  .site-ft .site-kol{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 20px}
  .site-ft .site-kol > div:first-child{grid-column:1/-1}
}

/* ===== v2: Tjänster-panel i menyn (kompakt lista, 2 kolumner) ===== */
.site-mt{position:relative;display:flex}
.site-mega{display:none;position:absolute;top:100%;left:-28px;width:660px;padding:22px;background:var(--dark);border-top:4px solid var(--acc);box-shadow:0 18px 40px rgba(0,0,0,.45);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;z-index:60}
.site-mt:hover .site-mega,.site-mt:focus-within .site-mega{display:grid}
.site-hd nav .site-mega a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:10px;box-shadow:none;color:var(--sb-vit)}
.site-hd nav .site-mega a:hover{background:var(--sb-band);box-shadow:none}
.site-mega img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.site-mega b{display:block;font:500 16px/1.2 var(--sb-brod)}
.site-mega span{display:block;font-size:14px;line-height:1.35;color:var(--sb-text)}
.site-hd nav .site-mega a.site-alla{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:8px;padding:14px 10px 4px;border-top:1px solid var(--sb-linje);color:var(--acc)}

/* ===== v2: två vägar (kök) / tre val (tak) ===== */
.site-vagar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.site-vagar.site-tre-v{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-vag{background:var(--sb-band);padding:34px;display:flex;flex-direction:column;min-width:0;border-top:4px solid var(--sb-linje)}
.site-vag.site-markt{border-top-color:var(--acc)}
.site-vag small{font:600 13px/1 var(--sb-brod);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:14px}
.site-vag h3{font-size:28px;margin-bottom:12px}
.site-vag .site-bock{margin:4px 0 24px}
.site-vag .site-vagfot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--sb-linje);font-size:15px}
.site-vag .site-vagfot b{color:var(--sb-vit);font-weight:500}

/* ===== v2: tabell (priser, material) ===== */
.site-tabw{overflow-x:auto;margin:6px 0 10px}
.site-tab{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
.site-tab th,.site-tab td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--sb-linje);vertical-align:top}
.site-tab thead th{font:600 13px/1.2 var(--sb-brod);letter-spacing:.1em;text-transform:uppercase;color:var(--acc);border-bottom:2px solid var(--acc)}
.site-tab tbody th{color:var(--sb-vit);font-weight:500}
.site-tab td.site-tal{color:var(--sb-vit);white-space:nowrap}
.site-kalla{font-size:14px;color:var(--sb-svag);margin-top:8px}

/* ===== v2: kort utan bild (rum, material, tecken) ===== */
.site-rum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.site-rum.site-fem{grid-template-columns:repeat(5,minmax(0,1fr))}
.site-rum.site-tre{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-rum.site-tva{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-steg.site-rad.site-fyra{grid-template-columns:repeat(4,minmax(0,1fr))}
.site-rum > div{background:var(--sb-band2);padding:26px;min-width:0;border-left:4px solid var(--acc)}
.site-rum h3{font-size:22px;margin-bottom:8px}
.site-rum p{font-size:16px;margin:0}
.site-rum .site-tag{display:inline-block;margin-top:14px;font-size:13px;letter-spacing:.06em;color:var(--acc)}

/* ===== v2: säsongsremsa (fasad) ===== */
.site-sasong{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin:26px 0 14px}
.site-sasong span{display:block;padding:14px 0 10px;text-align:center;font-size:14px;background:var(--sb-band2);border-top:4px solid transparent}
.site-sasong .site-best{border-top-color:var(--sb-vit);color:var(--sb-vit)}
.site-sasong .site-bygg{background:var(--acc);color:var(--dark);font-weight:500}
.site-legend{display:flex;flex-wrap:wrap;gap:22px;font-size:15px}
.site-legend i{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px}

/* ===== v2: utförda jobb, stora kort + filter ===== */
.site-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.site-jobbg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.site-jk{min-width:0;display:flex;flex-direction:column;background:var(--sb-band2)}
.site-jk figure{margin:0;position:relative}
.site-jk figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.site-jk .site-in{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.site-jk small{font-size:14px;color:var(--acc);letter-spacing:.04em;margin-bottom:8px}
.site-jk h3{font-size:24px;margin-bottom:10px}
.site-jk p{font-size:16px}
.site-jk .site-pil{margin-top:auto;font-size:15px}
.site-jk.site-tom figure{aspect-ratio:4/3;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--sb-band) 0 14px,var(--sb-band2) 14px 28px)}
.site-jobbg .site-gulkort{padding:30px}
.site-jobbg .site-gulkort.site-bred2{grid-column:span 2;flex-direction:row;align-items:flex-end;gap:30px}
.site-jobbg .site-gulkort.site-bred2 > div:first-child{max-width:520px}
.site-jk.site-tom figure span{font-size:15px;color:var(--sb-svag);padding:20px;text-align:center}

/* ===== v2: tidslinje (om oss) ===== */
.site-tid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:3px solid var(--sb-linje)}
.site-tid > div{padding:26px 26px 0 0;position:relative;min-width:0}
.site-tid > div::before{content:"";position:absolute;top:-12px;left:0;width:30px;height:20px;background:var(--acc);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}
.site-tid b{display:block;font:400 44px/1 var(--sb-rub);color:var(--sb-vit);margin:10px 0 10px}
.site-tid h3{font-size:20px;margin-bottom:8px}
.site-tid p{font-size:16px;margin:0}

/* ===== v2: artikel ===== */
.site-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:72px;align-items:start}
.site-art .site-brod{max-width:720px}
.site-art .site-brod h2{font-size:clamp(26px,2.4cqi,34px);margin:44px 0 14px}
.site-art .site-brod h2:first-child{margin-top:0}
.site-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:15px;color:var(--sb-svag);margin-top:20px}
.site-meta b{color:var(--sb-vit);font-weight:400}
.site-svar{background:var(--sb-band);border-left:4px solid var(--acc);padding:28px 30px;margin:0 0 34px}
.site-svar small{display:block;font:600 13px/1 var(--sb-brod);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:12px}
.site-svar .site-stora{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:16px 0 4px}
.site-svar .site-stora div{min-width:0}
.site-svar .site-stora b{display:block;font:400 30px/1.1 var(--sb-rub);color:var(--sb-vit)}
.site-svar .site-stora span{font-size:15px}
.site-svar p:last-child{margin-bottom:0}
.site-ctaband{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--acc);color:var(--dark);padding:26px 30px;margin:38px 0}
.site-ctaband b{display:block;font:400 24px/1.2 var(--sb-rub);color:var(--dark)}
.site-ctaband span{font-size:16px}
.ram .site-ctaband .site-btn{background:var(--dark);border-color:var(--dark);color:var(--acc);text-decoration:none}
.site-rakna{border:1px solid var(--sb-linje);padding:24px 26px;margin:20px 0;font-variant-numeric:tabular-nums}
.site-rakna div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--sb-linje)}
.site-rakna div:last-child{border-bottom:0;color:var(--sb-vit);font-weight:500}
.site-toc{padding:26px;border:1px solid var(--sb-linje)}
.site-toc h3{font:600 13px/1 var(--sb-brod);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:14px}
.site-toc ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:16px}
.site-toc a:hover{color:var(--acc)}
.site-artbild{margin:0 0 34px}
.site-artbild img{width:100%;aspect-ratio:16/8;object-fit:cover}
.site-artbild figcaption{font-size:14px;color:var(--sb-svag);margin-top:8px}
.site-check{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:10px}
.site-check li{padding:14px 16px 14px 48px;background:var(--sb-band2);position:relative}
.site-check li::before{content:"";position:absolute;left:16px;top:21px;width:16px;height:10px;background:var(--acc);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}
.site-check.site-varn li::before{background:var(--sb-vit)}
.site-fas{display:grid;gap:0;margin:18px 0}
.site-fas > div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;padding:18px 0;border-top:1px solid var(--sb-linje)}
.site-fas > div b{color:var(--sb-vit);font:400 20px/1.2 var(--sb-rub)}
.site-fas > div em{display:block;font-style:normal;font-size:14px;color:var(--acc);margin-top:4px}
.site-fas > div p{margin:0;font-size:16px}

/* ===== v2: hubb ===== */
.site-utvald{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;background:var(--sb-band2);margin-bottom:40px}
.site-utvald img{width:100%;height:100%;min-height:360px;object-fit:cover}
.site-utvald .site-in{padding:44px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.site-utvald h2{font-size:clamp(30px,3cqi,42px);margin-bottom:14px}
.site-utvald small{font:600 13px/1 var(--sb-brod);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:14px}
.site-tips.site-tips3{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}
.site-tips p{font-size:16px;margin:8px 0 0}
.site-tips a.site-gulkort{display:flex;padding:28px}
.site-jobbtal{display:flex;gap:36px;flex-wrap:wrap}
.site-jobbtal b{display:block;font:400 44px/1 var(--sb-rub);color:var(--acc)}
.site-jobbtal span{font-size:15px}

/* ===== v2: frågesida, kontaktsida, policy ===== */
.site-faqsida{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:72px;align-items:start}
.site-grupp + .site-grupp{margin-top:52px}
.site-grupp > h2{font-size:26px;margin-bottom:6px;display:flex;align-items:center;gap:12px}
.site-grupp > h2::before{content:"";flex:none;width:22px;height:12px;background:var(--acc);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}
.site-hopprad{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.site-pers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.site-pers > *{display:block;background:var(--sb-band);padding:30px;min-width:0;border-top:4px solid var(--acc)}
.site-pers small{display:block;font:600 13px/1 var(--sb-brod);letter-spacing:.14em;text-transform:uppercase;color:var(--sb-svag);margin-bottom:12px}
.site-pers b{display:block;font:400 32px/1.1 var(--sb-rub);color:var(--sb-vit);margin-bottom:8px;overflow-wrap:anywhere}
.site-pers b.site-lit{font-size:22px}
.site-pers span{font-size:15px}
.site-doc{max-width:780px}
.site-doc h2{font-size:26px;margin:40px 0 12px}
.site-doc ul{padding-left:20px}
.site-doc li{margin-bottom:6px}

@container ram (max-width: 1100px){
  .site-rum.site-fem{grid-template-columns:repeat(3,minmax(0,1fr))}
  .site-steg.site-rad.site-fyra{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .site-art,.site-faqsida{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:44px}
}
@container ram (max-width:991px){
  .site-vagar,.site-vagar.site-tre-v,.site-pers{grid-template-columns:minmax(0,1fr)}
  .site-rum,.site-rum.site-fem,.site-rum.site-tre{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-jobbg,.site-tips.site-tips3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-jobbg .site-gulkort.site-bred2{grid-column:1/-1}
  .site-tid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0}
  .site-art,.site-faqsida{grid-template-columns:minmax(0,1fr)}
  .site-art .site-sido{order:-1;position:static}
  .site-art .site-sido .site-kk{display:none}
  .site-utvald{grid-template-columns:minmax(0,1fr)}
  .site-utvald img{min-height:0;aspect-ratio:16/9}
}
@container ram (max-width: 600px){
  .site-vag{padding:24px 20px}
  .site-vag h3{font-size:24px}
  .site-rum,.site-rum.site-fem,.site-rum.site-tre,.site-rum.site-tva{grid-template-columns:minmax(0,1fr);gap:10px}
  .site-steg.site-rad.site-fyra{grid-template-columns:minmax(0,1fr)}
  .site-rum > div{padding:18px 20px}
  .site-sasong{grid-template-columns:repeat(6,minmax(0,1fr))}
  .site-jobbg,.site-tips.site-tips3{grid-template-columns:minmax(0,1fr)}
  .site-jobbg .site-gulkort.site-bred2{flex-direction:column;align-items:flex-start}
  .site-tid{grid-template-columns:minmax(0,1fr);border-top:0;border-left:3px solid var(--sb-linje);padding-left:24px;gap:26px}
  .site-tid > div{padding:0}
  .site-tid > div::before{left:-37px;top:4px}
  .site-tid b{font-size:34px;margin-top:0}
  .site-svar{padding:22px 20px}
  .site-svar .site-stora{grid-template-columns:minmax(0,1fr);gap:12px}
  .site-svar .site-stora b{font-size:26px}
  .site-ctaband{padding:22px 20px}
  .site-ctaband .site-btn{width:100%}
  .site-fas > div{grid-template-columns:minmax(0,1fr);gap:6px}
  .site-tab{font-size:15px}
  .site-tab th,.site-tab td{padding:12px 10px}
  .site-utvald .site-in{padding:24px 20px}
  .site-pers > *{padding:24px 20px}
  .site-pers b{font-size:28px}
  .site-phero h1{font-size:clamp(32px,9.4cqi,52px);hyphens:auto}
  .site-tips a.site-gulkort{display:flex;padding:24px;border-top:0;margin-top:14px}
}


/* ===== tillägg i bygget: WordPress-ramen och riktiga Gravity Forms (mockupen visade en attrapp av GF:s markup) ===== */
html,body.site-sida{margin:0;background:var(--dark)}
.site-hopp{position:absolute;left:-9999px;top:0;z-index:200;background:var(--acc);color:var(--dark);padding:12px 16px;font:600 16px/1 "Hanken Grotesk",sans-serif}
.site-hopp:focus{left:12px;top:12px}
.ram .screen-reader-text,.ram .hidden_sub_label,.ram .gfield_visibility_hidden,.ram .gform_hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ram .gform_validation_container,.ram .gfield--type-honeypot,.ram .gform_validation_container *{display:none!important}
.ram .gform_wrapper .gform_heading{display:none}
.ram .gform_fields{list-style:none;margin:0;padding:0}
.ram .gfield{margin:0;padding:0;border:0}
.ram .gfield--type-captcha,.ram .gfield--type-consent,.ram .gfield--type-textarea,.ram .gfield--type-radio{grid-column:1/-1}
.ram .gfield_required .gfield_required{margin-left:0}
.ram legend.gfield_label{padding:0;float:left;width:100%}
.ram legend.gfield_label + .ginput_container{clear:both}
.ram .ginput_complex span{display:block}
/* "Vad gäller det?" som knappar (mockupens .site-arende) */
.ram .site-arendefalt .gfield_radio{display:flex;flex-wrap:wrap;gap:8px}
.ram .site-arendefalt .gchoice{position:relative}
.ram .site-arendefalt input{position:absolute;opacity:0;width:1px;height:1px}
.ram .site-arendefalt .gchoice label{display:block;padding:10px 13px;border:1px solid rgba(255,255,255,.25);font-size:15px;line-height:1.3;color:var(--sb-vit);cursor:pointer}
.ram .site-arendefalt input:checked + label{background:var(--acc);border-color:var(--acc);color:var(--dark);font-weight:500}
.ram .site-arendefalt input:focus-visible + label{outline:2px solid var(--sb-vit)}
/* samtycke: kryssruta + text på en rad */
.ram .ginput_container_consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}
.ram .ginput_container_consent input{width:20px;height:20px;accent-color:var(--acc);flex:none;margin:1px 0 0}
.ram .gfield_consent_label a{color:var(--acc)}
.ram .gfield--type-consent > .gfield_label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* knappen (GF ger <input type=submit>) */
.ram .gform_footer input.site-btn{font:600 16px/1 var(--sb-brod);cursor:pointer;-webkit-appearance:none;appearance:none}
.ram .gform_ajax_spinner{margin-left:8px;width:20px;height:20px}
/* felmeddelanden och tack */
.ram .gform_validation_errors{grid-column:1/-1;margin:0 0 18px;padding:14px 16px;border:2px solid #ff8a80;color:var(--sb-vit);font-size:15px}
.ram .gform_validation_errors h2{font:500 16px/1.4 var(--sb-brod);color:var(--sb-vit);margin:0}
.ram .gfield_error input,.ram .gfield_error textarea{border-color:#ff8a80!important}
.ram .validation_message{margin-top:6px;font-size:14px;color:#ffb4a9}
.ram .gform_confirmation_message{padding:20px;border:2px solid var(--acc);color:var(--sb-vit);font-size:17px}
/* policysidan (kortkodens text) */
.ram .site-doc h2{margin:1.6em 0 .5em}
.ram .site-doc h2:first-child{margin-top:0}
/* granskning 10-18 */
.ram [hidden]{display:none!important}                 /* filterknapparna: korten har display:flex som annars vinner över [hidden] */
body.site-sida{font-family:"halyard-text","Hanken Grotesk",system-ui,sans-serif} /* cookierutan ärvde Times */
@container ram (max-width:991px){                       /* ringknapp i mobilens sidhuvud (red-team: artiklarnas första kontaktväg låg 4 000 px ned) */
  .site-hd .site-hoger{display:flex;margin-left:auto;gap:0}
  .site-hd .site-hoger .site-btn{display:none}
  .site-hd .site-tel{width:48px;height:48px;justify-content:center}
  .site-hd .site-tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .site-hd .site-tel svg{width:24px;height:24px}
  .site-hd .site-ham{margin-left:0}
}
/* jämförelsen mot mockupen 10-18 */
.ram .gfield textarea{height:110px}                    /* GF:s rows=10 gav 299 px mot mockupens 145 */
.ram .gfield_consent_label{display:block;flex:1}       /* asterisken direkt efter texten, inte längst ut */
.ram .ginput_container_consent{font-size:15px;color:var(--sb-text)}
.ram .ginput_container_consent input[type=checkbox]{-webkit-appearance:none;appearance:none;background:var(--dark);border:1px solid rgba(255,255,255,.35);display:grid;place-content:center;cursor:pointer}
.ram .ginput_container_consent input[type=checkbox]:checked{background:var(--acc);border-color:var(--acc)}
.ram .ginput_container_consent input[type=checkbox]:checked::after{content:"";width:10px;height:6px;border:solid var(--dark);border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px)}
.ram .ginput_container_consent input[type=checkbox]:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.ram .gfield--type-captcha > .gfield_label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ram .site-faq details a.site-gult{color:var(--acc)}
.ram main p a:not([class]){color:var(--acc);text-decoration:underline;text-underline-offset:3px} /* textlänkar utanför .site-brod (startsidans familjetext m.fl.) */
.ram .gfield--type-consent > legend{display:none}       /* legenden bär bara en andra asterisk; etiketten har sin egen direkt efter texten */
@container ram (max-width: 600px){ .ram .site-tab th,.ram .site-tab td{white-space:normal} } /* golvtabellen var 33 px för bred */
/* Baris 10-18 kväll */
.ram .site-tips a.site-gulkort:hover h3,.ram a.site-gulkort:hover h3{color:var(--dark)} /* mockupens hover gjorde rubriken gul på gult */
.ram .gform_footer input.site-btn{background:var(--acc)!important;border-color:var(--acc)!important;color:var(--dark)!important}
.ram .gform_footer input.site-btn:hover,.ram .gform_footer input.site-btn:focus-visible{background:var(--sb-vit)!important;border-color:var(--sb-vit)!important;color:var(--dark)!important}
.site-familj{align-items:start}                                  /* längre text än mockupen: bilden överst och följer med */
.site-familj figure{position:sticky;top:calc(var(--mk-top,0px) + 120px)}
@container ram (max-width:991px){ .site-familj figure{position:relative;top:auto} }
.ram .site-familj figure::after{display:none}                  /* Baris 10-18 finputs: gula ramen bakom bilden "förvirrar", bort */
.ram .site-phero .site-bild::after{display:none}                /* Baris 10-18 finputs: gula listen under sidhjältens bild, bort */
.ram .site-jk > .site-in > a.site-pil{align-self:flex-start}          /* jobbkorten: bara länken klickbar, inte hela kortet */

/* startsidans hjälte variant A (Baris 10-18 kväll "kör a") */
.site-hv{position:relative;min-height:min(86vh,820px);display:flex;align-items:flex-end;padding:150px 0 40px;overflow:hidden}
.site-hv .site-hv-bg{position:absolute;inset:0;z-index:0}.site-hv .site-hv-bg img{width:100%;height:100%;object-fit:cover}
.site-hv::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,24,28,.94) 0,rgba(20,24,28,.78) 42%,rgba(20,24,28,.25) 100%),linear-gradient(0deg,rgba(20,24,28,.9) 0,rgba(20,24,28,0) 45%);z-index:0}
.site-hv .site-w{position:relative;z-index:1;width:100%}
.site-hv .site-hv-txt{max-width:640px}
.site-hv h1{font-size:clamp(46px,6cqi,84px);line-height:1;margin-bottom:18px}
.site-hv .site-ing{font-size:19px;max-width:540px;margin-bottom:26px;color:rgba(255,255,255,.85)}
@container ram (max-width:991px){.site-hv{min-height:0;padding:120px 0 32px}.site-hv::after{background:linear-gradient(0deg,rgba(20,24,28,.96) 0,rgba(20,24,28,.82) 60%,rgba(20,24,28,.55) 100%)}}
@container ram (max-width:600px){.site-hv h1{font-size:clamp(40px,13cqi,58px)}.site-hv .site-ing{font-size:18px}.site-hv .site-knappar .site-btn{width:100%}}
/* utförda jobb mosaik B (Baris 10-18 finputs "kör på B") */
.uj-k{position:relative;display:block;overflow:hidden;color:var(--sb-vit)}
.uj-k img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.uj-k:hover img{transform:scale(1.04)}
.uj-k>span{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(0deg,rgba(20,24,28,.96) 0,rgba(20,24,28,.85) 55%,rgba(20,24,28,0))}
.uj-k small{display:block;font:600 12px/1 var(--sb-brod);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:8px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.uj-k b{display:block;font:400 22px/1.15 var(--sb-rub)}
.uj-k em{display:block;font-style:normal;font-size:15px;line-height:1.4;color:rgba(255,255,255,.82);margin-top:6px}
.uj-k:hover b{color:var(--acc)}
.uj-mos{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,300px));gap:6px}
.uj-mos .uj-k:first-child{grid-row:1/3}
.uj-mos .uj-k:first-child b{font-size:32px}
@container ram (max-width:991px){.uj-mos{grid-template-columns:1fr 1fr;grid-template-rows:340px;grid-auto-rows:220px}.uj-mos .uj-k:first-child{grid-column:1/3;grid-row:auto}.uj-mos .uj-k em{display:none}.uj-mos .uj-k b{font-size:18px}}
.ram .site-jk.site-gulkort.site-bred2{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:24px} /* Baris 10-18: kortet sträcks till grannkortets höjd; rubrik överst, telefon nederst */
.ram .site-jk.site-gulkort.site-bred2 h3{font-size:clamp(30px,3.2cqi,44px);max-width:640px}
.ram .site-jk.site-gulkort.site-bred2 > div:first-child{max-width:640px}
/* proffsgranskning + designputs 10-19 (Baris "kör på förslagen") */
.ram .gfield input[type=text],.ram .gfield input[type=tel],.ram .gfield input[type=email],.ram .gfield textarea{border-color:rgba(255,255,255,.4)} /* fältkant 2,0:1 -> ~3,5:1 (WCAG 1.4.11) */
.ram .site-arendefalt .gchoice label{border-color:rgba(255,255,255,.4);padding:12px 14px}  /* 3:1 och ~44 px tryckyta */
.ram .site-rum > div{border-left:0;border-top:3px solid var(--acc)}                     /* gul vänsterkant = AI-grepp, toppkant som formulären */
.ram .site-gulkort.site-tk[data-kat]{align-self:start}                                       /* jobb/tips: lufthål mellan text och nummer (snickarkortet site-bred2 = Baris val 10-18, orört) */
.ram .site-blk:has(> .site-ort){padding-bottom:48px}                                         /* tom yta under Instagram-sektionen */
.ram .site-blk:has(> .site-ort) + .site-blk.site-band{padding-top:48px}                          /* samma bakgrund: 144 -> 96 px */
.ram a:focus-visible,.ram button:focus-visible,.ram summary:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.ram .site-hd a:focus-visible,.ram .site-hd button:focus-visible{outline-color:currentColor}
@container ram (max-width:991px){
  .ram .site-ft ul{gap:0}
  .ram .site-ft ul a{display:inline-block;padding:12px 0}                                  /* tryckyta 16 -> ~44 px */
  .ram a.site-pil{padding-block:9px}
}
@container ram (max-width: 600px){ .ram .site-familj .site-sign{flex-direction:column;gap:12px} } /* Johnny/Simon/Bergby krockade i 390 */

span.gb-shape,span.gb-shape+span[class="gb-text"],span[class="gb-text"]:has(+span.gb-shape){display:contents!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important}

@supports (color:oklch(from red l c h)){:root,.site{;--dark-a75:rgb(from var(--dark) r g b / .75);--dark-a80:rgb(from var(--dark) r g b / .8)}}
/* Cemile 10-30: menypunkterna och knappen radbryts aldrig */
.site-hd nav a,.site-hd .site-btn{white-space:nowrap}
@container ram (max-width:1200px){.site-hd nav{gap:20px;font-size:16px}.site-hd .site-tel span{display:none}}

/* Cemile 10-30: mörk bakgrund bakom öppen mobilmeny (under sidhuvudet), samma på alla sajter */
body:has(.site-ham[aria-expanded=true])::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:49}