/* The simplified module cards (the hero proposal's .vc cards and their .v-* parts), shared by the front page proposals
   and the subpages' app window. Written by tools-skitse/forslag8.py from da/forside-skitse2.html's style block. */
.vc{position:absolute;left:0;top:0;width:252px;padding:7px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.6));border:1px solid #fff;box-shadow:0 0 0 1px rgba(8,50,30,.06),0 26px 50px -26px rgba(8,50,30,.42);transform-origin:50% 50%;font:400 14px/1.3 var(--sans);color:#1A2233;will-change:transform,opacity}
.vc.w-wide{width:296px}
.vc.w-pill{width:250px;border-radius:999px}
.vc .in{background:#fff;border-radius:18px;padding:15px 16px 16px;box-shadow:0 0 0 1px rgba(26,34,51,.05)}
.vc.w-pill .in{border-radius:999px;padding:10px 10px 10px 10px}
.v-h{display:flex;align-items:center;gap:9px;white-space:nowrap}
.v-h b{font-weight:600;font-size:15px}
.v-h>i{width:30px;height:30px;border-radius:10px;background:#E3F2E9;color:#00693E;display:grid;place-items:center;font-size:17px;flex:none}
.v-h em{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:12px;font-weight:600;color:#00693E;background:#EEF7F1;padding:4px 9px;border-radius:99px}
.live{width:7px;height:7px;border-radius:50%;background:#00A550;box-shadow:0 0 0 3px rgba(0,165,80,.18);display:inline-block}
.v-big{font:600 34px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.v-mid{font:600 20px/1.1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.v-mid.g{color:#00693E}
.v-sm{font-size:12px;color:#5B6660}
.v-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.v-mt{margin-top:8px}
.v-tight{margin-top:8px;justify-content:flex-start}
.v-acts{display:flex;gap:7px;margin-top:14px}
.v-b{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:999px;font-size:13px;font-weight:600;background:#fff;border:1px solid #E2E4DE;white-space:nowrap}
.v-b.p{background:#00693E;border-color:#00693E;color:#fff}
.v-b i{font-size:16px}
.v-ib{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:#F1F3F0;color:#5B6660;flex:none}
.v-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;background:#E3F2E9;color:#00693E;font-size:12px;font-weight:600;font-style:normal}
.v-chip i{font-size:14px}
.v-av{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;display:block;background:#E3F2E9;box-shadow:0 0 0 2px #fff}
.v-big.g{color:#00693E}
.v-bar{height:8px;border-radius:99px;background:#EDF0EC;overflow:hidden;margin-top:8px}
.v-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00A550,#00693E)}
.v-pill{display:flex;align-items:center;gap:12px}
.v-ring{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center;color:#00693E;font-size:20px}
.v-ring>svg{position:absolute;inset:0;transform:rotate(-90deg)}
.v-ring circle{fill:none;stroke:#EDF0EC;stroke-width:3.5}
.v-ring circle.on{stroke:#00A550;stroke-linecap:round}
.v-pt{flex:1;display:grid;justify-items:center}
.v-pt b{font:600 26px/1 var(--sans);letter-spacing:-.02em;color:#00693E;font-variant-numeric:tabular-nums}
.v-pt small{display:inline-flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;color:#5B6660}
.v-wk{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.v-wk li{display:grid;grid-template-columns:32px 1fr;align-items:center;font-size:12px;color:#5B6660}
.v-wk i{height:12px;border-radius:99px;background:#EDF0EC;overflow:hidden}
.v-wk b{display:block;height:100%;border-radius:inherit;background:#00693E}
.v-wk i.now b{background:#5CC08A}
.v-don{display:flex;align-items:center;gap:16px;margin-top:12px}
.v-don .dn{position:relative;width:92px;height:92px;flex:none}
.v-don svg{width:100%;height:100%;transform:rotate(-90deg)}
.v-don circle{fill:none;stroke-width:9}
.v-don .tr{stroke:#EDF0EC}
.v-don .a{stroke:#00693E}
.v-don .b{stroke:#5CC08A}
.v-don .dn span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.1;color:#5B6660}
.v-don .dn b{font:600 28px/1 var(--sans);color:#1A2233;letter-spacing:-.02em}
.v-don ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px;color:#5B6660}
.v-don li{display:flex;align-items:center;gap:7px}
.v-don li b{color:#1A2233;font-weight:600}
.v-don li i{width:10px;height:10px;border-radius:50%;background:#EDF0EC;box-shadow:inset 0 0 0 1px #D6DBD5}
.v-don li i.a{background:#00693E;box-shadow:none}
.v-don li i.b{background:#5CC08A;box-shadow:none}
.v-up{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;background:#E3F2E9;color:#00693E;font-size:13px;font-weight:600}
.v-up i{font-size:15px}
.v-line{position:relative;height:72px;margin-top:14px}
.v-line svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.v-line .gl{fill:none;stroke:rgba(26,34,51,.08);stroke-width:1;vector-effect:non-scaling-stroke}
.v-line .ar{fill:rgba(0,165,80,.1)}
.v-line .ln{fill:none;stroke:#00A550;stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.v-line i{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#00A550;box-shadow:0 0 0 2px #fff}
.v-line i.now{width:13px;height:13px;margin:-6.5px 0 0 -6.5px;background:#00693E;box-shadow:0 0 0 2px #fff,0 0 0 7px rgba(0,165,80,.18)}
.v-stack{position:relative;height:150px}
.v-stack>span{position:absolute;top:14px;width:110px;height:120px;border-radius:16px;background:#EEF4F0;display:grid;justify-items:center;padding-top:16px}
.v-stack .s1{left:2px;transform:rotate(-8deg)}
.v-stack .s2{right:2px;transform:rotate(8deg)}
.v-stack .s0{position:absolute;left:50%;top:0;width:150px;margin-left:-75px;padding:14px 12px 12px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(26,34,51,.06),0 14px 30px -16px rgba(8,50,30,.4);display:grid;justify-items:center;text-align:center}
.v-stack .s0 .v-av{width:48px;height:48px;font-size:15px}
.v-stack .s0>b{margin-top:8px;font-size:13px;white-space:nowrap}
.v-stack .s0 .v-bar{width:100%}
.v-sk{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px}
.v-sk li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border-radius:12px;background:#F6F8F5;font-size:13px;font-weight:550}
.v-dots{display:flex;gap:4px}
.v-dots i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #CFD6CF}
.v-dots i.on{background:#00693E;box-shadow:none}
.v-who{display:flex;align-items:center;gap:11px}
.v-who>div{flex:1}
.v-who b{font-size:14px}
.v-td{list-style:none;margin:12px 0 0;padding:0}
.v-td li{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #F0EEE9;font-size:13px}
.v-td li:first-child{border-top:0}
.v-td li i{font-size:19px;color:#C9CFC9}
.v-td li.d i{color:#00693E}
.v-td li.d span{color:#8A938D;text-decoration:line-through}
.v-td span{flex:1}
.v-td em{font-style:normal;font-size:12px;font-weight:600;color:#B42330}
.v-kf{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.v-kf li{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;border-radius:14px;background:#F6F8F5;font-size:13px}
.v-kf li .v-av{width:30px;height:30px}
.v-kf span{flex:1;min-width:0;white-space:nowrap}
.v-kf span b{font-weight:600}
.v-chip.r{background:#FDF1F2;color:#B42330}
.v-chip.a{background:#FDF3E3;color:#9A5B00;padding:4px 7px}
.v-go{font-style:normal;font-size:12px;font-weight:600;color:#fff;background:#00693E;padding:5px 10px;border-radius:99px}
.v-tog{width:22px;height:13px;border-radius:99px;background:#00A550;position:relative;display:inline-block}
.v-tog::after{content:"";position:absolute;right:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#fff}
.v-fl{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;position:relative}
.v-fl::before{content:"";position:absolute;left:16px;top:16px;bottom:16px;border-left:2px dashed #BFE0CD}
.v-fl li{position:relative;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:550}
.v-fl li>i{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:#fff;color:#00693E;font-size:17px;box-shadow:0 0 0 1px #DCEBE2;flex:none}
.v-fl li.t>i{background:#00693E;color:#fff;box-shadow:none}
.v-fl li.add>i{background:#F6F8F5;color:#7A857F;box-shadow:0 0 0 1px #E2E4DE;border-radius:50%}
.v-fl li.add span{color:#7A857F;font-weight:500}
.v-out{position:relative;display:flex;align-items:center;gap:11px;margin-top:12px;padding:8px 10px;border-radius:14px;background:#F6F8F5}
.v-out .v-av{width:40px;height:40px;filter:grayscale(.7);opacity:.85}
.v-out .x{position:absolute;left:36px;top:30px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#D93644;color:#fff;font-size:12px;box-shadow:0 0 0 2px #fff}
.v-out span{display:grid;font-size:12px;color:#5B6660}
.v-out span b{font-size:14px;color:#1A2233}
.v-keep{display:flex;align-items:center;gap:7px;margin-top:12px;padding:8px 11px;border-radius:12px;background:#E3F2E9;color:#00693E;font-size:12.5px}
.v-keep i{font-size:17px}
.v-keep span{font-weight:600}
.v-keep b{margin-left:auto;font-weight:500}
.v-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.v-sum div{display:grid;justify-items:center;gap:5px;padding:10px 4px;border-radius:12px;background:#F6F8F5}
.v-sum i{font-size:18px;color:#00693E}
.v-sum b{font-size:13.5px;font-variant-numeric:tabular-nums}
.v-tot{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px}
.v-tot span{font-size:13px;color:#5B6660}
.v-tot b{font:600 22px/1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.v-pod{display:flex;align-items:flex-end;justify-content:center;gap:12px;height:110px;margin-top:12px}
.v-pod>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;width:56px}
.v-pod>div>i{display:block;width:100%;border-radius:10px 10px 3px 3px;background:#E3F2E9;margin-top:6px}
.v-pod .w>i{background:#BFE0CD}
.v-pod b{font-size:13px;font-weight:700;margin-top:4px}
.v-pod .w .v-av{width:44px;height:44px;font-size:14px;background:#00693E}
.v-org{display:block;width:100%;height:auto;margin-top:10px;overflow:visible}
.v-org .l{fill:none;stroke:rgba(26,34,51,.28);stroke-width:1.2}
.v-org .n{fill:#F7F8F6;stroke:rgba(26,34,51,.2)}
.v-org .x{fill:#FDF1F2;stroke:#D93644;stroke-width:1.4;stroke-dasharray:3 2}
.v-org .xx{stroke:#D93644;stroke-width:1.6;stroke-linecap:round}
.v-risk{display:flex;align-items:center;gap:7px;margin-top:4px;padding:8px 11px;border-radius:12px;background:#FDF1F2;color:#B42330;font-size:13px;font-weight:600}
.v-risk span{flex:1}
.v-risk i{font-size:16px}
.hb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;padding:0 28px 30px;margin-top:-40px}
.hb-col{display:grid;gap:20px}
.hb .vc{position:relative;width:auto;opacity:1;will-change:auto;background:#fff;padding:0;border:0;box-shadow:0 0 0 1px rgba(26,34,51,.06),0 10px 24px -16px rgba(8,50,30,.3)}
.hb .vc .in{box-shadow:none}
.hb .vc.w-pill{width:auto}
@media (max-width:899px){.hb{grid-template-columns:1fr;padding:0 14px 18px}}
.pr-sum .kt-tile i.hi{font-size:2.4cqw;color:#00693E}
.pr-sum .kt-tile.tot i.hi{color:#7FE0A9}
.pr-checks>i.hi{font-size:2.6cqw;color:#00A550}
.pr-send .kt-btn i.hi{font-size:1.9cqw}
i.hi{display:inline-grid;place-items:center;font-style:normal}
i.hi svg{width:1em;height:1em;display:block}
.hi.ring{width:1em;height:1em;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor}
.hb{margin-top:0;padding-top:26px}
.fl .hi svg{width:1em;height:1em}
.f-pill .hi{color:#00693E;font-size:1.7cqw}
.f-alert .hi{color:#B06D00;font-size:1.6cqw}
.f-tile .hi{width:3cqw;height:3cqw;border-radius:1cqw;background:#E3F2E9;color:#00693E;font-size:1.7cqw}
.f-checks .hi{color:#7FE0A9;font-size:1.7cqw}
.f-checks i:not(.hi){width:1.8cqw;height:.6cqw;border-radius:9cqw;background:#5CC08A}
.f-send .hi{font-size:1.8cqw}
.f-pipe .hi{grid-row:span 2;width:2.8cqw;height:2.8cqw;border-radius:50%;background:#fff;color:#00693E;font-size:1.5cqw;box-shadow:0 0 0 1px #E2E4DE}
.f-pipe .on .hi{background:#0B4F33;color:#fff;box-shadow:none}
.f-assets li>.hi{width:3cqw;height:3cqw;border-radius:1cqw;background:#E3F2E9;color:#00693E;font-size:1.6cqw}
.f-chips .hi{color:#00693E;font-size:1.5cqw}
.f-bt .hi{font-size:1.5cqw}
.hb{padding:22px 24px 26px}
.hb .vc{transition:transform .9s cubic-bezier(.34,1.25,.5,1),opacity .6s ease;transition-delay:var(--d,0s)}
@media (prefers-reduced-motion:reduce){.hb .vc{transition:none}}
.v-team{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px}
.v-team li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px}
.v-team .v-av{width:28px;height:28px}
.v-team i{position:relative;height:12px;border-radius:99px;background:#EEF1EE}
.v-team i b{position:absolute;top:0;bottom:0;border-radius:inherit;background:#5CC08A}
.v-team i b.s{background:#F2B866}
.v-wkd{display:grid;grid-template-columns:28px repeat(5,1fr);margin-top:10px;font-size:11px;color:#7A857F;text-align:center}
.v-ref{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px}
.v-ref li{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:12px;background:#F6F8F5;font-size:13px}
.v-ref li>i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#00693E;font-size:15px;flex:none;box-shadow:0 0 0 1px #E2E4DE}
.v-ref span{flex:1;white-space:nowrap}
.v-ref b{font-variant-numeric:tabular-nums;white-space:nowrap}
.v-cand{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.v-cand li{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:12px;font-size:13px}
.v-cand li.best{background:#EEF7F1;box-shadow:0 0 0 1.5px #5CC08A}
.v-cand .v-av{width:30px;height:30px}
.v-cand span{flex:1;display:grid;white-space:nowrap}
.v-cand small{font-size:11.5px;color:#5B6660}
.v-cand b{font-variant-numeric:tabular-nums}
.v-best{font-style:normal;font-size:11px;font-weight:600;color:#fff;background:#00693E;padding:3px 8px;border-radius:99px}
.v-todo2{list-style:none;margin:12px 0 0;padding:0}
.v-todo2 li{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #F0EEE9;font-size:13px}
.v-todo2 li:first-child{border-top:0}
.v-todo2 li>i{font-size:19px;color:#C9CFC9}
.v-todo2 li.d>i{color:#00693E}
.v-todo2 li.d span{color:#8A938D;text-decoration:line-through}
.v-todo2 span{flex:1;white-space:nowrap}
.v-todo2 em{font-style:normal;font-size:12px;font-weight:600;color:#5B6660;white-space:nowrap}
.v-todo2 em.r{color:#B42330}
.v-save{display:grid;margin-top:12px}
.v-save b{font:600 26px/1 var(--sans);letter-spacing:-.02em;color:#00693E;white-space:nowrap}
.v-save span{margin-top:4px;font-size:12px;color:#5B6660}
.v-keep span b{margin:0;font-weight:600}
.v-keep span{white-space:nowrap}
.v-h b{white-space:nowrap}
.v-sum b,.v-tot b,.v-kf span,.v-fl span{white-space:nowrap}
.vc .in{overflow:hidden}
.v-keep span{display:grid;line-height:1.2}
.v-keep small{font-size:11px;font-weight:500;color:#2F6B4C}
.v-post p{margin:10px 0 0;font-size:13.5px;line-height:1.45}
.v-post .v-chip{margin-top:10px}
.v-ph{display:flex;align-items:center;gap:10px}
.v-ph span{display:block;font-size:13px;line-height:1.35}
.v-ph small{display:block}
.v-ph small{font-size:11.5px;color:#7A857F}
.v-re{display:flex;align-items:center;gap:14px;margin-top:12px;padding-top:10px;border-top:1px solid #F0EEE9;font-size:12.5px;color:#5B6660}
.v-re>span{display:inline-flex;align-items:center;gap:5px}
.v-re i{font-size:16px;color:#00693E}
.v-avs{margin-left:auto}
.v-avs .v-av{width:24px;height:24px}
.v-avs .v-av+.v-av{margin-left:-7px}
.f-chk li .hi{font-size:1.9cqw;color:#00A550}
.f-chk li.bad .hi{color:#D93644}
.f-play .hi,.f-stop .hi{font-size:1.6cqw}
.f-tb .tf .hi{font-size:1.6cqw}
.tb-a .hi{font-size:15px}
.tb-chips .hi{font-size:14px;color:#00693E}
.hb{gap:16px;padding:18px 18px 20px}
.hb-col{gap:16px}
.hb .vc .in{padding:13px 14px 14px}
.f-play .hi{color:#fff}
@media (prefers-reduced-motion:reduce){.v-band b{transition:none}}