/* Forsiden: the tour's own cards, and the tour at card size (no zoom: three cards share a stop). Preview only. */
.p-index .ms-stop>.vc,.p-index .ms-stop>.vc.w-xl{zoom:1}
.p-index .annot.ms-stop{min-height:min(500px,calc(100svh - 300px))}
.fs-hr{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.fs-hr li{display:grid;grid-template-columns:26px minmax(0,1fr) 52px;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:6px 0;border-top:1px solid var(--ks-line);font-size:12.5px}.fs-hr li:first-child{border-top:0}
.fs-hr .v-av{width:26px;height:26px;grid-row:1 / span 2}.fs-hr li>span{display:grid;gap:4px;min-width:0}.fs-hr li>span b{font-size:13px}
.fs-hr i{position:relative;height:7px;border-radius:99px;background:#EDF0EC}.fs-hr i::after{content:"";position:absolute;left:77%;top:-3px;bottom:-3px;width:1.5px;background:#C9CEC8}
.fs-hr i b{display:block;height:100%;border-radius:inherit;background:var(--ks-green-2)}.fs-hr i b.a{background:#F2B866}.fs-hr i b.r{background:#F3A2A5}
.fs-hr em{font-style:normal;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.fs-hr em.a{color:var(--ks-amber-ink)}.fs-hr em.r{color:var(--ks-red-ink)}
.fs-hr small{grid-column:3;font-size:10.5px;text-align:right;color:#7A857F;white-space:nowrap}
.fs-norm{margin:8px 0 0;font-size:11.5px;color:#7A857F}
.fs-rl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fs-rl li{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:12px;background:#F4F8F5;font-size:12.5px}.fs-rl li>.hi{flex:none;font-size:17px;color:#00A550}
.fs-rl li.a{background:#FDF6EA}.fs-rl li.a>.hi{color:#C77A0A}.fs-rl li.r{background:#FDF0F0}.fs-rl li.r>.hi{color:#D93644}
.fs-rl li>span{flex:1;display:grid;min-width:0}.fs-rl small{font-size:11.5px;color:#5B6660}
/* Tid og fravær: the calendar large on the left, the week's hours and the rules stacked on the right */
/* the tour's table of contents follows the Platform menu: each group named once above its sub-menus, compact rows */
.p-index .tour .tlist li:not(.g1) .k{display:none}
.p-index .tour .tlist li.g1:not(:first-child){margin-top:10px}
.p-index .tour .tlist button{padding:7px 0;gap:3px;min-height:40px}
.p-index .tour .tlist .k{font-size:10.5px}
.p-index .tour .tlist .n{font-size:17px}
.p-index .tour .tlist .p{margin-top:5px}
.p-index .tour.is-staged .tlist{max-height:calc(100svh - var(--bar) - 40px);overflow:auto;scrollbar-width:none}

/* ── the content list's own cards ── */
.fs-who{display:flex;align-items:center;gap:12px;margin:2px 0 12px}.fs-who .v-av{width:52px;height:52px;box-shadow:0 0 0 3px #fff,0 0 0 4.5px #CFE6D8}
.fs-who span{display:grid;gap:2px;min-width:0}.fs-who b{font:500 21px/1.1 var(--serif);color:#1A2233}.fs-who small{font-size:12.5px;color:#5B6660}
.fs-tabs{display:flex;gap:16px;margin:0 0 4px;border-bottom:1px solid var(--ks-line);font-size:12.5px;color:#7A818C;overflow:hidden}
.fs-tabs span{padding:0 0 8px;white-space:nowrap}.fs-tabs span.on{color:#00693E;font-weight:600;box-shadow:inset 0 -2px 0 #00693E}
.fs-kv{margin:0;display:grid}.fs-kv div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--ks-line);font-size:13px}.fs-kv div:first-child{border-top:0}
.fs-kv dt{color:#6B7470}.fs-kv dd{margin:0;display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#1A2233;text-align:right}.fs-kv dd .v-av{width:22px;height:22px}

.fs-tree{display:grid;justify-items:center;margin-top:4px}
.fs-nd{display:flex;align-items:center;gap:9px;padding:7px 12px 7px 7px;border-radius:14px;background:#F4F7F4;font-size:13px}.fs-nd .v-av{width:32px;height:32px}
.fs-nd span{display:grid}.fs-nd b{font-weight:600}.fs-nd small{font-size:11.5px;color:#5B6660}
.fs-nd.on{background:#fff;box-shadow:0 0 0 1.5px #00A550}
.fs-ln{width:1.5px;height:14px;background:#BFD8C9}
.fs-team{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%;padding-top:10px;border-top:1.5px solid #BFD8C9}
.fs-team span{display:grid;justify-items:center;gap:3px;font-size:11.5px;text-align:center}.fs-team .v-av{width:34px;height:34px}.fs-team b{font-weight:600}
.fs-team em{font-style:normal;font-size:10px;font-weight:600;padding:1px 6px;border-radius:99px;background:var(--ks-green-bg);color:var(--ks-green-ink)}
.fs-more i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#EEF1EE;font:600 12px/1 var(--sans);font-style:normal;color:#4F5B54}.fs-more b{color:#7A857F;font-weight:500}
.fs-foot{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:10px;border-top:1px solid var(--ks-line);font-size:12.5px;color:#6B7470}.fs-foot b{color:#1A2233;font-weight:600}
.fs-ph{position:relative;display:block;font-style:normal}.fs-team .fs-ph em{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);box-shadow:0 0 0 2px #fff}
.fs-team b{margin-top:4px}
/* the chain of command: the boxes on it get a green edge, the line between them is green */
.fs-nd.cmd{background:#fff;box-shadow:0 0 0 1.5px #5CC08A}.fs-nd.dim{opacity:.6;padding:6px 10px 6px 6px}.fs-nd.dim .v-av{width:26px;height:26px}
.fs-ln.g{width:2.5px;background:#00A550;border-radius:2px}
.fs-lvl{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.fs-lvl .fs-nd{font-size:12px}.fs-lvl .fs-nd small{font-size:10.5px}
.fs-team{border-top-color:#00A550}
.fs-cmd{display:inline-block;width:14px;height:2.5px;margin-right:7px;vertical-align:middle;border-radius:2px;background:#00A550}
.fs-lvl{gap:8px}.fs-lvl .fs-nd{white-space:nowrap}
.fs-dept{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:99px;background:#F4F7F4;font-size:12px;color:#7A818C;white-space:nowrap}.fs-dept b{font-weight:600;color:#4F5B54}
.fs-team{width:100%;box-sizing:border-box}
.fs-tree{grid-template-columns:minmax(0,1fr)}

/* the remaining content-list cards */
.fs-sub{margin:-4px 0 10px;font-size:12px;color:#6B7470}
.fs-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--ks-line);font-size:12.5px;color:#6B7470}.fs-r b{color:#1A2233;font-weight:600}
.fs-ls{list-style:none;margin:0;padding:0}.fs-ls li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ks-line);font-size:13px}.fs-ls li:first-child{border-top:0}
.fs-ls li>.hi{flex:none;width:30px;height:30px;border-radius:9px;background:#E3F2E9;color:#00693E;font-size:16px}.fs-ls li>span{flex:1;display:grid;min-width:0}.fs-ls small{font-size:11.5px;color:#7A857F}
.fs-kb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fs-kb>div{display:grid;gap:5px;align-content:start;padding:7px;border-radius:12px;background:#F4F6F3;min-height:120px}
.fs-kb>div>b{display:flex;justify-content:space-between;font-size:11.5px;color:#4F596B}.fs-kb>div>b em{font-style:normal;padding:0 6px;border-radius:99px;background:#fff;font-weight:600}
.fs-kc{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;padding:6px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px rgba(26,34,51,.06);font-size:11px}
.fs-kc .v-av{width:22px;height:22px;grid-row:1 / span 2}.fs-kc>span{display:grid;gap:3px;min-width:0}.fs-kc>span>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.fs-kc i{height:4px;border-radius:99px;background:#EDF0EC;overflow:hidden}.fs-kc i b{display:block;height:100%;background:#00A550;border-radius:inherit}.fs-kc em{grid-column:2;font-style:normal;font-size:10.5px;font-weight:600;color:#4F596B}
.fs-kc.best{box-shadow:0 0 0 1.5px #00A550}.fs-kc.best em{color:#00693E}
.fs-who.sm .v-av{width:40px;height:40px}.fs-who.sm b{font:600 14px/1.2 var(--sans)}.fs-who.sm>span{flex:1}
.fs-ring{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font:700 12px/1 var(--sans);font-style:normal;color:#00693E;box-shadow:inset 0 0 0 3.5px #00A550}
.fs-ax{display:grid;grid-template-columns:minmax(0,1fr) auto 38px;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--ks-line);font-size:12.5px}.fs-ax b{text-align:right;font-variant-numeric:tabular-nums}
.fs-dots{display:flex;gap:4px}.fs-dots i{width:9px;height:9px;border-radius:50%;background:#E3E7E3}.fs-dots i.on{background:#00A550}
.fs-big{display:flex;align-items:baseline;gap:8px;margin:2px 0 10px}.fs-big b{font:600 30px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.fs-big span{font-size:12px;color:#6B7470}
.fs-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;height:100px;margin-bottom:8px}.fs-bars span{display:grid;justify-items:center;gap:3px;align-self:end}
.fs-bars i{width:30px;border-radius:6px 6px 3px 3px;background:#CFE6D8}.fs-bars span.on i{background:#00A550}.fs-bars small{font-size:11px;color:#7A818C}.fs-bars b{font-size:11.5px;font-variant-numeric:tabular-nums}
.fs-path{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:2px;position:relative}
.fs-path li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px}.fs-path li>.hi{flex:none;font-size:19px;color:#00A550}.fs-path span{display:grid}.fs-path small{font-size:11.5px;color:#7A857F}
.fs-o{flex:none;width:17px;height:17px;margin:1px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #C9CEC8}.fs-path li.now .fs-o{box-shadow:inset 0 0 0 1.5px #00693E;background:radial-gradient(circle,#00693E 0 3.5px,transparent 4.5px)}
.fs-ck{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:6px}.fs-ck li{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:11px;background:#F4F8F5;font-size:12.5px}.fs-ck li>.hi{flex:none;font-size:16px;color:#00A550}.fs-ck span{display:grid}.fs-ck small{font-size:11px;color:#5B6660}
.fs-tl{display:flex;gap:3px;height:12px;margin-top:4px}.fs-tl i{border-radius:4px;background:#F2B866}.fs-tl i.r{background:var(--ks-green-2)}
.fs-tlx{display:flex;justify-content:space-between;margin:5px 0 8px;font-size:11px;color:#7A818C}
/* fixes after the first look: the kanban and the week need room; big numbers stay on one line */
.p-index .ms-stop>[data-ms-card="forside_kanban"]{width:min(480px,100%)}
.p-index .ms-stop>[data-ms-card="shifts_week"]{width:min(800px,100%)}
.fs-big{flex-wrap:wrap}.fs-big b{white-space:nowrap}.fs-big span{flex:1 1 160px}

/* ═══ round 2 (Mark 23-10) ═══ */
/* widths for the cards that carry a table or a tree */
[data-ms-card="forside_org"]{width:min(600px,100%)!important}[data-ms-card="forside_rounds"]{width:min(540px,100%)!important}
[data-ms-card="forside_hours"]{width:min(680px,100%)!important}[data-ms-card="forside_week"]{width:min(780px,100%)!important}
[data-ms-card="forside_payrun"]{width:min(900px,100%)!important}[data-ms-card="forside_refunds"]{width:min(720px,100%)!important}
[data-ms-card="forside_learnteam"],[data-ms-card="forside_assign"]{width:min(420px,100%)!important}
/* the organisation: two departments side by side under the director */
.fs-org{display:grid;justify-items:center;grid-template-columns:minmax(0,1fr)}
.fs-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;padding-top:12px;border-top:2.5px solid #00A550;border-image:linear-gradient(90deg,transparent 25%,#00A550 25%,#00A550 50%,#DCE8E0 50%,#DCE8E0 75%,transparent 75%) 1}
.fs-dep{display:grid;justify-items:center;align-content:start;padding:10px 8px 8px;border-radius:16px;background:#F7F9F6}.fs-dep.on{background:#F0F8F3}
.fs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px;width:100%;padding-top:10px;border-top:1.5px solid #DCE8E0}.fs-dep.on .fs-grid{border-top-color:#00A550}
.fs-p{display:grid;justify-items:center;gap:2px;font-size:11px;text-align:center;min-width:0}.fs-p .v-av{width:32px;height:32px}.fs-p b{font-weight:600;margin-top:3px}.fs-p small{font-size:9.5px;color:#7A857F}
.fs-p .fs-ph em{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);font-style:normal;font-size:9px;font-weight:700;padding:0 5px;border-radius:99px;background:var(--ks-green-bg);color:var(--ks-green-ink);box-shadow:0 0 0 2px #fff}
.fs-p.on .v-av{box-shadow:0 0 0 2.5px #00A550}.fs-p.more i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#E8ECE8;font:600 11px/1 var(--sans);font-style:normal;color:#4F5B54}.fs-p.more b{color:#7A857F;font-weight:500}
.fs-cnt{margin:8px 0 0;font-size:11px;color:#6B7470}
.fs-dep .fs-nd{font-size:12px}.fs-dep .fs-nd .v-av{width:28px;height:28px}
/* documents and signing */
.fs-doc{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:#FBFAF7;box-shadow:inset 0 0 0 1px #ECE7DE;margin-bottom:8px}.fs-doc b{font-size:13.5px}.fs-doc small{font-size:11.5px;color:#7A857F}
.fs-sigl{margin-top:8px;padding-top:6px;border-top:1.5px dashed #D9D3C6}.fs-sigl i{font:italic 400 20px/1 var(--serif);color:var(--ks-blue-ink)}
.fs-sg .v-av{width:28px;height:28px;flex:none}
/* the spider chart */
.fs-radar{display:block;width:100%;height:auto;margin:2px 0 4px}.fs-radar .gr{fill:none;stroke:#E3E7E3;stroke-width:1}.fs-radar text{font:500 9.5px var(--sans);fill:#5B6660;dominant-baseline:middle}
.fs-radar .pr{fill:rgba(0,165,80,.08);stroke:#00A550;stroke-width:1.6;stroke-dasharray:4 3}.fs-radar .w{fill:rgba(47,111,214,.16);stroke:var(--ks-blue);stroke-width:1.8}.fs-radar .i{fill:rgba(115,87,209,.12);stroke:var(--ks-violet);stroke-width:1.5}
.fs-leg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:11.5px;color:#4F5B54}.fs-leg i{width:10px;height:10px;border-radius:3px;margin-left:8px}.fs-leg i:first-child{margin-left:0}
.fs-leg i.pr{box-shadow:inset 0 0 0 1.5px #00A550}.fs-leg i.w{background:var(--ks-blue)}.fs-leg i.i{background:var(--ks-violet)}
/* feedback rounds */
.fs-rd{list-style:none;margin:0;padding:0}.fs-rd li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--ks-line);font-size:12.5px}.fs-rd li:first-child{border-top:0}
.fs-rd li>span:first-child{display:grid}.fs-rd small{font-size:11px;color:#7A857F}.fs-rb{display:grid;gap:3px}.fs-rb i{height:6px;border-radius:99px;background:#EDF0EC;overflow:hidden}.fs-rb i b{display:block;height:100%;background:#00A550;border-radius:inherit}
.fs-rd li:nth-child(n+4){opacity:.62}
.fs-miss{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#FDF6EA}.fs-miss>span:last-child{display:grid}.fs-miss small{font-size:11px;color:#6B5A3E}
.fs-avs{display:flex}.fs-avs .v-av{width:26px;height:26px;box-shadow:0 0 0 2px #FDF6EA}.fs-avs .v-av+.v-av{margin-left:-8px}.fs-avs i{display:grid;place-items:center;width:26px;height:26px;margin-left:-8px;border-radius:50%;background:#F3E3C6;font:600 10px/1 var(--sans);font-style:normal;color:#8F5300;box-shadow:0 0 0 2px #FDF6EA}
.fs-pr{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;color:#4F596B}
/* the hours table */
.fs-hrt{display:grid;font-size:12px}.fs-hrw{display:grid;grid-template-columns:minmax(0,1.7fr) .9fr .8fr .8fr .9fr 1fr;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--ks-line);font-variant-numeric:tabular-nums}
.fs-hrw.h{border-top:0;font-size:10.5px;color:#7A818C}.fs-hrw>span:not(.fs-hn),.fs-hrw>b{text-align:right}.fs-hrw small{color:#9AA29D}
.fs-hn{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}.fs-hn .v-av{width:24px;height:24px;flex:none}.fs-hn em{font-size:10px!important;padding:1px 6px!important}
.fs-hrw.warn{background:linear-gradient(90deg,#FDF6EA,transparent 70%)}.fs-hrw.bad{background:linear-gradient(90deg,#FDF0F0,transparent 70%)}
.fs-hrw.f{border-top:1.5px solid #E2E4DE;font-weight:600;color:#1A2233}.fs-hrw.f>span:first-child{text-align:left;color:#6B7470;font-weight:500}
.fs-sent{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 11px;border-radius:12px;background:var(--ks-blue-bg);font-size:12px;color:var(--ks-blue-ink)}.fs-sent .hi{flex:none;font-size:15px}
/* the week */
.fs-wk{display:grid;grid-template-columns:86px repeat(7,minmax(0,1fr));gap:4px;font-size:11px;align-items:center}
.fs-wd{text-align:center;color:#7A818C;font-size:10.5px;padding-bottom:2px}
.fs-wn{display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap;font-size:12px}.fs-wn .v-av{width:22px;height:22px}.fs-open{width:22px;height:22px;border-radius:50%;border:1.5px dashed #E2A646}
.fs-wc{display:grid;place-content:center;justify-items:center;min-height:32px;border-radius:8px;background:#F6F7F4;font-weight:600;font-variant-numeric:tabular-nums}.fs-wc:not(:empty){background:#E3F1E9;color:#0B4F33}
.fs-wc small{font-size:9px;font-weight:600}.fs-wc.r{background:#FDECEC;color:#B3302B}.fs-wc.b{background:var(--ks-blue-bg);color:var(--ks-blue-ink)}
.fs-wc.o{background:repeating-linear-gradient(135deg,#FDF6EA 0 5px,#FBEBD3 5px 10px);color:#8F5300;box-shadow:inset 0 0 0 1px #E2A646}
.fs-wc.sw{background:#fff;box-shadow:inset 0 0 0 1.5px #E2A646;color:#8F5300}.fs-wc.cov{background:#fff;box-shadow:inset 0 0 0 1.5px #00A550;color:#00693E}
/* the payroll run */
.fs-prt{display:grid;font-size:13px}   /* Mark 25-10: the payroll table is read, not glanced at */.fs-prw{display:grid;grid-template-columns:minmax(0,1.6fr) .7fr .8fr .7fr .7fr .7fr .6fr 1fr .9fr;align-items:center;gap:6px;padding:7px 0;border-top:1px solid var(--ks-line);font-variant-numeric:tabular-nums}
.fs-prw.h{border-top:0;font-size:12px;font-weight:600;color:#4F596B;align-items:end}.fs-prw>span:not(.fs-hn),.fs-prw>b{text-align:right}.fs-prw.f{border-top:1.5px solid #E2E4DE;font-weight:600}.fs-prw.f>span:first-child{text-align:left;color:#6B7470;font-weight:500}
/* refunds through the process */
.fs-rft{display:grid}.fs-rfr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.9fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ks-line);font-size:12px}
.fs-rfr.h{border-top:0;font-size:10.5px;color:#7A818C}.fs-rfr .fs-hn>span{display:grid;min-width:0}.fs-rfr .fs-hn small{font-size:10.5px;color:#7A857F}
.fs-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.fs-steps i{height:6px;border-radius:99px;background:#EDF0EC}.fs-steps i.d{background:#00A550}.fs-steps i.now{background:#5CC08A;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00A550}
.fs-steps small{grid-column:1 / -1;font-size:10.5px;color:#5B6660}.fs-rk{display:grid;text-align:right;font-variant-numeric:tabular-nums}.fs-rk small{font-size:10.5px;color:#7A857F}
/* round 2 fixes: headers start left, columns line up row to row */
.fs-hrw.h>span:first-child,.fs-prw.h>span:first-child{text-align:left}
.fs-rd li{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 128px}.fs-rd li>.ks-chip{justify-self:end}
.fs-rfr{grid-template-columns:minmax(0,1.25fr) 170px 150px 150px}.fs-rfr>.ks-chip{justify-self:end}
/* ═══ round 3 (Mark 23-10, 19–25) ═══ */
[data-ms-card="forside_simsum"]{width:min(680px,100%)!important}[data-ms-card="forside_skillmatrix"]{width:min(560px,100%)!important}
[data-ms-card="forside_assets"]{width:min(560px,100%)!important}[data-ms-card="forside_returns"]{width:min(640px,100%)!important}
/* 19 · the year's refunds */
.fs-ry{list-style:none;margin:6px 0 0;padding:0}.fs-ry li{display:grid;grid-template-columns:26px minmax(0,1fr) 70px auto;align-items:center;gap:9px;padding:6px 0;border-top:1px solid var(--ks-line);font-size:12px}
.fs-ry li:first-child{border-top:0}.fs-ry .v-av{width:26px;height:26px}.fs-ry span{display:grid;min-width:0}.fs-ry small{font-size:10.5px;color:#7A857F}
.fs-ryb{height:6px;border-radius:99px;background:#EDF0EC;overflow:hidden}.fs-ryb b{display:block;height:100%;border-radius:inherit;background:var(--ks-blue)}
.fs-ry em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;min-width:72px}
/* 20 · the scenario summary */
.fs-sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.fs-simt{display:grid;justify-items:center;padding:12px 10px 10px;border-radius:16px;background:#F7F9F6}.fs-simt .fs-nd{font-size:12px}.fs-simt .fs-nd .v-av{width:28px;height:28px}
.fs-simt .fs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.fs-p.out .v-av{filter:grayscale(1);opacity:.55;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #E05A4F}.fs-p.out b{color:#B3302B;text-decoration:line-through;text-decoration-thickness:1.5px}
.fs-p.out .fs-ph em{background:#FDECEC;color:#B3302B}
.fs-calc ul{list-style:none;margin:0;padding:0}.fs-calc li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--ks-line);font-size:12px}.fs-calc li:first-child{border-top:0}
.fs-calc li span{color:#6B7470}.fs-calc li b{font-variant-numeric:tabular-nums}.fs-calc li.a b{color:#8F5300}
.fs-save{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.fs-save span{display:grid;padding:9px 11px;border-radius:12px;background:var(--ks-green-bg)}.fs-save small{font-size:10.5px;color:#3F6B53}.fs-save b{font:600 17px/1.2 var(--sans);color:#0B4F33;font-variant-numeric:tabular-nums}
.fs-cum{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;align-items:end;height:46px;padding:0 2px;border-bottom:1.5px solid #E2E4DE}.fs-cum i{border-radius:5px 5px 0 0;background:linear-gradient(#5CC08A,#00A550)}.fs-cum i.neg{background:#F3D9A8;border-radius:0 0 5px 5px;align-self:start;margin-top:100%}
.fs-cumx{display:flex;justify-content:space-between;margin:4px 0 0;font-size:10px;color:#7A857F}
.fs-lost{display:grid;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--ks-line);font-size:12px}.fs-lost span{display:flex;flex-wrap:wrap;gap:6px}
/* 21 · the company's skills */
.fs-mx{display:grid;grid-template-columns:78px repeat(7,minmax(0,1fr));gap:4px;align-items:center;font-size:11px}
.fs-mxh{font-size:9.5px;color:#6B7470;text-align:center;line-height:1.15;hyphens:manual;align-self:end;padding-bottom:3px}
.fs-mxd{display:grid;line-height:1.15}.fs-mxd b{font-size:12px}.fs-mxd small{font-size:9.5px;color:#7A857F}
.fs-mx i{display:grid;place-items:center;height:30px;border-radius:7px;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;background:#F3F4F1;color:#9AA29D}
.fs-mx i.l2,.fs-mxl i.l2{background:#E4ECFA;color:#2E4E8F}.fs-mx i.l3,.fs-mxl i.l3{background:#B9CDF2;color:#1E3A73}.fs-mx i.l4,.fs-mxl i.l4{background:var(--ks-blue);color:#fff}
.fs-mx i.gone,.fs-mxl i.gone{background:#fff;color:#B3302B;box-shadow:inset 0 0 0 1.5px #E05A4F}
.fs-mxl{margin-top:10px}.fs-mxl i{width:12px;height:12px;border-radius:3px}
/* 23 · the register */
.fs-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.fs-kpi span{display:grid;padding:8px 10px;border-radius:12px;background:var(--ks-green-bg)}
.fs-kpi span.b{background:var(--ks-blue-bg)}.fs-kpi span.a{background:#FDF6EA}.fs-kpi b{font:600 18px/1.1 var(--sans);font-variant-numeric:tabular-nums}.fs-kpi small{font-size:10.5px;color:#5B6660}
.fs-dv{list-style:none;margin:0;padding:0}.fs-dv li{display:grid;grid-template-columns:32px minmax(0,1.2fr) minmax(0,1fr) 86px;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--ks-line);font-size:12px}
.fs-dv li:first-child{border-top:0}.fs-dv li>.ks-chip{justify-self:end}.fs-dv li>span:nth-child(2){display:grid;min-width:0}.fs-dv small{font-size:10.5px;color:#7A857F}
.fs-dvi{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#F3F4F1;color:#3F4A44}.fs-dvi svg{width:17px;height:17px}
.fs-dvw{display:flex;align-items:center;gap:6px;min-width:0}.fs-dvw .v-av{width:22px;height:22px;flex:none}.fs-dvw small{color:#4F5B54!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-accs{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--ks-line)}.fs-accs>small{font-size:11px;color:#6B7470}.fs-accs>span{display:flex;flex-wrap:wrap;gap:6px}
.fs-acc{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border-radius:99px;background:#F6F7F4;font-size:11.5px}.fs-acc i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ks-blue-bg);color:var(--ks-blue-ink);font:700 10px/1 var(--sans);font-style:normal}.fs-acc i.g{background:var(--ks-green-bg);color:#0B4F33}
/* 25 · returns */
.fs-rt{list-style:none;margin:0;padding:0}.fs-rt li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) 104px;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ks-line);font-size:12px}
.fs-rt li:first-child{border-top:0}.fs-rt li>.ks-chip{justify-self:end}.fs-rt .fs-hn>span{display:grid;min-width:0}.fs-rt .fs-hn small{font-size:10.5px;color:#7A857F}.fs-rt .fs-hn .v-av{width:28px;height:28px}
.fs-its{display:flex;flex-wrap:wrap;gap:4px}.fs-it{display:inline-flex;align-items:center;gap:3px;padding:2px 7px 2px 5px;border-radius:99px;font-size:10.5px;font-weight:600;white-space:nowrap}.fs-it svg{width:12px;height:12px}
.fs-it.d{background:var(--ks-green-bg);color:#0B5F38}.fs-it.m{background:#FDF6EA;color:#8F5300;box-shadow:inset 0 0 0 1px #E2A646}.fs-it.n{background:#F3F4F1;color:#5B6660}
.fs-mx i{font-family:var(--sans)}
.fs-p.out .fs-ph em{bottom:auto;top:-4px;left:auto;right:-8px;transform:none}
/* 20 · the two scenarios */
[data-ms-card="forside_scen1"],[data-ms-card="forside_scen2"]{width:min(400px,100%)!important}
.fs-row6{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:12px 6px 10px;margin-bottom:6px;border-radius:14px;background:#F7F9F6}
.fs-p.keep .v-av{box-shadow:0 0 0 2.5px #00A550}.fs-p.keep .fs-ph em{top:-4px;bottom:auto;left:auto;right:-14px;transform:none}
.fs-dim li b{color:#9AA29D;text-decoration:line-through;text-decoration-color:#C9CFCA}
.fs-gr{color:#00693E}
.fs-block{display:flex;gap:10px;align-items:flex-start;margin:8px 0;padding:10px 12px;border-radius:12px;background:#FDECEC;color:#7A1F1B}.fs-block svg{flex:none;width:18px;height:18px;color:#B3302B;margin-top:1px}
.fs-block span{display:grid;gap:2px}.fs-block b{font-size:13px;color:#B3302B}.fs-block small{font-size:11.5px;line-height:1.35}
.fs-skc{list-style:none;margin:6px 0 0;padding:0}.fs-skc li{display:flex;gap:9px;align-items:flex-start;padding:6px 0;border-top:1px solid var(--ks-line);font-size:12px}.fs-skc li:first-child{border-top:0}
.fs-skc svg{flex:none;width:16px;height:16px;margin-top:1px}.fs-skc span{display:grid}.fs-skc small{font-size:10.5px;color:#7A857F}
.fs-skc li.r svg{color:#B3302B}.fs-skc li.r b{color:#B3302B}.fs-skc li.a svg{color:#C27A12}.fs-skc li.g svg{color:#00A550}
.fs-mx i.crit,.fs-mxl i.crit{background:#fff;color:#B3302B;box-shadow:inset 0 0 0 1.5px #E05A4F}
.v-h em:has(>.fs-tr){background:#FDECEC;color:#B3302B}
.fs-calc li b .fs-gr{color:#00693E}
/* the page menu pill floats under the bar: the pinned tour starts below it */
.p-index .tour.is-staged .tbody{padding-top:calc(var(--bar) + 64px)}
/* narrow cards (a phone, or a zig panel on a module page): the wide tables keep the columns that carry the story, the
   rest steps aside. Container queries, so the card answers to its own width, not the window's */
[data-ms-card^="forside_"]>.in{container-type:inline-size}
@container (max-width:600px){
  .fs-prw{grid-template-columns:minmax(0,1.5fr) .7fr .9fr 1fr}.fs-prw>:nth-child(n+3):nth-child(-n+7){display:none}
  .fs-hrw{grid-template-columns:minmax(0,1.4fr) 1fr .8fr 1fr}.fs-hrw>:nth-child(4),.fs-hrw>:nth-child(5){display:none}.fs-hn em{display:none}
  .fs-hn{gap:6px}.fs-hn .v-av{width:22px;height:22px}
  .fs-rfr.h{display:none}.fs-rfr{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.fs-rfr>.fs-steps{grid-column:1 / -1;order:3}.fs-rfr>.ks-chip{order:4;grid-column:1 / -1;justify-self:start}
  .fs-wk{grid-template-columns:26px repeat(7,minmax(0,1fr));gap:3px}.fs-wn{font-size:0;gap:0}.fs-wc{font-size:9px;min-height:30px;letter-spacing:-.02em}.fs-wd{font-size:9px}
}
@container (max-width:420px){
  .fs-rd li{grid-template-columns:minmax(0,1fr) 92px}.fs-rd li>.fs-rb{grid-column:1 / -1;order:3}
  .fs-rt li{grid-template-columns:minmax(0,1fr) auto}.fs-rt li>.fs-its{grid-column:1 / -1;order:3}
  .fs-dv li{grid-template-columns:32px minmax(0,1fr) auto}.fs-dvw{display:none!important}
  .fs-kpi{grid-template-columns:1fr 1fr}
  .fs-row6{gap:2px;padding:10px 2px 8px}.fs-row6 .fs-p small{display:none}
}
/* the organisation on a phone: the two departments stack under the director */
@container (max-width:460px){.fs-split{grid-template-columns:1fr;border-image:none;border-top-color:#00A550}.fs-dep .fs-nd{max-width:100%}.fs-nd span{min-width:0}.fs-nd small{white-space:normal}}
/* the payroll approval in three steps (Mark 23-10) */
.fs-ap{list-style:none;margin:2px 0 0;padding:0;position:relative}.fs-ap::before{content:"";position:absolute;left:14px;top:16px;bottom:16px;width:2px;background:#00A550;border-radius:2px}
.fs-ap li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:7px 0;font-size:12.5px}
.fs-ap .v-av{width:30px;height:30px;box-shadow:0 0 0 3px #fff}.fs-ap span{display:grid;min-width:0}.fs-ap small{font-size:10.5px;color:#7A857F}.fs-ap .hi{color:#00A550;font-size:18px}
/* a stop wider than the stage overflows to the right only, so fit() can measure it and zoom it down */
.p-index .tour .annot.ms-stop{justify-content:safe center}
.p-index .tour.is-staged .tstage{height:var(--room,auto)}.p-index .tour.is-staged .tstop>.annot.ms-stop{min-height:0;height:100%;align-items:safe center;align-content:safe center}.p-index .tour.is-staged .tstop>.annot.ms-lay-steps{align-items:flex-start}
@media (min-width:1041px){.p-index .ms-stop.ms-lay-top2>[data-ms-card="forside_hours"]{width:680px!important}}
/* the simulation page: the top card, its pills, and the summary (Mark 23-10) */
[data-ms-card="simulation_overview"]{width:min(460px,100%)!important}[data-ms-card="forside_simcompare"]{width:min(460px,100%)!important}
.fs-ov{margin-bottom:10px}.fs-ov .fs-row6{width:100%;margin:10px 0 0}
.fs-okline{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:9px 11px;border-radius:12px;background:var(--ks-green-bg);font-size:12px;color:#0B4F33;line-height:1.35}.fs-okline .hi{flex:none;font-size:16px;color:#00A550}
.fs-pill{display:flex;align-items:center;gap:10px}.fs-pill>.hi{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ks-green-bg);color:#00693E;font-size:17px}
.fs-pill span{display:grid}.fs-pill small{font-size:11px;color:#6B7470}.fs-pill b{font-size:14px;font-variant-numeric:tabular-nums}
.fs-cp{display:grid;font-size:12.5px}.fs-cpr{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr 1fr;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--ks-line)}
.fs-cpr.h{border-top:0;font-size:11px;color:#7A818C}.fs-cpr>b{text-align:right;font-variant-numeric:tabular-nums}.fs-cpr>b.r{color:#B3302B}.fs-cpr>b.g{color:#00693E}.fs-cpr span{color:#4F5B54}
/* the badge sits under the face as a small pill: Afskediget in red, Bliver in green */
.fs-p .fs-ph em,.fs-p.out .fs-ph em,.fs-p.keep .fs-ph em{top:auto;bottom:-7px;left:50%;right:auto;transform:translateX(-50%);font-size:8.5px;padding:1px 5px;white-space:nowrap}
.fs-p.keep .fs-ph em{background:var(--ks-green-bg);color:#0B4F33}
.fs-p.out b,.fs-p.keep b{margin-top:8px}
/* the Karma section (Mark 23-10): the sources on the left feed Karma on the right; no icon row under it — a soft green
   mesh rises at the foot and fades back to white */
.p-index #karma .demo{grid-template-columns:minmax(0,1fr) minmax(0,560px)}
.p-index #karma .cardwrap{order:2}.p-index #karma .graph{order:1}
.p-index #karma .kd-src{right:auto;left:0}
.p-index .field-sec{background:linear-gradient(180deg,#FFFFFF 0%,#EEF7F1 30%,#E4F2E9 64%,#F4FAF6 84%,#FFFFFF 100%);padding-bottom:clamp(140px,14vw,220px);isolation:isolate}
.p-index .field-sec::after{content:"";top:auto;bottom:0;height:clamp(240px,26vw,380px);z-index:-1;pointer-events:none;
  background:radial-gradient(38% 55% at 18% 62%,rgba(92,192,138,.55),transparent 70%),radial-gradient(42% 60% at 52% 70%,rgba(0,165,80,.38),transparent 72%),radial-gradient(34% 50% at 84% 58%,rgba(158,216,181,.7),transparent 70%),radial-gradient(60% 40% at 50% 40%,rgba(227,242,232,.9),transparent 75%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 58%,transparent 100%)}
@media (max-width:1040px){.p-index #karma .demo{grid-template-columns:1fr}.p-index #karma .cardwrap{order:1}.p-index #karma .graph{order:2}}

/* ═══ Mark 23-10: the front page's implementation section ═══ */
[data-ms-card="forside_implgantt"]{width:900px!important}   /* measured this wide, so the grid puts it on top */
[data-ms-card="forside_impland"],[data-ms-card="forside_imptasks"]{width:480px!important}
/* the process */
.fs-ip{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.fs-ip li{position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.fs-ip li:not(:last-child)::after{content:"";flex:1;height:2px;min-width:8px;border-radius:2px;background:#E3E6E1}.fs-ip li.d::after{background:#00A550}
.fs-ip i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#F1F2EE;color:#7A818C;font:600 12px/1 var(--sans);font-style:normal}
.fs-ip li.d i{background:#00A550;color:#fff}.fs-ip li.d i .hi{font-size:14px}.fs-ip li.now i{background:#fff;color:#00693E;box-shadow:inset 0 0 0 2px #00A550}
.fs-ip span{display:grid;min-width:0}.fs-ip b{font-size:12.5px;font-weight:600;white-space:nowrap}.fs-ip small{font-size:10.5px;color:#7A857F;white-space:nowrap}
/* the Gantt chart: a label column, then one column per week */
.fs-gt{--lab:150px;position:relative;display:grid;gap:6px;padding-top:2px;background:linear-gradient(90deg,var(--ks-line,#ECEDE8) 1px,transparent 1px) var(--lab) 0/calc((100% - var(--lab)) / 8) 100% repeat-y}
.fs-gr{display:grid;grid-template-columns:var(--lab) repeat(8,minmax(0,1fr));align-items:center;min-height:30px;column-gap:0}
.fs-gr.h{min-height:0;font-size:10.5px;color:#7A818C}.fs-gr.h span{padding-left:6px}
.fs-gn{grid-column:1;display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px}.fs-gn b{font-weight:600;color:#1A2233;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-flag{flex:none;width:20px;height:14px;border-radius:3px;box-shadow:0 0 0 1px rgba(26,34,51,.08)}
.fs-gk{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#00693E;color:#fff;font:600 11px/1 var(--serif);font-style:normal}
.fs-gb{grid-row:1;height:22px;margin:0 3px;display:flex;align-items:center;padding:0 8px;border-radius:7px;font:600 10.5px/1 var(--sans);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-gb.g{background:linear-gradient(90deg,#00A550,#00693E);color:#fff}.fs-gb.b{background:var(--ks-blue-bg,#E8F0FC);color:var(--ks-blue-ink,#1F4FA0);box-shadow:inset 3px 0 0 var(--ks-blue,#2F6FD6)}.fs-gb.l{background:#E3F2E9;color:#00693E}
.fs-gl{grid-row:1;justify-self:start;width:14px;height:14px;margin-left:4px;background:#00693E;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 3px #fff}
.fs-now{position:absolute;top:0;bottom:-4px;left:calc(var(--lab) + (100% - var(--lab)) * 3.55 / 8);width:0;border-left:1.5px dashed #E2A646;pointer-events:none}
.fs-now em{position:absolute;top:-2px;left:4px;padding:1px 6px;border-radius:99px;background:#FCEFDD;color:#8F5300;font:600 10px/1.4 var(--sans);font-style:normal;white-space:nowrap}
.fs-lgd{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.fs-lgd>i{width:12px;height:8px;border-radius:3px;margin-left:6px}.fs-lgd>i:first-child{margin-left:0}
.fs-lgd>i.g{background:#00A550}.fs-lgd>i.b{background:var(--ks-blue,#2F6FD6)}.fs-lgd>i.l{background:#BFE3CD}.fs-lgd>i.gl{width:8px;height:8px;border-radius:1px;background:#00693E;transform:rotate(45deg)}
/* the landscape: in on the left, Komma in the middle, out on the right */
.fs-land{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);gap:12px;align-items:center}
.fs-land ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fs-land li{position:relative;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:11px;background:#F6F8F5;font-size:12.5px}
.fs-land li span{flex:1;display:grid;min-width:0}.fs-land li b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-land li small{font-size:10.5px;color:#7A857F}
.fs-land li.fs-lh{padding:0 2px;background:none;font-size:10.5px;font-weight:600;color:#7A818C}
.fs-lin li:not(.fs-lh)::after,.fs-lout li:not(.fs-lh)::before{content:"";position:absolute;top:50%;width:12px;border-top:1.5px dashed #9FD3B5}
.fs-lin li::after{right:-12px}.fs-lout li::before{left:-12px}
.fs-hub{display:grid;place-items:center;align-content:center;gap:3px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1C8A55,#0B5A36);color:#fff;text-align:center;box-shadow:0 0 0 6px #E3F2E9}
.fs-hub b{font:500 17px/1 var(--serif)}.fs-hub small{font-size:9.5px;color:rgba(255,255,255,.8)}
.fs-st{flex:none;width:9px;height:9px;border-radius:50%;background:#00A550;font-style:normal}.fs-st.a{background:#E2A646}
/* the tasks */
.fs-tkp{display:flex;align-items:center;gap:10px;margin-bottom:6px}.fs-tkp i{flex:1;height:7px;border-radius:99px;background:#EDF0EC;overflow:hidden}.fs-tkp i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00A550,#00693E)}.fs-tkp span{font-size:12px;font-weight:600;color:#00693E}
.fs-tk{list-style:none;margin:0;padding:0}.fs-tk li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ks-line,#ECEDE8);font-size:12.5px}.fs-tk li:first-child{border-top:0}
.fs-tk li span{flex:1;display:grid;min-width:0}.fs-tk b{font-weight:600}.fs-tk small{font-size:11px;color:#7A857F}
.fs-foot>span .hi{font-size:15px;color:#00A550;margin-right:5px;vertical-align:-3px}
@container (max-width:560px){
  .fs-ip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}.fs-ip li::after{display:none}
  .fs-gt{--lab:86px}.fs-gr.h span:nth-child(odd):not(:first-child){visibility:hidden}.fs-gn b{font-size:11.5px}.fs-gb{font-size:0;padding:0}
}
@container (max-width:400px){   /* a phone: the process as five small steps, the weeks as numbers */
  .fs-ip{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.fs-ip li{flex-direction:column;text-align:center;gap:4px}.fs-ip small{display:none}.fs-ip b{font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .fs-foot:has(.fs-lgd){flex-direction:column;align-items:flex-start;gap:6px}
  .fs-gr.h span i{display:none}.fs-gr.h span:nth-child(odd):not(:first-child){visibility:visible}.fs-gr.h span{padding-left:3px}
}
@container (max-width:400px){   /* the landscape stacks only on a phone */
  .fs-land{grid-template-columns:1fr;justify-items:stretch}.fs-hub{width:84px;justify-self:center;order:-1}.fs-lin li::after,.fs-lout li::before{display:none}
}
@container (max-width:300px){   /* the narrowest (the demo on a phone): name, absence, gross */
  .fs-prw{grid-template-columns:minmax(0,1.3fr) 1fr .9fr}.fs-prw>:nth-child(2){display:none}
  .fs-prw .fs-hn b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* the chain of command as one unbroken green line with soft turns (Mark 30-10): Henrik's line bends left and down into
   Thomas, Thomas's bends left and down into Sofie; the branches to the others stay pale */
.fs-org .fs-split{position:relative;padding-top:18px;border-top:0;border-image:none}
.fs-org .fs-split::before,.fs-org .fs-split::after,.fs-org .fs-dep:not(.on)::before,.fs-org .fs-dep.on .fs-grid::before,.fs-org .fs-dep.on .fs-grid::after{content:"";position:absolute;box-sizing:border-box;pointer-events:none}
.fs-org .fs-split::before{top:0;height:10px;left:calc(25% - 3.5px + 8px);right:calc(50% - 1.25px);border:solid #00A550;border-width:0 2.5px 2.5px 0;border-bottom-right-radius:8px}
.fs-org .fs-split::after{top:7.5px;height:20.5px;left:calc(25% - 3.5px - 1.25px);width:10px;border:solid #00A550;border-width:2.5px 0 0 2.5px;border-top-left-radius:8px}
.fs-org .fs-dep{position:relative}
.fs-org .fs-dep:not(.on)::before{top:-10.5px;height:20.5px;left:-8.25px;right:calc(50% - 1px);border:solid #DCE8E0;border-width:2px 2px 0 0;border-top-right-radius:8px}
.fs-org .fs-grid{position:relative;padding-top:14px}
.fs-org .fs-dep.on .fs-grid{border-top-color:#DCE8E0}
.fs-org .fs-dep.on .fs-grid::before{top:-10px;height:10.5px;left:calc(12.5% - 1.5px + 8px);right:calc(50% - 1.25px);border:solid #00A550;border-width:0 2.5px 2.5px 0;border-bottom-right-radius:8px}
.fs-org .fs-dep.on .fs-grid::after{top:-2px;height:16px;left:calc(12.5% - 1.5px - 1.25px);width:10px;border:solid #00A550;border-width:2.5px 0 0 2.5px;border-top-left-radius:8px}
@container (max-width:460px){   /* one column: the line runs straight down from Henrik into Thomas */
  .fs-org .fs-split{padding-top:12px;border-top:0}
  .fs-org .fs-split::before,.fs-org .fs-dep:not(.on)::before{display:none}
  .fs-org .fs-split::after{top:0;height:22px;left:calc(50% - 1.25px);width:2.5px;border-width:0 0 0 2.5px;border-radius:0}
}
.fs-org .fs-p .fs-ph em{top:-6px;bottom:auto;left:auto;right:-14px;transform:none}   /* "Ny" sits on the photo's corner, clear of the name */