/* Three shared section types, each with a distinct and quieter reading pattern. */
.site-design.subpage-design main .service-page .service-content>#overblik.service-overview-clean{display:block;padding:42px 0 54px;margin:0;background:#fff;border:0!important;border-radius:0;color:#123e46}
#overblik.service-overview-clean>:is(div,.eyebrow,h2){max-width:960px}
#overblik.service-overview-clean h2{font-size:clamp(28px,3vw,37px);line-height:1.22;font-weight:600;letter-spacing:-1px;color:#123e46;margin:0 0 24px;max-width:850px}
#overblik.service-overview-clean .eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:1.2px;color:#187c66;margin:0 0 15px}
#overblik.service-overview-clean .lead{font-size:19px;line-height:1.8;font-weight:400;color:#496b75;margin:0;max-width:920px}
#overblik.service-overview-clean :is(.software-overview-layout,.software-overview-copy){display:block;background:transparent;border:0;border-radius:0;padding:0;margin:0}
#overblik.service-overview-clean .software-overview-copy>p:not(.lead){font-size:16px;line-height:1.85;color:#516d73;margin:20px 0 0;padding:0;border:0;max-width:920px}
#overblik.service-overview-clean :is(.area-principle,.software-definition){display:grid;grid-template-columns:.85fr 1.45fr;gap:30px;align-items:start;grid-column:auto;grid-row:auto;max-width:none;margin:28px 0 0;padding:26px 30px;background:#eef5f1;border:0;border-radius:18px;color:#123e46}
#overblik.service-overview-clean :is(.area-principle,.software-definition)>strong{display:block;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.2px;margin:0;color:#123e46}
#overblik.service-overview-clean :is(.area-principle,.software-definition)>p{font-size:15px;line-height:1.85;font-weight:400;color:#516d73;margin:0}
/* Deliverables are a simple two-column list, with no nested boxes or side stripes. */
.site-design.subpage-design main .service-content>#leverancer.service-delivery-clean{display:block;background:#123e46;color:#fff;padding:38px 40px!important;margin:24px 0 42px!important;border:0!important;border-radius:22px}
#leverancer.service-delivery-clean>div{max-width:850px;margin:0 0 30px}
#leverancer.service-delivery-clean .eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:1.2px;color:#fff;margin:0 0 16px}
#leverancer.service-delivery-clean h2{font-size:clamp(28px,3vw,37px);line-height:1.2;font-weight:600;letter-spacing:-1px;color:#fff;margin:0 0 18px}
#leverancer.service-delivery-clean>div>p{font-size:16px;line-height:1.8;color:#fff;max-width:760px;margin:0}
#leverancer.service-delivery-clean>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;list-style:none;padding:0;margin:0;border-top:1px solid #ffffff35}
#leverancer.service-delivery-clean>ul>li{position:relative;display:flex;align-items:center;min-height:68px;background:transparent;border:0;border-bottom:1px solid #ffffff28;border-radius:0;margin:0;padding:18px 0;font-size:15px;font-weight:400;line-height:1.6;color:#fff}
#leverancer.service-delivery-clean>ul>li::before{content:none}
/* After launch: compact disclosure cards beneath the introduction. */
.site-design.subpage-design main .service-content>#efter.service-after-clean{display:block;background:#fff;color:#123e46;padding:36px 0 45px;margin:0 0 25px;border:0!important;border-radius:0}
#efter.service-after-clean>div:first-child{max-width:850px;margin:0 0 28px}
#efter.service-after-clean .eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:1.2px;color:#187c66;margin:0 0 15px}
#efter.service-after-clean h2{font-size:clamp(28px,3vw,37px);font-weight:600;line-height:1.22;letter-spacing:-1px;margin:0 0 18px;color:#123e46}
#efter.service-after-clean>div:first-child>p,#efter.service-after-clean>p{font-size:16px;line-height:1.8;max-width:850px;margin:0;color:#516d73}
#efter.service-after-clean>div:last-child:not(:first-child){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
#efter.service-after-clean details{background:#f2f7f4;border:1px solid #d4e3d9;border-radius:17px;margin:0;overflow:hidden;min-width:0}
#efter.service-after-clean details[open]{background:#fff;border-color:#94b5a0;box-shadow:0 8px 24px #123e4608}
#efter.service-after-clean details>summary{display:flex;align-items:center;position:relative;min-height:70px;padding:20px 48px 20px 21px;font-size:16px;line-height:1.5;font-weight:600;color:#123e46;list-style:none;cursor:pointer}
#efter.service-after-clean details>summary::-webkit-details-marker{display:none}
#efter.service-after-clean details>summary::marker{content:""}
#efter.service-after-clean details>summary::after{content:"";position:absolute;left:auto;right:20px;top:50%;width:14px;height:14px;transform:translateY(-50%);background:linear-gradient(#187c66,#187c66) center/12px 1.5px no-repeat,linear-gradient(#187c66,#187c66) center/1.5px 12px no-repeat;border:0;border-radius:0}
#efter.service-after-clean details[open]>summary::after{content:"";transform:translateY(-50%);background:linear-gradient(#187c66,#187c66) center/12px 1.5px no-repeat}
#efter.service-after-clean details>summary:focus-visible{outline:2px solid #187c66;outline-offset:-4px;border-radius:15px}
#efter.service-after-clean details>p{font-size:14px;line-height:1.8;color:#516d73;margin:0;padding:0 21px 23px}
@media(max-width:1000px){
 #overblik.service-overview-clean :is(.area-principle,.software-definition){grid-template-columns:1fr;gap:14px}
 #efter.service-after-clean>div:last-child:not(:first-child){grid-template-columns:1fr;gap:10px}
}
@media(max-width:760px){
 .site-design.subpage-design main .service-page .service-content>#overblik.service-overview-clean{padding:26px 0 35px}
 #overblik.service-overview-clean h2,#leverancer.service-delivery-clean h2,#efter.service-after-clean h2{font-size:28px;letter-spacing:-.7px}
 #overblik.service-overview-clean .lead{font-size:17px;line-height:1.8}
 #overblik.service-overview-clean .software-overview-copy>p:not(.lead){font-size:15px;line-height:1.8}
 #overblik.service-overview-clean :is(.area-principle,.software-definition){padding:22px;margin-top:23px;border-radius:16px}
 #overblik.service-overview-clean :is(.area-principle,.software-definition)>strong{font-size:17px}
 #overblik.service-overview-clean :is(.area-principle,.software-definition)>p{font-size:14px;line-height:1.8}
 .site-design.subpage-design main .service-content>#leverancer.service-delivery-clean{padding:28px 23px!important;margin:20px 0 30px!important;border-radius:20px}
 #leverancer.service-delivery-clean>div{margin-bottom:24px}
 #leverancer.service-delivery-clean>div>p{font-size:15px}
 #leverancer.service-delivery-clean>ul{grid-template-columns:1fr}
 #leverancer.service-delivery-clean>ul>li{min-height:60px;padding:16px 0;font-size:14px}
 .site-design.subpage-design main .service-content>#efter.service-after-clean{padding:26px 0 30px}
 #efter.service-after-clean>div:first-child>p,#efter.service-after-clean>p{font-size:15px}
 #efter.service-after-clean details>summary{font-size:15px;min-height:64px;padding:18px 46px 18px 19px}
 #efter.service-after-clean details>p{padding:0 19px 22px}
}
