/* Preview only: the Personio-like proposal layer for the Danish subpages (and the front-page sketch). Komma DNA:
   white and mint, Komma green, glass frames, Komma's own Heroicons. Not linked from the live site. */
.nav{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}
.nav .in{border-radius:999px;width:min(calc(min(var(--maxw),100%) - 2 * var(--gutter) + 48px),calc(100% - 16px));margin-inline:auto;padding-inline:24px;transition:background .3s,box-shadow .3s,margin .3s,height .3s}
.nav.scrolled .in{margin-top:10px;height:calc(var(--bar) - 12px);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 0 0 1px rgba(8,50,30,.06),0 14px 34px -20px rgba(8,50,30,.4)}
.subnav{top:calc(var(--bar) + env(safe-area-inset-top,0px) + 4px);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}
.subnav .wrap{width:fit-content;max-width:calc(100% - 24px);padding:4px;border-radius:999px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 0 0 1px rgba(8,50,30,.06),0 14px 34px -20px rgba(8,50,30,.4)}
.kd-convo{min-height:0;height:330px;overflow:hidden;margin:16px 0 14px;padding:18px 16px;gap:14px;border-radius:18px;background:linear-gradient(#F6F8F5,#F1F5F2)}
@media (max-width:640px){.kd-convo{height:500px;padding:14px 12px}}
.kd-q{position:relative;margin-right:42px;border-radius:18px 18px 6px 18px;background:#0B5A36;box-shadow:0 8px 18px -12px rgba(8,50,30,.6)}
.kd-q::after{content:"";position:absolute;right:-42px;bottom:0;width:32px;height:32px;border-radius:50%;background:url(../gfx/sofie.jpg) center/cover;box-shadow:0 0 0 2px #fff}
.kd-a,.kd-typing{position:relative;margin-left:42px;border-radius:18px 18px 18px 6px;border-color:#E3EAE5;box-shadow:0 8px 18px -14px rgba(8,50,30,.35)}
.kd-typing{align-self:flex-start;background:#fff;border:1px solid #E3EAE5;padding:13px 16px}
.kd-a::before,.kd-typing::before{content:"";position:absolute;left:-42px;bottom:0;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,#fff 0 4.5px,#00693E 5px);box-shadow:0 0 0 2px #fff}
.kd-meta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 9px;border-radius:99px;background:#EEF7F1;color:#00693E;font-size:12px}
.kd-draft{margin-left:42px;border:0;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #DCEBE2,0 10px 22px -16px rgba(8,50,30,.4);border-left:4px solid #00A550}
.pick{display:none}
.kd-chips{flex-direction:row;flex-wrap:wrap;gap:7px}
.kd-chips button{min-height:36px;padding:7px 14px;font-size:13px}
.kd-input{display:flex;align-items:center;gap:10px;margin-top:12px;padding:6px 6px 6px 16px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #E2E4DE}
.kd-input span{flex:1;color:#8A938D;font-size:14px}.kd-input i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#00693E;color:#fff;font-size:18px}
.feats .fic{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;font-size:28px;color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.card .fic{width:48px;height:48px;margin-bottom:12px;border-radius:14px;display:grid;place-items:center;font-size:24px;color:#fff;background:#00693E}
@media (max-width:640px){.feats .fic{margin:1px 0 0;grid-row:span 2;width:44px;height:44px;font-size:22px}}
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}
.kh small,.kd-chips,.pick{display:none!important}
.kd-convo{height:360px}
@media (max-width:640px){.kd-convo{height:520px}}
.kd-src li{position:relative;border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:12px 16px 12px 54px;background:linear-gradient(160deg,rgba(255,255,255,.66),rgba(255,255,255,.36));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(8,50,30,.05),0 16px 32px -22px rgba(8,50,30,.45);opacity:.62;transition:opacity .4s,box-shadow .4s,background .4s}
.kd-src li::before{content:"";position:absolute;left:14px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:9px;background:#E3F2E9}
.kd-src li::after{content:"";position:absolute;left:19px;top:50%;width:18px;height:18px;margin-top:-9px;background:#00693E;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.kd-src li.on{opacity:1;background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,.7));box-shadow:0 0 0 1.5px #00A550,0 18px 36px -20px rgba(8,50,30,.5)}
.kd-src li.on::before{background:#00693E}.kd-src li.on::after{background:#fff}
.kd-src li:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M16.5%2010.5V6.75C16.5%204.26472%2014.4853%202.25%2012%202.25C9.51472%202.25%207.5%204.26472%207.5%206.75V10.5M6.75%2021.75H17.25C18.4926%2021.75%2019.5%2020.7426%2019.5%2019.5V12.75C19.5%2011.5074%2018.4926%2010.5%2017.25%2010.5H6.75C5.50736%2010.5%204.5%2011.5074%204.5%2012.75V19.5C4.5%2020.7426%205.50736%2021.75%206.75%2021.75Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20/%3E%20%3C/svg%3E")}
.kd-src li:nth-child(2){--ic:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%20%3Cpath%20d%3D%22M18%2018.72a9.094%209.094%200%200%200%203.741-.479%203%203%200%200%200-4.682-2.72m.94%203.198.001.031c0%20.225-.012.447-.037.666A11.944%2011.944%200%200%201%2012%2021c-2.17%200-4.207-.576-5.963-1.584A6.062%206.062%200%200%201%206%2018.719m12%200a5.971%205.971%200%200%200-.941-3.197m0%200A5.995%205.995%200%200%200%2012%2012.75a5.995%205.995%200%200%200-5.058%202.772m0%200a3%203%200%200%200-4.681%202.72%208.986%208.986%200%200%200%203.74.477m.94-3.197a5.971%205.971%200%200%200-.94%203.197M15%206.75a3%203%200%201%201-6%200%203%203%200%200%201%206%200Zm6%203a2.25%202.25%200%201%201-4.5%200%202.25%202.25%200%200%201%204.5%200Zm-13.5%200a2.25%202.25%200%201%201-4.5%200%202.25%202.25%200%200%201%204.5%200Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%20%3C/svg%3E%20")}
.kd-src li:nth-child(3){--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M12%206V12H16.5M21%2012C21%2016.9706%2016.9706%2021%2012%2021C7.02944%2021%203%2016.9706%203%2012C3%207.02944%207.02944%203%2012%203C16.9706%203%2021%207.02944%2021%2012Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20/%3E%20%3C/svg%3E")}
.kd-src li:nth-child(4){--ic:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%20%3Cpath%20d%3D%22M6.75%203V5.25M17.25%203V5.25M3%2018.75V7.5C3%206.25736%204.00736%205.25%205.25%205.25H18.75C19.9926%205.25%2021%206.25736%2021%207.5V18.75M3%2018.75C3%2019.9926%204.00736%2021%205.25%2021H18.75C19.9926%2021%2021%2019.9926%2021%2018.75M3%2018.75V11.25C3%2010.0074%204.00736%209%205.25%209H18.75C19.9926%209%2021%2010.0074%2021%2011.25V18.75M12%2012.75H12.0075V12.7575H12V12.75ZM12%2015H12.0075V15.0075H12V15ZM12%2017.25H12.0075V17.2575H12V17.25ZM9.75%2015H9.7575V15.0075H9.75V15ZM9.75%2017.25H9.7575V17.2575H9.75V17.25ZM7.5%2015H7.5075V15.0075H7.5V15ZM7.5%2017.25H7.5075V17.2575H7.5V17.25ZM14.25%2012.75H14.2575V12.7575H14.25V12.75ZM14.25%2015H14.2575V15.0075H14.25V15ZM14.25%2017.25H14.2575V17.2575H14.25V17.25ZM16.5%2012.75H16.5075V12.7575H16.5V12.75ZM16.5%2015H16.5075V15.0075H16.5V15Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%20%3C/svg%3E%20")}
.kd-src li:nth-child(5){--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M2.25%2018.75C7.71719%2018.75%2013.0136%2019.4812%2018.0468%2020.8512C18.7738%2021.0491%2019.5%2020.5086%2019.5%2019.7551V18.75M3.75%204.5V5.25C3.75%205.66421%203.41421%206%203%206H2.25M2.25%206V5.625C2.25%205.00368%202.75368%204.5%203.375%204.5H20.25M2.25%206V15M20.25%204.5V5.25C20.25%205.66421%2020.5858%206%2021%206H21.75M20.25%204.5H20.625C21.2463%204.5%2021.75%205.00368%2021.75%205.625V15.375C21.75%2015.9963%2021.2463%2016.5%2020.625%2016.5H20.25M21.75%2015H21C20.5858%2015%2020.25%2015.3358%2020.25%2015.75V16.5M20.25%2016.5H3.75M3.75%2016.5H3.375C2.75368%2016.5%202.25%2015.9963%202.25%2015.375V15M3.75%2016.5V15.75C3.75%2015.3358%203.41421%2015%203%2015H2.25M15%2010.5C15%2012.1569%2013.6569%2013.5%2012%2013.5C10.3431%2013.5%209%2012.1569%209%2010.5C9%208.84315%2010.3431%207.5%2012%207.5C13.6569%207.5%2015%208.84315%2015%2010.5ZM18%2010.5H18.0075V10.5075H18V10.5ZM6%2010.5H6.0075V10.5075H6V10.5Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20/%3E%20%3C/svg%3E")}
.kd-src li:nth-child(6){--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M21%2021L15.8033%2015.8033M15.8033%2015.8033C17.1605%2014.4461%2018%2012.5711%2018%2010.5C18%206.35786%2014.6421%203%2010.5%203C6.35786%203%203%206.35786%203%2010.5C3%2014.6421%206.35786%2018%2010.5%2018C12.5711%2018%2014.4461%2017.1605%2015.8033%2015.8033Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20/%3E%20%3C/svg%3E")}
.langselBtn{border:0;gap:7px;min-height:38px;padding:5px 10px 5px 5px;border-radius:999px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(26,34,51,.08)}
.langselBtn:hover{box-shadow:inset 0 0 0 1px rgba(26,34,51,.18)}.langselBtn>svg:first-child{width:24px;height:24px}
.lcode{font:600 13px/1 var(--sans);letter-spacing:.06em;color:#1A2233}
.kd-src li.scan{opacity:1;transform:translateX(-8px);box-shadow:0 0 0 1.5px #5CC08A,0 18px 36px -20px rgba(8,50,30,.5)}
.kd-src li{transition:opacity .35s,box-shadow .35s,background .35s,transform .45s cubic-bezier(.34,1.3,.5,1)}
.feats>div:nth-child(1) .fic{background:#5CC08A;color:#06331F}.feats>div:nth-child(2) .fic{background:#F2B866;color:#5A3500}
.feats>div:nth-child(3) .fic{background:#8CC8F0;color:#0B3B5C}.feats>div:nth-child(4) .fic{background:#FFFFFF;color:#00693E}
.feats .fic{box-shadow:0 10px 24px -12px rgba(0,0,0,.45)}
.feats .fic{width:60px;height:60px;border-radius:18px;font-size:28px;color:#fff;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -4px 8px rgba(0,0,0,.14),0 14px 26px -12px rgba(0,0,0,.55)}
.feats .fic svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.feats>div:nth-child(1) .fic{background:linear-gradient(160deg,#7FDCA6,#1E9B5C);color:#fff}.feats>div:nth-child(2) .fic{background:linear-gradient(160deg,#FFD08A,#E58F1E);color:#fff}
.feats>div:nth-child(3) .fic{background:linear-gradient(160deg,#9FD6FA,#3B8FD0);color:#fff}.feats>div:nth-child(4) .fic{background:linear-gradient(160deg,#FFFFFF,#DDEFE4);color:#00693E}
.field-sec::after{content:"";position:absolute;left:0;right:0;top:100%;height:clamp(96px,10vw,160px);background:linear-gradient(#00693E,#2E8A5C 25%,#BFE0CD 70%,rgba(255,255,255,0));pointer-events:none}   /* fills the gap below with a fade, so the green never stops on a line */
.bg-mint{background:linear-gradient(#FFFFFF 0,var(--mint) clamp(90px,10vw,160px),var(--mint) calc(100% - clamp(90px,10vw,160px)),#FFFFFF 100%)}
.kd-convo{justify-content:flex-start;height:330px}
@media (max-width:640px){.kd-convo{height:500px}}
/* ── the platform menu: Core as the standard module, the rest as add-ons ── */
.ddGrid.ddCore{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:18px;align-items:start}
.ddCore .core{display:grid;gap:8px;padding:18px 18px 20px;border-radius:18px;background:linear-gradient(160deg,#EEF7F1,#DDF0E4);box-shadow:inset 0 0 0 1px #CFE6D8;text-decoration:none;color:inherit}
.ddCore .core:hover{box-shadow:inset 0 0 0 1.5px #5CC08A}
.ddtag{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#00693E;color:#fff;font:600 11.5px/1 var(--sans);letter-spacing:.02em}
.ddCore .core b{font:600 20px/1.2 var(--sans)}.ddCore .core>span:not(.ddtag){color:#4F5B54;font-size:14px;line-height:1.45}
.ddCore .core ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:5px}.ddCore .core li{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#1A2233}.ddCore .core li::before{content:"";width:14px;height:14px;flex:none;border-radius:50%;background:#00A550 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/9px no-repeat}
.ddAdd .ddh{display:flex;align-items:baseline;gap:8px;margin:2px 0 10px;font:600 13px/1 var(--sans);color:#1A2233}.ddAdd .ddh span{font-weight:500;color:#7A857F}.ddAdd .ddh i{font-style:normal;padding:4px 9px;border-radius:99px;background:linear-gradient(160deg,#E6F5EC,#D3EEDD);color:#00693E;box-shadow:inset 0 0 0 1px #BFE3CD;font-size:11px;font-weight:700;letter-spacing:.04em}
.ddGroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ddg{display:grid;align-content:start;gap:2px;padding:12px 12px 10px;border-radius:14px;background:linear-gradient(180deg,#F7FAF8,#F2F7F3);box-shadow:inset 0 0 0 1px #E6EFE9}
.ddg>b{font:600 12px/1.2 var(--sans);color:#7A818C;margin:0 0 4px 8px}
.ddg a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:9px;color:#1A2233;text-decoration:none;font-size:14.5px;font-weight:550}
.ddg a:hover{background:#fff;box-shadow:0 0 0 1px #D8EADF}   /* no plus: the add-ons are pages to visit, not items to add (Mark 22-10) */
/* ── heroes: a soft mint light, and a fade at the foot instead of an edge ── */
.hero.field,.hero.simple{background:radial-gradient(70% 85% at 72% 28%,#FFFFFF 0%,#F2F9F4 45%,#E3F2E8 100%)}
.hero.field::after,.hero.simple::after{content:"";position:absolute;left:0;right:0;top:auto;bottom:0;height:130px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none;z-index:0}
.hero>.wrap{position:relative;z-index:1}
.hero .ask .kbar{background:rgba(255,255,255,.82);border:1px solid #fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(8,50,30,.06),0 22px 44px -26px rgba(8,50,30,.5)}
.hero .ask .reply{background:rgba(255,255,255,.88);border:1px solid #fff;border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(8,50,30,.06),0 22px 44px -26px rgba(8,50,30,.5)}
/* ── screenshots: no browser bar; a glass frame floating on a soft mint glow ── */
.tshot:not(.fl-on){background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.55));border:1px solid #fff;border-radius:26px;padding:10px;box-shadow:0 0 0 1px rgba(8,50,30,.06),0 40px 80px -42px rgba(8,50,30,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.tshot:not(.fl-on) .bar{display:none}.tshot:not(.fl-on) .tshot-img>img,.tshot:not(.fl-on) .k-tour{border-radius:18px}
.annotWrap,.tstage{position:relative}
.annotWrap::before{content:"";position:absolute;inset:-8% -6%;background:radial-gradient(50% 50% at 50% 50%,rgba(92,192,138,.22),transparent 72%);z-index:-1;pointer-events:none}
.anote{background:rgba(255,255,255,.86);border:1px solid #fff;border-radius:16px;box-shadow:0 0 0 1px rgba(8,50,30,.06),0 16px 32px -22px rgba(8,50,30,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
/* ── feature cards: Personio-like bento, the icon on a green tile ── */
.cards .card{border:0;border-radius:24px;background:linear-gradient(180deg,#FFFFFF,#FAFCFA);box-shadow:0 0 0 1px rgba(8,50,30,.07),0 26px 52px -36px rgba(8,50,30,.45);transition:transform .3s,box-shadow .3s}
a.card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(8,50,30,.09),0 30px 60px -34px rgba(8,50,30,.5)}
.cards .card>svg.ic{width:48px;height:48px;padding:12px;margin-bottom:14px;border-radius:14px;background:linear-gradient(160deg,#2BAA68,#00693E);color:#fff;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4),0 10px 20px -10px rgba(0,105,62,.6)}

/* ── steps and principles: cards ── */
.stepl>li,.princ>li{border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(8,50,30,.07),0 22px 44px -34px rgba(8,50,30,.45);padding:22px 22px 24px}
/* ── sections fade into each other ── */
.bg-fade{background:linear-gradient(#FFFFFF 0,var(--mint) 38%,var(--mint) calc(100% - 130px),#FFFFFF 100%)}
.ctaband{background:radial-gradient(70% 120% at 88% 0%,#1C8A55,rgba(28,138,85,0) 62%),linear-gradient(120deg,#0B5A36,#00693E);border-radius:32px;box-shadow:0 40px 80px -46px rgba(8,50,30,.6)}
.faq details{border-radius:18px}
/* ── free-floating compositions (as on the front page tour) ── */
.tshot.fl-on{background:none;border:0;box-shadow:none}.tshot.fl-on .bar{display:none}
.fl{position:relative;aspect-ratio:1600/1111;container-type:inline-size;color:#1A2233;border-radius:28px;background:radial-gradient(55% 60% at 50% 48%,rgba(92,192,138,.26),rgba(227,242,232,.35) 60%,transparent 78%)}
.fl>*{position:absolute;font:400 1.3cqw/1.3 var(--sans)}
.fg{padding:.55cqw;border-radius:2cqw;background:linear-gradient(160deg,rgba(255,255,255,.74),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(8,50,30,.06),0 2.6cqw 5cqw -2.8cqw rgba(8,50,30,.5);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}
.fw{background:#fff;border-radius:1.5cqw;padding:1.5cqw 1.7cqw;box-shadow:0 0 0 1px rgba(26,34,51,.05)}
.fg.dark{background:linear-gradient(160deg,rgba(11,90,54,.7),rgba(6,55,34,.6))}.fg.dark .fw{background:linear-gradient(160deg,#0B4F33,#073A26);color:#fff}
.fg.pill{border-radius:9cqw}.fg.pill .fw{border-radius:9cqw;padding:1cqw 1.2cqw}
.fl .hi svg{width:1em;height:1em}
.f-k{width:1.6cqw;height:1.6cqw;border-radius:50%;background:radial-gradient(circle,#fff 0 .26cqw,#00693E .3cqw);flex:none}
.f-tag{display:inline-flex;align-items:center;padding:.35cqw .8cqw;border-radius:9cqw;background:#EFEFEB;color:#4F596B;font-size:1cqw;font-weight:600;white-space:nowrap}.f-tag.r{background:#FDECEC;color:#B3302B}.f-tag.g{background:#0B4F33;color:#fff}
.f-hd{display:flex;align-items:center;gap:.8cqw;margin-bottom:1.2cqw}.f-hd>b{font:500 1.9cqw/1.1 var(--serif)}.f-hd .f-tag:first-of-type{margin-left:auto}
.f-pill,.f-alert,.f-send{display:flex;align-items:center;gap:.8cqw;padding:.9cqw 1.4cqw;border-radius:9cqw;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 0 0 1px rgba(8,50,30,.06),0 1.6cqw 3cqw -1.8cqw rgba(8,50,30,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:1.25cqw;white-space:nowrap}
.f-pill .hi{color:#00693E;font-size:1.7cqw}
.f-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}.f-kpis div{padding:1.1cqw 1.3cqw;border-radius:1.2cqw;background:#F6F8F5}.f-kpis div.on{background:#fff;box-shadow:0 0 0 .15cqw #00693E}
.f-kpis b{display:block;font:600 3cqw/1 var(--sans);letter-spacing:-.03em}.f-kpis .on b{color:#00693E}.f-kpis span{font-size:1.15cqw;color:#5B6660}
.f-find{display:grid;gap:.8cqw;justify-items:start}.f-find>b{font-size:1.45cqw}.f-big{display:flex;align-items:baseline;gap:.6cqw;font:600 3.2cqw/1 var(--sans);letter-spacing:-.03em}.f-big small{font:400 1.2cqw/1.2 var(--sans);color:#5B6660;letter-spacing:0}
.f-avs{display:flex}.f-avs .fa+.fa{margin-left:-.6cqw}.f-link{display:inline-flex;align-items:center;gap:.4cqw;color:#00693E;font-weight:600;font-size:1.25cqw}
.f-cands{list-style:none;margin:0;padding:0}.f-cands li{display:grid;grid-template-columns:auto 1fr 7cqw 3cqw;align-items:center;gap:.9cqw;padding:.75cqw .6cqw;border-top:1px solid #F0EEE9;font-size:1.3cqw;font-weight:550}
.f-cands li:first-child{border-top:0}.f-cands li.on{background:#EEF7F1;border-radius:1cqw}.f-cands i{height:.6cqw;border-radius:9cqw;background:linear-gradient(90deg,#00693E var(--w),#EDF0EC var(--w))}.f-cands b{font-size:1.1cqw;text-align:right}
.f-ring{--p:50;position:relative;width:3.4cqw;height:3.4cqw;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#00A550 calc(var(--p)*1%),rgba(255,255,255,.14) 0);flex:none}
.f-ring::before{content:"";position:absolute;inset:.35cqw;border-radius:50%;background:#0A452D}.f-ring b{position:relative;font-size:.95cqw}
.f-ring.big{width:6.2cqw;height:6.2cqw}.f-ring.big::before{inset:.55cqw}.f-ring.big b{font-size:1.7cqw}
.f-mhd{display:flex;align-items:center;gap:1.2cqw;margin-bottom:1.2cqw}.f-mhd b{display:block;font-size:1.7cqw}.f-mhd span{font-size:1.2cqw;color:rgba(255,255,255,.65)}
.f-crit{list-style:none;margin:0;padding:0;display:grid;gap:.8cqw}.f-crit li{display:flex;align-items:center;gap:1cqw;font-size:1.35cqw;font-weight:550}
.f-ai{display:flex;align-items:center;gap:.7cqw;margin-top:1.3cqw;padding-top:1cqw;border-top:1px solid rgba(255,255,255,.14);font-size:1.05cqw;color:rgba(255,255,255,.7)}
.f-clock{display:flex;align-items:center;gap:1.2cqw}.f-clock>div{flex:1;display:grid;justify-items:center}.f-clock b{font:600 2.3cqw/1.1 var(--sans)}.f-clock span{font-size:1.1cqw;color:#5B6660}
.f-play,.f-stop{width:3.6cqw;height:3.6cqw;border-radius:50%;display:grid;place-items:center;font-size:1.7cqw;flex:none}.f-play{background:#00693E;color:#fff}.f-stop{background:#F1F3F0;color:#7A857F}
.f-ts{list-style:none;margin:0;padding:0}.f-ts li{display:grid;grid-template-columns:3.4cqw 1fr 11cqw;align-items:center;gap:1cqw;padding:.85cqw 0;border-top:1px solid #F0EEE9;font-size:1.2cqw;color:#5B6660}
.f-ts i{position:relative;height:1.3cqw;border-radius:9cqw;background:#EDF0EC}.f-ts i b{position:absolute;top:0;bottom:0;left:0;border-radius:inherit;background:#00693E}.f-ts li.now i b{background:#5CC08A}
.f-ts li.bad i b{background:#E83946}.f-ts li.bad em{color:#B3302B;font-weight:600}.f-ts em{font-style:normal;font-variant-numeric:tabular-nums;color:#1A2233}
.f-alert{gap:1cqw;padding:.7cqw .7cqw .7cqw 1.4cqw;background:rgba(253,243,227,.92)}.f-alert .hi{color:#B06D00;font-size:1.6cqw}.f-alert b{color:#8F5300}
.f-btn{display:inline-flex;align-items:center;gap:.5cqw;margin-left:1.4cqw;padding:.7cqw 1.2cqw;border-radius:9cqw;background:#00693E;color:#fff;font-weight:600}
.f-wk{display:grid;grid-template-columns:15cqw repeat(5,minmax(0,1fr));gap:.7cqw;align-items:center}
.f-day{text-align:center;font-size:1.05cqw;color:#7A818C}.f-day b{display:block;font-size:1.6cqw;color:#1A2233}
.f-who{display:flex;align-items:center;gap:.8cqw;font-size:1.3cqw;font-weight:550;color:#4F596B;white-space:nowrap}
.f-cell{min-height:4cqw}.f-sh{display:grid;padding:.6cqw .8cqw;border-radius:1cqw;background:#EAF4EE;border-left:.3cqw solid #00693E;font-size:1.15cqw;font-weight:600;color:#0B4F33}.f-sh small{font-size:.95cqw;font-weight:500;color:#4F6B5B}
.f-sh.open{background:repeating-linear-gradient(135deg,#FDF6EA 0 .6cqw,#FBEBD3 .6cqw 1.2cqw);border:.12cqw dashed #E2A646;border-left:.3cqw solid #E2A646;color:#8F5300}
.f-sh.sick{background:#FDECEC;border-left-color:#E83946;color:#B3302B}.f-sh.cover{background:#fff;box-shadow:0 0 0 .18cqw #00693E,0 1cqw 2cqw -1cqw rgba(8,50,30,.5)}
.f-tile{display:grid;gap:.5cqw}.f-tile .hi{width:3cqw;height:3cqw;border-radius:1cqw;background:#E3F2E9;color:#00693E;font-size:1.7cqw}.f-tile span{font-size:1.15cqw;color:#5B6660}.f-tile b{font:600 2.6cqw/1 var(--sans);letter-spacing:-.03em}
.f-total>span{font-size:1.2cqw;color:rgba(255,255,255,.7)}.f-total>b{display:block;margin-top:.4cqw;font:600 4.4cqw/1 var(--sans);letter-spacing:-.035em}
.f-checks{display:flex;align-items:center;gap:.6cqw;margin-top:1.4cqw;font-size:1.2cqw}.f-checks .hi{color:#7FE0A9;font-size:1.7cqw}.f-checks span{margin-right:auto}.f-checks i:not(.hi){width:1.8cqw;height:.6cqw;border-radius:9cqw;background:#5CC08A}
.f-send{padding:1.2cqw 2.2cqw;background:#00693E;border-color:#00693E;color:#fff;font-weight:600;font-size:1.5cqw}.f-send .hi{font-size:1.8cqw}
.f-pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:.8cqw}.f-pipe div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.7cqw;padding:1cqw;border-radius:1.2cqw;background:#F6F8F5}
.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-pipe span{font-size:1.05cqw;color:#5B6660}.f-pipe b{font-size:1.7cqw}
.f-assets{list-style:none;margin:0;padding:0}.f-assets li{display:flex;align-items:center;gap:1.1cqw;padding:1cqw .4cqw;border-top:1px solid #F0EEE9;font-size:1.25cqw}.f-assets li:first-child{border-top:0}
.f-assets li>.hi{width:3cqw;height:3cqw;border-radius:1cqw;background:#E3F2E9;color:#00693E;font-size:1.6cqw}.f-assets li>span{flex:1;display:flex;gap:.6cqw}.f-assets li>span{color:#7A818C}.f-assets li>span b{color:#1A2233;font-weight:600}
.f-assets em{font-style:normal;font-size:1.05cqw;font-weight:600;padding:.35cqw .9cqw;border-radius:9cqw;background:#EFEFEB;color:#4F596B}.f-assets em.g{background:#E3F1E9;color:#00693E}.f-assets em.a{background:#FCEFDD;color:#8F5300}
.f-chips{display:flex;gap:.7cqw;flex-wrap:wrap;width:32cqw}.f-chips span{display:inline-flex;align-items:center;gap:.5cqw;padding:.7cqw 1.1cqw;border-radius:9cqw;background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 1cqw 2cqw -1.4cqw rgba(8,50,30,.5);font-size:1.15cqw;font-weight:550}.f-chips .hi{color:#00693E;font-size:1.5cqw}
.f-go{display:flex;gap:.7cqw;margin-top:1.2cqw;width:100%}
.f-bt{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.6cqw;padding:1cqw 1.4cqw;border-radius:9cqw;background:#00693E;color:#fff;font-weight:600;font-size:1.3cqw;white-space:nowrap;box-shadow:0 1cqw 2cqw -1.2cqw rgba(0,105,62,.7)}
.f-bt .hi{font-size:1.5cqw}.f-bt.gh{flex:0 0 auto;background:#fff;color:#1A2233;box-shadow:inset 0 0 0 1px #E2E4DE}
.fg.dark .f-bt{background:#5CC08A;color:#06331F}
.f-who2{display:flex;align-items:center;gap:.9cqw}.f-who2 b{font-size:1.45cqw;line-height:1.25}.f-who2 .fa{width:3cqw;height:3cqw}
.f-avs{align-items:center;gap:.4cqw}.f-avs span{margin-left:.8cqw;font-size:1.2cqw;color:#5B6660}
.f-tag.a{background:#FCEFDD;color:#8F5300}.f-tag.g2{background:#E3F1E9;color:#00693E}
.f-find{gap:.9cqw}
.f-tl{display:grid;grid-template-columns:15cqw repeat(6,minmax(0,1fr));gap:.8cqw .4cqw;align-items:center;position:relative}
.f-mo{text-align:center;font-size:1.1cqw;color:#7A818C}
.f-lv{height:2.6cqw;border-radius:9cqw;background:linear-gradient(90deg,#F7D7A8,#F2B866);color:#7A4A00;font-size:1.1cqw;font-weight:600;display:flex;align-items:center;padding-left:1cqw}
.f-ok{height:2.6cqw;border-radius:9cqw;background:#EAF4EE}
.f-gap{align-self:stretch;margin:-.6cqw 0;border-radius:1cqw;background:rgba(232,57,70,.08);box-shadow:inset 0 0 0 .15cqw rgba(232,57,70,.45);z-index:-1}
.f-job{display:grid;gap:.3cqw;padding:1cqw 1.2cqw;border-radius:1.2cqw;background:#F6F8F5}.f-job b{font-size:1.4cqw}.f-job span{font-size:1.15cqw;color:#5B6660}
.kb{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}
.kb-col{padding:1cqw;border-radius:1.4cqw;background:#F6F8F5;min-height:22cqw;display:grid;align-content:start;gap:.8cqw}
.kb-h{display:flex;justify-content:space-between;align-items:center;font-size:1.2cqw}.kb-h span{padding:.2cqw .7cqw;border-radius:9cqw;background:#fff;color:#5B6660;font-size:1cqw}
.kb-c{display:flex;align-items:center;gap:.7cqw;padding:.8cqw;border-radius:1.1cqw;background:#fff;box-shadow:0 0 0 1px rgba(26,34,51,.06),0 .8cqw 1.6cqw -1cqw rgba(8,50,30,.35)}
.kb-c span{flex:1;min-width:0;display:grid;gap:.4cqw}.kb-c b{font-size:1.1cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-c i{height:.45cqw;border-radius:9cqw;background:linear-gradient(90deg,#00693E var(--w),#EDF0EC var(--w))}
.kb-c em{font-style:normal;font-size:1cqw;font-weight:700}.kb-c .fa{width:2.4cqw;height:2.4cqw}
.kb-c.best{box-shadow:0 0 0 .15cqw #5CC08A,0 .8cqw 1.6cqw -1cqw rgba(8,50,30,.35)}
.kb-slot{height:4cqw;border-radius:1.1cqw;border:.12cqw dashed #BFD8C9}
.kb-c.mover{position:absolute;width:calc((100% - 2cqw)/3 - 2cqw);left:1cqw;top:13.1cqw;z-index:2;animation:kbMove 7s cubic-bezier(.65,0,.35,1) infinite;box-shadow:0 0 0 .15cqw #00A550,0 1.6cqw 3cqw -1.4cqw rgba(8,50,30,.55)}
.kb-tag{position:absolute;left:calc((100% + 1cqw)/3 + 1cqw);top:12.9cqw;display:inline-flex;align-items:center;gap:.4cqw;padding:.4cqw .9cqw;border-radius:9cqw;background:#00693E;color:#fff;font-size:1cqw;font-weight:600;opacity:0;animation:kbTag 7s ease infinite}
@keyframes kbMove{0%,22%{transform:translate(0,0) rotate(0)}38%{transform:translate(calc(50% + 1.5cqw),-7cqw) rotate(3deg)}50%,86%{transform:translate(calc(100% + 3cqw),-5cqw) rotate(0)}100%{transform:translate(0,0)}}
@keyframes kbTag{0%,48%{opacity:0}56%,84%{opacity:1}92%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.kb-c.mover{animation:none;transform:translate(calc(100% + 3cqw),-5cqw)}.kb-tag{animation:none;opacity:1}}
.f-chk{list-style:none;margin:0;padding:0;display:grid;gap:.8cqw}.f-chk li{display:flex;align-items:center;gap:.9cqw;padding:.9cqw 1cqw;border-radius:1.1cqw;background:#F1F8F4;font-size:1.25cqw}
.f-chk li .hi{font-size:1.9cqw;color:#00A550}.f-chk li.bad{background:#FDF0F0}.f-chk li.bad .hi{color:#D93644}
.f-chk span{display:grid}.f-chk small{font-size:1.02cqw;color:#5B6660}
.f-hd .fa+b{margin-left:0}
.f-play .hi,.f-stop .hi{font-size:1.6cqw}
.f-tb{font-size:1.2cqw}.f-tb .th,.f-tb .tr,.f-tb .tf{display:grid;grid-template-columns:2.4fr 1fr 1.1fr 1fr 1.2fr;align-items:center;gap:1cqw;padding:.9cqw .6cqw}
.f-tb .th{font-size:1cqw;font-weight:600;color:#7A818C;border-bottom:1px solid #ECEAE4}.f-tb .th span:not(:first-child),.f-tb .tr>*:not(.nm){text-align:right;font-variant-numeric:tabular-nums}
.f-tb .tr{border-bottom:1px solid #F3F1EC}.f-tb .nm{display:flex;align-items:center;gap:.8cqw;font-weight:550;white-space:nowrap}.f-tb .mu{color:#B0B6B1}.f-tb .ab{color:#8F5300}
.f-tb .tf{grid-template-columns:2.4fr 2.1fr 2.2fr;padding-top:1.3cqw;font-size:1.25cqw}.f-tb .tf span:first-child{display:inline-flex;align-items:center;gap:.5cqw;color:#00693E;font-weight:600}.f-tb .tf .hi{font-size:1.6cqw}
.f-tb .tf span:nth-child(2){text-align:right;color:#5B6660}.f-tb .tf b{text-align:right;font:600 2.2cqw/1 var(--sans);letter-spacing:-.02em}
.f-play .hi{color:#fff}
.annotWrap .tshot.fl-on,.splitgrid .tshot.fl-on{width:100%}
/* Karma page: a few findings float round the hero on a desktop */
.kfloat{position:absolute;z-index:1;width:250px;padding:7px;border-radius:22px;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 -28px rgba(8,50,30,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:400 13px/1.35 var(--sans);color:#1A2233;animation:kfl 9s ease-in-out infinite}
.kfloat>div{background:#fff;border-radius:16px;padding:12px 13px}.kfloat .h{display:flex;align-items:center;gap:8px}.kfloat .h img{width:30px;height:30px;border-radius:50%;object-fit:cover}.kfloat .h b{font-weight:600}
.kfloat .t{display:inline-block;margin-bottom:8px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:600;background:#FDECEC;color:#B3302B}.kfloat .t.g{background:#E3F1E9;color:#00693E}.kfloat .t.a{background:#FCEFDD;color:#8F5300}
.kfloat .go{display:flex;justify-content:center;margin-top:10px;padding:8px;border-radius:99px;background:#00693E;color:#fff;font-weight:600;font-size:12.5px}
.kfloat.k1{left:3%;top:30%}.kfloat.k2{right:3%;top:22%;animation-delay:-3s}.kfloat.k3{right:6%;bottom:12%;animation-delay:-6s}
@keyframes kfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:1180px){.kfloat{display:none}}
@media (prefers-reduced-motion:reduce){.kfloat{animation:none}}

.annot.fl-annot{display:block}

/* critique fixes: the Core tag stays readable; the menu gets the room the add-ons need */
.ddCore .core .ddtag{color:#fff}
#dd-platform.ddPanel{width:min(1080px,calc(100vw - 40px));grid-template-columns:240px 1fr}
.nav .dd:has(#dd-platform){position:static}   /* the wide platform menu centres on the page, not on its button */

/* Personio-like screens: the numbered notes, dots and lines give way to up to three floating callout cards on the
   screen's edges (forslag.js builds .fcall). Below 1041px the callouts stack under the screen. */
.fc-on .anotes,.fc-on .alines,.fc-on .adot{display:none!important}
.fcall{position:absolute;inset:0;pointer-events:none;z-index:4}
.fc{position:absolute;display:flex;gap:11px;align-items:center;width:max-content;max-width:280px;padding:11px 18px 11px 11px;border-radius:18px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(8,50,30,.07),0 24px 46px -24px rgba(8,50,30,.5);font:500 14.5px/1.4 var(--sans);color:#1A2233;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1)}
.fc i{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#2BAA68,#00693E);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4),0 8px 16px -8px rgba(0,105,62,.6)}
.fc i svg{width:17px;height:17px}
.fc b{font-weight:600}
.fcall.in .fc{opacity:1;transform:none}
.fcall.in .fc.c1{transition-delay:.12s}.fcall.in .fc.c2{transition-delay:.24s}
@media (min-width:1041px){
  .annot.fc-on{display:block!important;max-width:min(100%,960px);margin-inline:auto}
  .annot.fc-on.two{max-width:min(86%,960px)}
  .annot.fc-on.phone{max-width:320px}
  .fc.c0{left:-4%;top:9%}.fc.c1{right:-4%;top:42%}.fc.c2{left:6%;bottom:-6%}
  .annot.two .fc.c0{left:-9%}.annot.two .fc.c1{right:-9%}
  .annot.phone .fc{max-width:220px}.annot.phone .fc.c0{left:-62%;top:14%}.annot.phone .fc.c1{right:-62%;top:44%}.annot.phone .fc.c2{left:-50%;bottom:12%}
}
@media (max-width:1040px){
  .fcall{position:static;display:grid;gap:8px;margin-top:14px}
  .fc{position:static;max-width:none;width:auto;font-size:14px;padding:9px 12px 9px 9px;border-radius:14px;box-shadow:0 0 0 1px rgba(8,50,30,.07)}
  .fc i{width:30px;height:30px;border-radius:9px}
}
@media (prefers-reduced-motion:reduce){.fc{transform:none;transition:opacity .2s}}

/* scrolled: a soft progressive blur behind the floating menu and sub-menu, so text never shows between the pills */
body:has(.subnav)::before{content:"";position:fixed;inset:0 0 auto 0;height:calc(var(--bar) + 60px + env(safe-area-inset-top,0px));z-index:39;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,0));-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent);opacity:0;transition:opacity .3s}
body:has(.subnav.show)::before{opacity:1}

/* Platform overview: the employee record and the job profile as free glass compositions (tools-skitse/forslag6.py) */
.fl .fa{width:2.4cqw;height:2.4cqw;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 .15cqw #fff}
.p-prof{display:flex;gap:1.4cqw;align-items:center}.p-av{width:6.4cqw;height:6.4cqw;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 .3cqw #fff,0 0 0 .45cqw #CFE6D8}
.p-prof b{display:block;font:500 2.5cqw/1.1 var(--serif)}.p-prof div>span{font-size:1.25cqw;color:#5B6660}.p-prof p{display:flex;gap:.5cqw;margin:.8cqw 0 0}
.p-tabs{display:flex;gap:.3cqw;margin-top:1.5cqw;padding:.4cqw;border-radius:9cqw;background:#F3F5F2}
.p-tabs span{padding:.6cqw .95cqw;border-radius:9cqw;font-size:1.1cqw;color:#5B6660;white-space:nowrap}.p-tabs .on{background:#fff;color:#00693E;font-weight:600;box-shadow:0 .4cqw 1cqw -.5cqw rgba(8,50,30,.4)}
.p-h{display:flex;align-items:center;gap:.8cqw;margin-bottom:1cqw}.p-h .hi{width:2.6cqw;height:2.6cqw;border-radius:.9cqw;background:#E3F2E9;color:#00693E;font-size:1.5cqw}.p-h b{font-size:1.45cqw;font-weight:600}.p-h .f-tag{margin-left:auto}
.p-dl{margin:0;display:grid}.p-dl div{display:flex;justify-content:space-between;padding:.8cqw 0;border-top:1px solid #F0EEE9;font-size:1.3cqw}.p-dl dt{color:#7A818C}.p-dl dd{margin:0;font-weight:600}
.p-ok{display:flex;align-items:center;gap:.5cqw;width:max-content;margin:.9cqw 0 0;padding:.65cqw 1.1cqw;border-radius:9cqw;background:#EAF4EE;color:#00693E;font-size:1.15cqw;font-weight:600}.p-ok .hi{font-size:1.5cqw}
.p-org{display:grid;justify-items:start}.p-node{display:flex;align-items:center;gap:.8cqw;width:100%;padding:.6cqw .9cqw .6cqw .6cqw;border-radius:1.2cqw;background:#F6F8F5;box-sizing:border-box}
.p-node .fa{width:2.8cqw;height:2.8cqw}.p-node span{display:grid;font-size:1.05cqw;color:#5B6660}.p-node b{font-size:1.25cqw;color:#1A2233}.p-node.on{background:#fff;box-shadow:0 0 0 .15cqw #00A550,0 .8cqw 1.6cqw -1cqw rgba(8,50,30,.4)}
.p-ln{width:.15cqw;height:1.3cqw;margin-left:2cqw;background:#BFD8C9}.p-org .f-avs{margin-top:.2cqw}.p-org .f-avs .fa{width:2.4cqw;height:2.4cqw}
.p-tasks{list-style:none;margin:0;padding:0}.p-tasks li{display:flex;align-items:center;gap:1cqw;padding:.95cqw .2cqw;border-top:1px solid #F0EEE9;font-size:1.3cqw}.p-tasks li:first-child{border-top:0}
.p-cb{width:1.7cqw;height:1.7cqw;border-radius:50%;box-shadow:inset 0 0 0 .15cqw #C9D2CC;flex:none}.p-tasks span{flex:1}
.p-tasks em{font-style:normal;font-size:1cqw;font-weight:600;padding:.3cqw .8cqw;border-radius:9cqw;background:#EFEFEB;color:#4F596B}.p-tasks li.late em{background:#FDECEC;color:#B3302B}.p-tasks li.late .p-cb{box-shadow:inset 0 0 0 .15cqw #E8A0A4}
.p-comp{list-style:none;margin:0;padding:0}.p-comp li{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:1.1cqw 0;border-top:1px solid #F0EEE9;font-size:1.9cqw;font-weight:550}.p-comp li:first-child{border-top:0}
.p-comp em{font-style:normal;margin-left:.6cqw;padding:.3cqw .9cqw;border-radius:9cqw;background:#E3F1E9;color:#00693E;font-size:1.3cqw;font-weight:600;vertical-align:middle}
.p-pips{display:flex;gap:.5cqw}.p-pips i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#E4EAE6}.p-pips i.on{background:#00A550}
.p-ai{display:flex;align-items:center;gap:.6cqw;margin:1.1cqw 0 0;font-size:1.45cqw;color:#00693E;font-weight:550}.p-ai .hi{font-size:2cqw}
.p-rank{list-style:none;margin:0;padding:0}.p-rank li{display:grid;grid-template-columns:auto 1fr 13cqw 6.5cqw;align-items:center;gap:1.2cqw;padding:1cqw .9cqw;border-top:1px solid #F0EEE9;font-size:1.8cqw}
.p-rank li:first-child{border-top:0}.p-rank li.on{background:#EEF7F1;border-radius:1.4cqw}.p-rank li.on+li{border-top-color:transparent}.p-rank .fa{width:4.2cqw;height:4.2cqw}
.p-rank span{display:grid;justify-items:start;gap:.6cqw}.p-rank b{font-weight:600;white-space:nowrap}.p-rank small{font-size:1.25cqw;font-weight:600;padding:.15cqw .8cqw;border-radius:9cqw;background:#E3F1E9;color:#00693E}.p-rank small.ex{background:#EFEFEB;color:#4F596B}
.p-rank i{height:.9cqw;border-radius:9cqw;background:linear-gradient(90deg,#00693E var(--w),#EDF0EC var(--w))}.p-rank em{font-style:normal;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.p-seg{display:flex;padding:.5cqw;border-radius:9cqw;background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 0 0 1px rgba(8,50,30,.06),0 1.6cqw 3cqw -1.8cqw rgba(8,50,30,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.p-seg span{padding:1cqw 1.8cqw;border-radius:9cqw;font-size:1.6cqw;color:#5B6660}.p-seg .on{background:#00693E;color:#fff;font-weight:600}
.fl.lg{aspect-ratio:100/90}.fl.lg>*{font-size:1.9cqw}.fl.lg .fg{padding:.8cqw;border-radius:3cqw}.fl.lg .fw{padding:2.2cqw 2.4cqw;border-radius:2.3cqw}
.fl.lg .f-hd>b{font-size:3cqw}.fl.lg .f-tag{font-size:1.4cqw;padding:.5cqw 1.1cqw}.fl.lg .p-h b{font-size:2.2cqw}.fl.lg .p-h .hi{width:3.8cqw;height:3.8cqw;font-size:2.2cqw;border-radius:1.2cqw}
.fl.lg .f-ring.big{width:9cqw;height:9cqw}.fl.lg .f-ring.big::before{inset:.8cqw}.fl.lg .f-ring.big b{font-size:2.4cqw}.fl.lg .f-mhd b{font-size:2.4cqw}.fl.lg .f-mhd span{font-size:1.6cqw}
.fl.lg .f-bt{font-size:1.8cqw;padding:1.4cqw 2cqw}.fl.lg .f-bt .hi{font-size:2cqw}
.fl .f-pill b{font-weight:600}.fl .f-pill .hi{font-size:1.7cqw}
@media (max-width:640px){
  .fl.st{aspect-ratio:auto;display:grid;gap:10px;padding:6px 0;background:none}
  .fl.st>*{position:static!important;width:auto!important;zoom:2.5}
  .fl.st.lg>*{zoom:1.7}
  .fl.st>.f-pill,.fl.st>.p-segw{justify-self:start;white-space:normal}
}
.fg.dark .f-ring b{color:#fff}

/* Mark 23-10: the Core card in the Platform menu, leaner — tag, title, one line, the contents as small chips */
.ddCore .core{gap:6px;padding:14px 16px 16px;border-radius:16px}
.ddCore .core .ddtag{padding:3px 8px;font-size:10.5px}
.ddCore .core b{font-size:17px}
.ddCore .core>span:not(.ddtag){font-size:13px;line-height:1.4}
.ddCore .core ul{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.ddCore .core li{padding:4px 9px 4px 7px;border-radius:99px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px #CFE6D8;font-size:12px;gap:5px}
.ddCore .core li::before{width:11px;height:11px;background-size:7px}
/* Mark 25-10: the pill has one width and one place in both states (the page's content box plus 13px on each side), so the
   logo never moves sideways when the bar turns into the floating pill; only its background, shadow, height and top offset
   ease in, so the bar is taken along with the scroll instead of jumping */

/* Mark 23-10, the front page's Mobil and Implementering sections: three short points under the head, a link under the panel */
.fp-pts{list-style:none;margin:calc(var(--head-gap,40px) * -.4) 0 var(--head-gap,40px);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap,24px)}
.fp-pts li{display:grid;gap:4px;padding-left:16px;border-left:2px solid #00A550}.fp-pts b{font-weight:600;font-size:16px;color:#1A2233}.fp-pts span{font-size:14.5px;line-height:1.45;color:#5B6660}
.fp-more{margin:var(--card-gap,24px) 0 0;text-align:center}
@media (max-width:720px){.fp-pts{grid-template-columns:1fr;gap:14px}}

/* Mark 27-10: a long module name wraps inside its row instead of running into the tick */
.cs-tab>span{min-width:0;overflow-wrap:anywhere;hyphens:auto}