:root{color-scheme:light dark;--background: light-dark(white, black);--heading-row-background: light-dark(#ddd, #222);--status-background: light-dark(#ccc, #333);--color: light-dark(#333, #ddd);--error-color: light-dark(#e00, #d00);--error-background: light-dark(#fcc, #633);--interactive-color: #aaa;--interactive-color-hover: light-dark(#000, #fff);--hc: light-dark(#f9c600, #755e00);--c: light-dark(#45c100, #277000);--nyc: light-dark(#f01600, #bd1300);--help-text: #888;--button-background: light-dark(lightgrey, #5e5e5e)}body{margin:0;background:var(--background);color:var(--color)}*{font-family:sans-serif;box-sizing:border-box}body.demo .person{color:transparent;text-shadow:0 0 .6em var(--color)}button{padding:.2rem 1rem;border:none;border-radius:0;cursor:pointer}button.icon{background:none;border:none;cursor:pointer;color:var(--interactive-color);padding:5px}button.icon:hover{color:var(--interactive-color-hover)}summary{cursor:pointer}a,button.link{display:inline;background:none;color:var(--interactive--color);padding:0}a:hover,button.link:hover{color:var(--interactive-color-hover);text-decoration:underline}dialog{max-width:90vw;max-height:90vh;padding:2rem;border:none;box-shadow:#0000003d 0 3px 8px}dialog button.close{float:right}dialog h2{margin-top:0}.left-sticky>*{max-width:calc(100vw - 2rem);width:100%;position:sticky;left:0;display:inline-block}.nowrap{white-space:nowrap}table.competencies{position:relative;border-collapse:collapse}table.competencies caption div,table.competencies .name div{display:inline-block;position:sticky;left:0}table.competencies caption{text-align:left}table.competencies caption button{white-space:nowrap;width:unset}table.competencies caption div{width:calc(100vw - 2rem);text-align:center}table.competencies thead{background:var(--background);position:sticky;top:0;z-index:1}table.competencies thead th{padding:.5rem .2rem}table.competencies th{text-align:left}table.competencies .buttons{text-align:center;padding:.2em}table.competencies tbody th{padding:.3rem 0}table.competencies tbody button,table.competencies tbody input,table.competencies tbody data{padding:.3rem 0;font-size:.9em}table.competencies tbody input{border:none}table.competencies tbody tr.bundle{font-size:1.2em;background:var(--heading-row-background)}table.competencies tbody td.details{padding-left:1em}table.competencies tbody td.details h4,table.competencies tbody td.details h5,table.competencies tbody td.details h6{margin:.2em 0 .5em}table.competencies tbody td.details p{margin:.5em}table.competencies tbody td.details ol,table.competencies tbody td.details ul,table.competencies tbody td.details dl{margin:.2em 0}table.competencies tbody td.details li p{margin:.2em}table.competencies tr>:first-child{padding-left:.5rem}table.competencies tbody button{border:none;width:5ch;color:var(--color);cursor:pointer;--bg: var(--button-background);background:color-mix(in srgb,var(--bg) 10%,transparent)}table.competencies tbody button[aria-selected=true]{background:color-mix(in srgb,var(--bg) 60%,transparent)}table.competencies tbody button:hover{background:var(--bg)}table.competencies tbody data{display:inline-block;text-align:center;width:5ch;--bg: var(--button-background);background:color-mix(in srgb,var(--bg) 60%,transparent)}table.competencies tbody input[type=date],table.competencies tbody time{padding-right:1rem}table.competencies tbody data[value=HC],table.competencies tbody button[data-level=HC]{--bg: var(--hc)}table.competencies tbody data[value=C],table.competencies tbody button[data-level=C]{--bg: var(--c)}table.competencies tbody .labelled,table.competencies tbody label{position:relative;margin:0;font-size:.9rem}table.competencies tbody .labelled>span,table.competencies tbody label>span{font-size:.6em;color:var(--help-text);font-weight:400;position:absolute;top:-.3rem;left:.2rem}table.competencies tbody td:not(.expiry){width:5ch}table.competencies .fit-width{max-width:calc(100vw - 2rem)}table.competencies.editing .expiry{min-width:11ch}.actions{margin-top:1em}.flex{display:flex}.inline-flex{display:inline-flex}.gap{gap:1rem}label{display:block;margin:.5rem 0}label>span{display:block;font-size:.9em;font-weight:700}label>.description{font-size:.8em;font-style:italic}label.required>span:after{content:"*"}input:not([type=checkbox]){border:solid grey 1px}input:not([type=checkbox])[data-visited]:invalid{border:solid red 1px}fieldset.skemer-forms,dl.skemer-forms{padding:.5em .8em}fieldset.skemer-forms dt,fieldset.skemer-forms summary,dl.skemer-forms dt,dl.skemer-forms summary{display:block;font-size:.9em;font-weight:700}fieldset.skemer-forms dd,dl.skemer-forms dd{margin:0}dl.skemer-forms ul{list-style:none;padding-left:1em}