/* Implementering (da/implementation.html): the page's own cards. Preview only. */
/* hero: the landscape card stands where the screenshot was */
.im-hs{min-width:0}
.ms-hero-obj.ms-lay-imland{height:auto;display:block}
.ms-hero-obj.ms-lay-imland .vc{position:relative;left:auto;top:auto;width:100%!important;max-width:680px;margin-inline:auto}
.im-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:4px}
.im-side,.im-core{position:relative;display:grid;gap:7px;align-content:center}
.im-map small{font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#7A857F;margin-top:4px}
.im-sys{display:block;padding:9px 11px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(8,50,30,.09);font-size:13px;font-weight:600;color:#1A2233;cursor:default;transition:box-shadow .2s,background .2s}
.im-core{padding:14px;border-radius:18px;background:#F1F8F4;box-shadow:inset 0 0 0 1px #D5EBDD}
.im-core::before,.im-core::after{content:"";position:absolute;top:50%;width:28px;height:2px;background:#BFE0CD}.im-core::before{right:100%}.im-core::after{left:100%}
.im-k{justify-self:start;padding:6px 12px;border-radius:99px;background:#00693E;color:#fff;font:600 14px/1 var(--sans)}
.im-mg{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(8,50,30,.07);font-size:12.5px;cursor:default;transition:box-shadow .2s}
.im-mg>span{flex:1;min-width:0;color:#6B7470;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im-mg .hi{flex:none;font-size:13px;color:#9AA29D}.im-mg b{flex:none;font-weight:600}
.im-sys.on,.im-mg.on{box-shadow:0 0 0 1.5px #00693E}
.im-cap{display:flex;align-items:flex-start;gap:10px;min-height:44px;margin:16px 0 0;padding:12px 14px;border-radius:14px;background:#F6F3EE;font-size:13px;line-height:1.45;color:#2A2F3A}.im-cap b{font-weight:600}
.im-ping{flex:none;width:10px;height:10px;margin-top:4px;border-radius:50%;background:#00A550;box-shadow:0 0 0 4px #E3F2E9}
/* the page's own list of systems shows on phones only (site.css); here it sits on the light hero */
@media (max-width:700px){.im-hs .hs-list li{color:#4F5B54}.im-hs .hs-list b{color:#1A2233}}

/* tour cards: shared rows */
.im-c{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:#F1F3F0;color:#4F5B54;white-space:nowrap}
.im-c.g{background:#E3F2E9;color:#00693E}.im-c.a{background:#FCEFDD;color:#8F5300}
.im-ini{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#EEF1EC;color:#4F5B54;font:600 11.5px/1 var(--sans)}
.im-ini.e{background:#fff;box-shadow:inset 0 0 0 1.5px #D9DDD7;color:#9AA29D}.im-ini.k{background:#00693E;color:#fff;font-size:13px}
.im-rows{list-style:none;margin:0;padding:0;display:grid}
.im-rows li{display:flex;align-items:center;gap:11px;padding:10px 2px;border-top:1px solid var(--ks-line,#EFEDE8);font-size:14px}.im-rows li:first-child{border-top:0;padding-top:2px}
.im-rows .v-av{width:32px;height:32px;flex:none}
.im-rows li>span{display:grid;min-width:0}.im-rows small{font-size:12.5px;color:#6B7470;font-variant-numeric:tabular-nums}
.im-foot{display:flex;align-items:center;gap:7px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--ks-line,#EFEDE8);font-size:13px;color:#4F5B54}.im-foot .hi{font-size:16px;color:#00A550}
/* the plan */
.im-steps{list-style:none;margin:0;padding:0;display:grid}
.im-steps li{display:flex;align-items:center;gap:11px;padding:9px 10px;border-top:1px solid var(--ks-line,#EFEDE8);font-size:14px}.im-steps li:first-child{border-top:0}
.im-steps .hi{flex:none;font-size:20px;color:#C9CEC8}.im-steps .hi.ring{width:20px;height:20px}
.im-steps li.d .hi{color:#00A550}.im-steps li.d b{color:#6B7470;font-weight:500}
.im-steps li.now{border-radius:12px;background:#F1F8F4;border-top-color:transparent}.im-steps li.now+li{border-top-color:transparent}.im-steps li.now .hi{color:#00693E}
.im-steps b{font-weight:600}.im-n{font:600 12px/1 var(--sans);color:#9AA29D;font-variant-numeric:tabular-nums;width:18px}
.im-steps li.d em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:#E3F2E9;color:#00693E}
.im-waves{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ks-line,#EFEDE8)}.im-waves>span{font-size:12.5px;color:#6B7470;margin-right:4px}.im-waves .im-c{margin-left:0}
/* the work */
.im-ms{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:9px 12px;border-radius:12px;background:#F6F3EE;font-size:13px}.im-ms b{margin-left:auto;font-variant-numeric:tabular-nums}
.im-pips{display:flex;gap:4px}.im-pips i{width:18px;height:6px;border-radius:3px;background:#E2E0DA}.im-pips i.on{background:#00A550}
.im-tt b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* the log */
.im-log li{align-items:center}
.im-lw{flex:0 0 118px}.im-lw b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.im-lc{flex:1;display:grid;justify-items:end;text-align:right}.im-lc>span{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-variant-numeric:tabular-nums}
.im-lc s{color:#9AA29D}.im-lc .hi{font-size:13px;color:#9AA29D}.im-lc b{font-weight:600}
@media (max-width:720px){
  .im-map{grid-template-columns:1fr;gap:14px}.im-core::before,.im-core::after{display:none}
  .im-lw{flex-basis:96px}
}
.im-c,.im-steps li.d em{flex:none;overflow-wrap:normal}
/* tour 1: the plan → the waves, on the thread (leg "Pr. land") */
.vc .im-flag{flex:none;width:28px;height:28px;border-radius:50%}
.im-wv li{padding:11px 2px}
.im-wv .im-tt b{font-size:14.5px}
.ms-stop.ms-threaded.im-two{column-gap:120px}
/* where the card sits: Plan → Opsætning → Migrering → Go-live → Hypercare */
.im-pipe{position:relative;list-style:none;margin:0 0 14px;padding:10px 4px 12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:14px;background:#F5F7F4}
.im-pipe::before{content:"";position:absolute;left:10%;right:10%;top:16px;height:2px;background:linear-gradient(90deg,#00A550 var(--im-p,25%),#DDE3DD var(--im-p,25%))}
.im-pipe li{position:relative;display:grid;justify-items:center;gap:6px;min-width:0;font-size:12px;font-weight:500;color:#7A857F;text-align:center}
.im-pipe li>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.im-pipe i{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #C9CEC8}
.im-pipe li.d i{background:#00A550;box-shadow:none}.im-pipe li.d{color:#4F5B54}
.im-pipe li.now i{background:#fff;box-shadow:inset 0 0 0 4px #00693E,0 0 0 4px #E3F2E9}.im-pipe li.now{color:#00693E;font-weight:700}
.im-pipe:has(li:nth-child(2).now){--im-p:25%}.im-pipe:has(li:nth-child(3).now){--im-p:50%}
.im-trin{display:none;margin:-6px 0 12px;font-size:13px;color:#4F5B54}.im-trin b{color:#00693E;font-weight:600}
@media (max-width:720px){
  .im-pipe{padding:10px 4px;margin-bottom:8px}.im-pipe li>span{display:none}.im-pipe::before{top:17px}
  .im-trin{display:block;margin:0 0 12px}
}