/* 20261009-DISTANS-DESIGN-01: homepage presentation only.
   Source palette: Kompetensutveckla #222222, #81c341, #575760. */
body.home.page-id-40 {
 --du-dark:#222222; --du-panel:#303033; --du-green:#81c341;
 --du-ink:#27272b; --du-muted:#575760; --du-line:#e2e5df;
 background:#f7f8f9; color:var(--du-ink); font-size:17px; line-height:1.75;
}
body.home.page-id-40 #masthead,
body.home.page-id-40 .mobile-header {background:var(--du-dark)!important;color:#fff;}
body.home.page-id-40 #masthead .container-fluid {max-width:1280px;padding:12px 32px;}
body.home.page-id-40 #masthead .site-logo {width:64px;height:64px;object-fit:contain;}
body.home.page-id-40 #mainnav .menu > li > a {color:#fff;font-size:14px;letter-spacing:.035em;padding:12px;}
body.home.page-id-40 #mainnav .menu > li > a:hover,
body.home.page-id-40 #mainnav .menu > li.current-menu-item > a {color:var(--du-green);}
body.home.page-id-40 #masthead .roll-button {background:var(--du-green);color:#222;border:1px solid var(--du-green);border-radius:6px;padding:13px 22px;font-size:15px;font-weight:700;}
body.home.page-id-40 #masthead .roll-button:hover {background:#9dd36a;border-color:#9dd36a;}
body.home.page-id-40 #content {padding:48px 0 72px;}
body.home.page-id-40 #content > .content-wrapper {width:100%;max-width:1200px;padding:0 32px;background:transparent;}
body.home.page-id-40 #primary {width:100%;padding:0;}
body.home.page-id-40 #post-40 {margin:0;}
body.home.page-id-40 #post-40 .content-inner {padding:0;}
body.home.page-id-40 #post-40 .entry-header {padding:42px 48px 0;background:var(--du-dark);margin:0;border-radius:16px 16px 0 0;border-top:4px solid var(--du-green);}
body.home.page-id-40 #post-40 .entry-title {font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.15;letter-spacing:.01em;color:#fff;margin:0;}
body.home.page-id-40 #post-40 .entry-content {margin:0;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 14px 44px rgba(34,34,34,.06);padding:0 48px 48px;}
body.home.page-id-40 #post-40 .entry-content .du-hero {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:40px;align-items:center;background:var(--du-dark);color:#e8e8eb;margin:0 -48px 40px;padding:30px 48px 44px;}
body.home.page-id-40 #post-40 .du-hero-copy h2 {color:#fff;font-size:clamp(23px,2.4vw,30px);line-height:1.3;margin:0 0 18px;}
body.home.page-id-40 #post-40 .du-hero-copy p {font-size:17px;line-height:1.7;margin:0;color:#e3e3e7;}
body.home.page-id-40 #post-40 .du-hero-image figure {margin:0;}
body.home.page-id-40 #post-40 .du-hero-image img {display:block;width:100%;height:auto;border-radius:8px;}
body.home.page-id-40 #post-40 .entry-content > .wp-block-columns {display:grid!important;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:56px;align-items:start;}
body.home.page-id-40 #post-40 .wp-block-column {display:grid;gap:22px;min-width:0;}
body.home.page-id-40 #post-40 .du-course-group {background:var(--du-dark);color:#fff;border:1px solid var(--du-panel);border-radius:10px;padding:26px;min-width:0;box-shadow:0 6px 18px rgba(34,34,34,.08);}
body.home.page-id-40 #post-40 .du-course-group h4 {font-size:23px;line-height:1.3;margin:0 0 18px;border-bottom:1px solid #4c4c50;padding:0 0 17px;}
body.home.page-id-40 #post-40 .du-course-group h4 a {color:var(--du-green);text-decoration:none;display:block;}
body.home.page-id-40 #post-40 .du-course-group h4 a:hover {color:#b0df82;text-decoration:underline;text-underline-offset:4px;}
body.home.page-id-40 #post-40 .du-course-group ul {padding:0;margin:0;list-style:none;}
body.home.page-id-40 #post-40 .du-course-group li {margin:0 0 10px;padding:0;}
body.home.page-id-40 #post-40 .du-course-group li:last-child {margin-bottom:0;}
body.home.page-id-40 #post-40 .du-course-group li a {display:block;background:#36363a;color:#fff;border:1px solid #55555c;border-radius:6px;padding:15px 17px;font-size:15px;line-height:1.6;font-weight:600;text-decoration:none;overflow-wrap:anywhere;transition:border-color .15s ease,background-color .15s ease;}
body.home.page-id-40 #post-40 .du-course-group li a:hover {border-color:var(--du-green);background:#424247;}
body.home.page-id-40 #post-40 .entry-content > h2 {max-width:780px;margin:42px auto 18px;font-size:clamp(25px,3vw,33px);line-height:1.3;color:var(--du-ink);padding-top:30px;border-top:1px solid var(--du-line);}
body.home.page-id-40 #post-40 .entry-content > h3 {max-width:780px;margin:28px auto 12px;font-size:23px;line-height:1.35;color:var(--du-ink);}
body.home.page-id-40 #post-40 .entry-content > p {max-width:780px;margin:0 auto 20px;color:var(--du-muted);}
body.home.page-id-40 #post-40 .entry-content > p a {color:#426f1b;font-weight:600;text-decoration:underline;text-underline-offset:3px;}
body.home.page-id-40 #post-40 .entry-content > figure {max-width:560px;margin:30px auto;}
body.home.page-id-40 #post-40 .entry-content > figure img {width:100%;height:auto;border-radius:8px;}
body.home.page-id-40 #post-40 figcaption {color:var(--du-muted);font-size:14px;text-align:center;}
body.home.page-id-40 #post-40 .wpforms-container {max-width:780px;margin:24px auto 40px!important;padding:24px;background:#f7f8f9;border:1px solid var(--du-line);border-radius:10px;}
body.home.page-id-40 #post-40 .wpforms-container input:not([type=hidden]):not(.wpforms-recaptcha-hidden),
body.home.page-id-40 #post-40 .wpforms-container textarea {border-radius:6px;max-width:100%;font-size:16px;}
body.home.page-id-40 #post-40 .wpforms-container .wpforms-submit {background:var(--du-green)!important;color:#222!important;border-radius:6px!important;min-height:48px;font-weight:700;}
body.home.page-id-40 .footer-widgets,
body.home.page-id-40 .site-footer {background:var(--du-dark);color:#e8e8eb;}
body.home.page-id-40 .footer-widgets a,
body.home.page-id-40 .site-footer a {color:var(--du-green);}
body.home.page-id-40 a:focus-visible,
body.home.page-id-40 button:focus-visible,
body.home.page-id-40 input:focus-visible,
body.home.page-id-40 textarea:focus-visible {outline:3px solid #81c341!important;outline-offset:4px;}
@media(max-width:1024px){
 body.home.page-id-40 #masthead .container-fluid {padding:10px 20px;}
 body.home.page-id-40 #post-40 .entry-header {padding:32px 30px 0;}
 body.home.page-id-40 #post-40 .entry-content {padding:0 30px 36px;}
 body.home.page-id-40 #post-40 .entry-content .du-hero {margin:0 -30px 30px;padding:26px 30px 34px;gap:26px;}
}
@media(max-width:767px){
 body.home.page-id-40 #content {padding:24px 0 40px;}
 body.home.page-id-40 #content > .content-wrapper {padding:0 16px;}
 body.home.page-id-40 #post-40 .entry-header {padding:28px 22px 0;border-radius:10px 10px 0 0;}
 body.home.page-id-40 #post-40 .entry-content {padding:0 22px 28px;}
 body.home.page-id-40 #post-40 .entry-content .du-hero {grid-template-columns:1fr;margin:0 -22px 26px;padding:24px 22px 30px;gap:24px;}
 body.home.page-id-40 #post-40 .du-hero-image {max-width:420px;}
 body.home.page-id-40 #post-40 .entry-content > .wp-block-columns {grid-template-columns:1fr;gap:18px;margin-bottom:36px;}
 body.home.page-id-40 #post-40 .wp-block-column {gap:18px;}
 body.home.page-id-40 #post-40 .du-course-group {padding:22px;}
 body.home.page-id-40 #post-40 .du-course-group h4 {font-size:22px;}
 body.home.page-id-40 #post-40 .entry-content > h2 {margin-top:32px;padding-top:24px;}
 body.home.page-id-40 #post-40 .wpforms-container {padding:18px;}
}
@media(prefers-reduced-motion:reduce){
 body.home.page-id-40 #post-40 .du-course-group li a {transition:none;}
}