:root{--lv0: 40 14% 74%;--lv1: 42 95% 52%;--lv2: 200 80% 46%;--lv3: 158 64% 40%;--lv4: 24 92% 52%;--expired: 344 78% 47%;--training-rule: hsl(var(--ink-0) / .08);--training-shadow: 0 1.5rem 4rem -3rem hsl(var(--ink-0) / .38)}.hero{--hero-img: image-set(url(/images/hero-training-960.webp) 1x, url(/images/hero-training-1672.webp) 2x);background-image:linear-gradient(90deg,hsl(var(--paper)) 0%,hsl(var(--paper)) 39%,hsl(var(--paper) / .86) 54%,hsl(var(--paper) / .2) 76%,transparent 90%),var(--hero-img);background-position:center,right center;background-repeat:no-repeat;background-size:cover;border-bottom:.0625rem solid var(--training-rule)}@media(max-width:720px){.hero{--hero-img: image-set(url(/images/hero-training-480.webp) 1x, url(/images/hero-training-960.webp) 2x);background-image:linear-gradient(180deg,hsl(var(--paper) / .88),hsl(var(--paper) / .98)),var(--hero-img);background-position:center}}.training-views,.matrix-section,.compliance-section,.lifecycle-section,.connected-section{position:relative}.training-views:after,.matrix-section:after,.compliance-section:after,.lifecycle-section:after{content:"";position:absolute;left:50%;bottom:0;width:.125rem;height:3rem;transform:translate(-50%,50%);background:hsl(var(--primary-500) / .4);z-index:2}.matrix-section,.lifecycle-section{background:hsl(var(--paper-2))}.view-kicker{display:block;font:700 .625rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--primary-700))}.quad{width:2.375rem;height:2.375rem;flex-shrink:0}.quad .ring{fill:none;stroke:hsl(var(--ink-0) / .24);stroke-width:2}.quad .wedge{stroke:hsl(var(--card));stroke-width:1.5}.quad .quad-hub{fill:hsl(var(--card));stroke:hsl(var(--ink-0) / .18);stroke-width:1.4}.views-stage{margin-top:3.5rem;border-radius:var(--radius-lg);background:hsl(var(--card));box-shadow:inset 0 0 0 .0625rem var(--training-rule),var(--training-shadow);overflow:hidden;container-type:inline-size}.views-tabs{display:flex;overflow-x:auto;border-bottom:.0625rem solid var(--training-rule);padding:0 1.5rem}.views-tabs button{display:inline-flex;align-items:center;gap:.5rem;min-width:max-content;min-height:3.5rem;padding:0 1.25rem;border:0;border-bottom:.125rem solid transparent;background:transparent;font:600 .875rem/1 var(--font-sans);color:hsl(var(--ink-4))}.views-tabs button .views-tab-icon{flex-shrink:0;color:hsl(var(--primary-600))}.views-tabs button[aria-selected=true]{color:hsl(var(--ink-0));border-bottom-color:hsl(var(--primary-500))}.views-tabs button:focus-visible{outline:.125rem solid hsl(var(--primary-500));outline-offset:-.25rem}.view-panel{min-height:25rem;grid-template-columns:5fr 7fr;gap:3rem;align-items:center;padding:2.5rem}.view-panel.is-active{display:grid;animation:panel-in .32s ease-out}.view-panel[hidden]{display:none}.view-copy h3{max-width:22ch;margin:.75rem 0;font:600 1.75rem/1.1 var(--font-display);color:hsl(var(--ink-0))}.view-copy p{max-width:48ch;margin:0;color:hsl(var(--ink-3));line-height:1.65}.view-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem;padding-top:1rem;border-top:.0625rem solid var(--training-rule)}.view-copy dl div{min-width:0;display:flex;flex-direction:column;padding:0 1rem}.view-copy dl div:first-child{padding-left:0}.view-copy dl div:last-child{padding-right:0}.view-copy dl div+div{box-shadow:inset .0625rem 0 var(--training-rule)}.view-copy dt{order:2;margin-top:.5rem;overflow:hidden;font:500 .6875rem/1.25 var(--font-sans);color:hsl(var(--ink-4));text-overflow:ellipsis;white-space:nowrap}.view-copy dd{order:1;margin:0;font:500 2rem/1 var(--font-sans);color:hsl(var(--ink-0));font-variant-numeric:tabular-nums;letter-spacing:-.04em}.mini-matrix{padding:1rem;border-radius:var(--radius);background:hsl(var(--paper-2));box-shadow:inset 0 0 0 .0625rem var(--training-rule)}.mini-head,.mini-row{display:grid;grid-template-columns:1.25fr repeat(6,1fr);align-items:center;text-align:center}.mini-head{padding:.65rem 0;font:600 .625rem/1 var(--font-mono);color:hsl(var(--ink-4))}.mini-row{min-height:4.5rem;border-top:.0625rem solid var(--training-rule)}.mini-avatar{width:2.25rem;height:2.25rem;display:block;justify-self:center;overflow:hidden;border-radius:var(--radius-sm);background:hsl(var(--card));outline:.0625rem solid hsl(var(--ink-0) / .1);outline-offset:-.0625rem}.mini-avatar img{width:100%;height:100%;display:block;object-fit:cover}.mini-row .quad{width:1.875rem;height:1.875rem;margin:auto}.record-person{margin-top:2rem;display:flex;gap:.75rem;align-items:center}.record-person>span,.list-avatar{width:2rem;height:2rem;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:hsl(var(--ink-2));color:hsl(var(--paper));font:700 .625rem/1 var(--font-mono)}.record-person div{flex:1;min-width:0}.record-person b,.record-person small{display:block}.record-person small{margin-top:.2rem;color:hsl(var(--ink-4))}.record-person strong{color:hsl(var(--lv3));font-variant-numeric:tabular-nums}.certificate-preview{padding:1.75rem;border-radius:var(--radius);background:hsl(var(--paper-2));box-shadow:inset 0 0 0 .0625rem var(--training-rule)}.certificate-top{display:flex;justify-content:space-between;gap:1rem;align-items:center}.certificate-top>span:first-child{font-weight:600}.status{padding:.35rem .55rem;border-radius:var(--radius-sm);font:700 .625rem/1 var(--font-mono)}.status.competent{color:hsl(var(--lv3));background:hsl(var(--lv3) / .1)}.certificate-preview dl{margin:1.5rem 0}.certificate-preview dl div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:.0625rem solid var(--training-rule)}.certificate-preview dt{color:hsl(var(--ink-4))}.certificate-preview dd{margin:0;font-weight:600}.evidence-row{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;align-items:center;padding:1rem;border-radius:var(--radius-sm);background:hsl(var(--card))}.evidence-row>span{grid-row:1 / 3;color:hsl(var(--primary-700));font:700 .625rem/1 var(--font-mono)}.evidence-row small{color:hsl(var(--ink-4))}.folder-label{margin-top:2rem;padding-left:1rem;border-left:.125rem solid hsl(var(--primary-500))}.folder-label span,.folder-label b{display:block}.folder-label span{font:600 .625rem/1 var(--font-mono);color:hsl(var(--ink-4))}.folder-label b{margin-top:.35rem}.catalogue-list{border-radius:var(--radius);background:hsl(var(--paper-2));box-shadow:inset 0 0 0 .0625rem var(--training-rule);overflow:hidden}.catalogue-row{display:grid;grid-template-columns:minmax(0,1fr) 6rem auto;gap:1rem;align-items:center;padding:1.15rem}.catalogue-row+.catalogue-row{border-top:.0625rem solid var(--training-rule)}.catalogue-row b,.catalogue-row small{display:block}.catalogue-row small{margin-top:.3rem;color:hsl(var(--ink-4))}.catalogue-row>span{height:.4rem;border-radius:var(--radius-sm);background:hsl(var(--hairline));overflow:hidden}.catalogue-row i{display:block;width:var(--bar-value);height:100%;background:hsl(var(--lv3))}.views-bridge{margin:3rem 0 0;display:grid;grid-template-columns:7fr 5fr;align-items:center;border-radius:var(--radius-lg);background:hsl(var(--paper-2));overflow:hidden;box-shadow:inset 0 0 0 .0625rem var(--training-rule)}.views-bridge picture,.views-bridge img{display:block;width:100%}.views-bridge picture{height:100%}.views-bridge img{aspect-ratio:8 / 5;height:100%;mix-blend-mode:multiply;object-fit:cover}.views-bridge figcaption{padding:2rem;display:grid}.views-bridge figcaption span{padding:1rem 0 1rem 1.25rem;border-left:.125rem solid hsl(var(--primary-500) / .35);color:hsl(var(--ink-4))}.views-bridge figcaption span+span{border-top:.0625rem solid var(--training-rule)}.views-bridge figcaption b{display:block;margin-bottom:.3rem;color:hsl(var(--ink-1))}.vmwrap{margin-top:3rem;container-type:inline-size}.vmgrid-plate{--matrix-rule: hsl(var(--ink-0) / .14);--matrix-frame: hsl(var(--ink-0) / .22);--matrix-employee-column: 14rem;--matrix-program-column: 8.5rem;margin-top:1.25rem;border-radius:var(--radius-lg);overflow:hidden;background:hsl(var(--card));box-shadow:0 0 0 .0625rem var(--matrix-frame),0 1.5rem 3rem -2rem hsl(var(--ink-0) / .32),0 .25rem 1rem hsl(var(--ink-0) / .07)}.matrix-title{min-height:2.75rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1rem;border-bottom:.0625rem solid var(--matrix-rule);background:hsl(var(--paper-2))}.matrix-title:after{content:""}.matrix-window-controls{display:flex;gap:.45rem;justify-self:start}.matrix-window-controls i{width:.625rem;height:.625rem;display:block;flex-shrink:0;border-radius:50%;box-shadow:inset 0 0 0 .0625rem hsl(var(--ink-0) / .14)}.matrix-window-controls i:nth-child(1){background:hsl(var(--expired))}.matrix-window-controls i:nth-child(2){background:hsl(var(--lv1))}.matrix-window-controls i:nth-child(3){background:hsl(var(--lv3))}.matrix-window-title{justify-self:center;font:500 .6875rem/1 var(--font-sans);color:hsl(var(--ink-3));white-space:nowrap}.vmscroll{overflow-x:auto;scrollbar-color:hsl(var(--hairline-3)) transparent}.vmscroll:focus-visible{outline:.125rem solid hsl(var(--primary-500));outline-offset:-.25rem}.vmgrid{width:100%;min-width:65rem;border-collapse:collapse;table-layout:fixed}.vmgrid th{font-weight:inherit}.vmgrid thead th{height:4.25rem;padding:.75rem 1rem;vertical-align:middle;background:hsl(var(--paper-2));border-bottom:.0625rem solid var(--matrix-rule);white-space:nowrap}.vmgrid .corner{width:var(--matrix-employee-column);min-width:var(--matrix-employee-column);position:sticky;left:0;z-index:3;text-align:left;box-shadow:.0625rem 0 var(--matrix-frame)}.corner span{display:block}.corner span{font:500 .875rem/1.2 var(--font-sans);color:hsl(var(--ink-2))}.prog{width:var(--matrix-program-column);min-width:var(--matrix-program-column);text-align:center}.pname{display:block;max-width:100%;margin:0 auto;font:500 .8125rem/1.3 var(--font-sans);color:hsl(var(--ink-2));letter-spacing:-.01em;white-space:normal;text-wrap:balance}.vmgrid tbody tr+tr{border-top:.0625rem solid var(--matrix-rule)}.vmgrid .emp{width:var(--matrix-employee-column);min-width:var(--matrix-employee-column);padding:.75rem 1rem;position:sticky;left:0;z-index:2;text-align:left;background:hsl(var(--paper-2));box-shadow:.0625rem 0 var(--matrix-frame)}.emp-row{display:flex;gap:.7rem;align-items:center}.emp-av{width:2.5rem;height:2.5rem;display:grid;place-items:center;flex-shrink:0;position:relative;overflow:hidden;border-radius:var(--radius-sm);background:hsl(var(--paper));color:hsl(var(--paper));font:700 .6875rem/1 var(--font-mono)}.emp-av img,.emp-av-fallback{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.emp-av img{object-fit:cover;outline:.0625rem solid hsl(var(--ink-0) / .1);outline-offset:-.0625rem}.emp-av-fallback{display:grid;place-items:center;background:hsl(var(--ink-2))}.emp-id{min-width:0;flex:1}.emp-id b,.emp-id i{display:block}.emp-id b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 .875rem/1.15 var(--font-sans)}.emp-id i{width:auto;max-width:100%;margin-top:.3rem;padding:0;overflow:hidden;font:500 .5625rem/1 var(--font-mono);color:hsl(var(--ink-4));text-overflow:ellipsis;white-space:nowrap}.cell{width:var(--matrix-program-column);min-width:var(--matrix-program-column);padding:0;text-align:center}.vmgrid tbody tr:nth-child(2n) .cell{background:hsl(var(--paper-2) / .45)}.cellbtn{width:100%;min-height:4.65rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;margin:0;padding:.45rem .5rem;position:relative;border:0;border-radius:0;background:transparent}.cellbtn .quad{width:2.125rem;height:2.125rem;flex-shrink:0}button.cellbtn:hover{background:hsl(var(--ink-0) / .035)}.cellbtn:focus-visible{outline:.125rem solid hsl(var(--primary-500));outline-offset:-.3rem}.cell-lab{min-width:0;font:600 .6875rem/1.15 var(--font-sans);color:hsl(var(--ink-3));white-space:nowrap}.cell.expired .ring{stroke:hsl(var(--expired))}.cell.expired .cell-lab{color:hsl(var(--expired))}.cell.expired .cellbtn:after{content:"!";position:absolute;top:.55rem;right:.45rem;width:.9rem;height:.9rem;display:grid;place-items:center;border-radius:50%;background:hsl(var(--expired));color:hsl(var(--card));font:700 .5625rem/1 var(--font-mono);box-shadow:0 0 0 .125rem hsl(var(--card))}.cell.flash .quad{animation:cell-pop .45s ease-out}.compliance-shell{margin-top:3rem;border-radius:var(--radius-lg);background:hsl(var(--card));box-shadow:inset 0 0 0 .0625rem var(--training-rule),var(--training-shadow);overflow:hidden;container-type:inline-size}.compliance-title{min-height:2.75rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1rem;border-bottom:.0625rem solid var(--training-rule);background:hsl(var(--paper-2))}.compliance-title:after{content:""}.compliance-overview{display:grid;grid-template-columns:minmax(0,8fr) minmax(23rem,5fr);gap:2rem;align-items:center;padding:2.25rem 2.5rem}.compliance-gauge{display:grid;grid-template-columns:8.75rem minmax(0,1fr);gap:1.75rem;align-items:center;min-width:0}.gauge-ring{--gauge-angle: calc(var(--gauge-value) * 3.6deg);width:8.75rem;height:8.75rem;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:conic-gradient(hsl(var(--lv3)) var(--gauge-angle),hsl(var(--ink-0) / .08) 0);position:relative;box-shadow:inset 0 0 0 .0625rem hsl(var(--ink-0) / .04)}.gauge-ring:after{content:"";position:absolute;inset:.65rem;border-radius:50%;background:hsl(var(--card))}.gauge-content{position:relative;z-index:1;display:grid;justify-items:center;gap:.4rem}.gauge-value{display:flex;align-items:baseline;font-family:var(--font-sans);font-variant-numeric:tabular-nums}.gauge-value strong{font-size:2.75rem;font-weight:500;letter-spacing:-.05em}.gauge-value small{font-size:.875rem;color:hsl(var(--ink-4))}.gauge-content em{color:hsl(var(--ink-4));font:600 .625rem/1 var(--font-mono);font-style:normal;letter-spacing:.04em;text-transform:uppercase}.compliance-narrative{min-width:0}.compliance-gauge h3{max-width:22ch;margin:.65rem 0 0;color:hsl(var(--ink-1));font-family:var(--font-display);font-size:1.65rem;font-weight:600;letter-spacing:-.02em;text-wrap:balance}.compliance-gauge p{max-width:42ch;margin:.75rem 0 0;color:hsl(var(--ink-4));font-size:.875rem;line-height:1.55;text-wrap:pretty}.compliance-gauge p strong{color:hsl(var(--ink-2));font-weight:600}.supporting-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0;align-items:center}.supporting-metrics div{min-width:0;padding:0 1rem}.supporting-metrics div+div{box-shadow:inset .0625rem 0 var(--training-rule)}.supporting-metrics div:first-child{padding-left:0}.supporting-metrics div:last-child{padding-right:0}.supporting-metrics dt{overflow:hidden;color:hsl(var(--ink-2));font:500 .6875rem/1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.supporting-metrics dd{margin:.6rem 0 0;font:500 2.25rem/1 var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.supporting-metrics div:nth-child(2) dd:not(.metric-note){color:hsl(var(--expired))}.supporting-metrics div:nth-child(3) dd:not(.metric-note){color:hsl(var(--primary-700))}.supporting-metrics .metric-note{min-height:2.4em;margin-top:.5rem;color:hsl(var(--ink-4));font:400 .75rem/1.2 var(--font-sans);letter-spacing:0}.dashboard-views{display:grid;grid-template-columns:5fr 7fr;border-top:.0625rem solid var(--training-rule)}.dashboard-view{padding:1.75rem 2.25rem}.department-panel{box-shadow:inset .0625rem 0 var(--training-rule)}.gaps-panel{grid-column:1 / -1;box-shadow:inset 0 .0625rem var(--training-rule)}.dashboard-view header{display:flex;gap:1rem;align-items:end;justify-content:space-between}.dashboard-views h3{margin:0;font-size:1rem;font-weight:600;white-space:nowrap}.dashboard-views header p{margin:.35rem 0 0;font:500 .625rem/1 var(--font-mono);color:hsl(var(--ink-4));letter-spacing:.04em;text-transform:uppercase}.dashboard-view-total{flex-shrink:0;color:hsl(var(--ink-4));font:600 .6875rem/1 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.expiry-list,.data-bars{margin:1.25rem 0 0;padding:0;list-style:none}.expiry-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.8rem 0}.expiry-list li+li{border-top:.0625rem solid var(--training-rule)}.expiry-avatar{width:2.5rem;height:2.5rem;overflow:hidden;flex-shrink:0;border-radius:var(--radius-sm);background:hsl(var(--paper-2));outline:.0625rem solid hsl(var(--ink-0) / .1);outline-offset:-.0625rem}.expiry-avatar img{width:100%;height:100%;display:block;object-fit:cover}.expiry-person{min-width:0}.expiry-person b,.expiry-person small{display:block}.expiry-person b{color:hsl(var(--ink-2));font-size:.8125rem;font-weight:600}.expiry-person small{margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--ink-4));font-size:.75rem}.expiry-list time{padding:.45rem .5rem;border-radius:var(--radius-sm);background:hsl(var(--primary-500) / .08);color:hsl(var(--primary-700));white-space:nowrap;font:700 .6875rem/1 var(--font-mono);font-variant-numeric:tabular-nums}.expiry-list time.urgent{background:hsl(var(--expired) / .08);color:hsl(var(--expired))}.gaps-panel .data-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem}.data-bars li{display:grid;gap:.6rem;padding:.65rem 0}.data-bars li>span{display:flex;justify-content:space-between;gap:1rem;min-width:0}.data-bars b{overflow:hidden;color:hsl(var(--ink-2));font-size:.75rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.data-bars strong{flex-shrink:0;font:600 .6875rem/1 var(--font-mono);font-variant-numeric:tabular-nums;color:hsl(var(--ink-4))}.data-bars strong.attention{color:hsl(var(--primary-700))}.data-track{height:.375rem;overflow:hidden;position:relative;border-radius:var(--radius-sm);background:hsl(var(--ink-0) / .09)}.data-bar-fill{width:var(--bar-value);height:100%;display:block;border-radius:inherit;background:hsl(var(--lv3));transform-origin:left}.data-bar-fill.attention,.data-bar-fill.gap{background:hsl(var(--primary-500))}.target-marker{width:.0625rem;position:absolute;top:0;bottom:0;left:var(--target-value);background:hsl(var(--ink-0) / .38)}[data-reveal-dashboard][data-ready=true] .data-bar-fill{transition:transform .8s ease-out}[data-reveal-dashboard][data-ready=true]:not(.is-visible) .data-bar-fill{transform:scaleX(0)}.lifecycle-demo{display:grid;grid-template-columns:4fr 7fr;gap:2rem;margin-top:3rem;align-items:stretch}.timeline{display:grid;position:relative}.timeline:before{content:"";position:absolute;top:1.5rem;bottom:1.5rem;left:1.15rem;width:.125rem;background:hsl(var(--primary-500) / .28)}.timeline button{display:grid;grid-template-columns:2.3rem minmax(0,1fr);gap:.25rem .8rem;padding:.8rem 0;border:0;background:transparent;text-align:left;color:hsl(var(--ink-4))}.timeline button>span{grid-row:1 / 3;width:2.3rem;height:2.3rem;display:grid;place-items:center;z-index:1;border-radius:50%;background:hsl(var(--paper));box-shadow:inset 0 0 0 .0625rem var(--training-rule);font:700 .6875rem/1 var(--font-mono)}.timeline button b{color:hsl(var(--ink-2))}.timeline button small{font:500 .6875rem/1.25 var(--font-mono)}.timeline button[aria-selected=true]>span{background:hsl(var(--primary-500));color:hsl(var(--card));box-shadow:none}.timeline button[aria-selected=true] b{color:hsl(var(--primary-700))}.timeline button:focus-visible{outline:.125rem solid hsl(var(--primary-500));outline-offset:.2rem;border-radius:var(--radius-sm)}.record-preview{padding:2rem;border-radius:var(--radius-lg);background:hsl(var(--card));box-shadow:inset 0 0 0 .0625rem var(--training-rule),var(--training-shadow)}.record-preview header{display:flex;justify-content:space-between;gap:1.5rem;align-items:start}.record-preview h3{margin:.5rem 0 0;font-size:1.35rem;font-weight:600}.record-state{padding:.45rem .6rem;border-radius:var(--radius-sm);background:hsl(var(--lv3) / .1);color:hsl(var(--lv3));font:700 .625rem/1 var(--font-mono)}.record-level{display:flex;gap:1rem;align-items:center;margin:2rem 0;padding:1.25rem;border-radius:var(--radius);background:hsl(var(--paper-2))}.record-level .quad{width:3.5rem;height:3.5rem}.record-level small,.record-level strong{display:block}.record-level small{color:hsl(var(--ink-4))}.record-level strong{margin-top:.35rem}.record-preview dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.record-preview dl div{padding-right:1rem}.record-preview dl div+div{padding-left:1rem;box-shadow:inset .0625rem 0 var(--training-rule)}.record-preview dt{font:600 .625rem/1 var(--font-mono);color:hsl(var(--ink-4))}.record-preview dd{margin:.5rem 0 0;font-size:.8rem;font-weight:600}.record-note{margin:1.5rem 0 0;padding-top:1.25rem;border-top:.0625rem solid var(--training-rule);color:hsl(var(--ink-4))}.record-note span{display:inline-block;width:.45rem;height:.45rem;margin-right:.5rem;border-radius:50%;background:hsl(var(--lv3))}.record-note b{color:hsl(var(--ink-2))}.edit-renew{display:grid;grid-template-columns:4fr 7fr;gap:2rem;margin-top:4rem;padding-top:2rem;border-top:.0625rem solid var(--training-rule)}.edit-renew h3{max-width:18ch;margin:.65rem 0 0;font:600 1.5rem/1.2 var(--font-display)}.edit-renew dl{display:grid;grid-template-columns:repeat(2,1fr);margin:0}.edit-renew dl div{padding:0 1.5rem}.edit-renew dl div:first-child{padding-left:0}.edit-renew dl div+div{box-shadow:inset .0625rem 0 var(--training-rule)}.edit-renew dt{font-size:1rem;font-weight:600;color:hsl(var(--ink-1))}.edit-renew dd{margin:.65rem 0;color:hsl(var(--ink-4));line-height:1.6}.edit-renew dl span{font:600 .625rem/1 var(--font-mono);color:hsl(var(--primary-700));text-transform:uppercase}.event-thread{margin-top:3rem;padding:1.75rem 2rem;border-radius:var(--radius-lg);background:hsl(var(--card));box-shadow:inset 0 0 0 .0625rem var(--training-rule)}.event-thread header{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1.2rem;border-bottom:.0625rem solid var(--training-rule)}.event-thread header div{display:flex;align-items:center;gap:.75rem}.event-thread header>span{font:500 .625rem/1 var(--font-mono);color:hsl(var(--ink-4))}.event-thread ol{margin:0;padding:0}.event-thread li{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.5rem;position:relative;padding:1.25rem 0}.event-thread li+li{border-top:.0625rem solid var(--training-rule)}.event-thread li:before{content:"";position:absolute;left:7.45rem;top:1.65rem;width:.5rem;height:.5rem;border-radius:50%;background:hsl(var(--primary-500));box-shadow:0 0 0 .25rem hsl(var(--primary-500) / .1)}.event-thread time{font:600 .625rem/1.3 var(--font-mono);color:hsl(var(--ink-4))}.event-thread li div{padding-left:1rem}.event-thread li b{font-size:.8rem}.event-thread li p{margin:.35rem 0 0;color:hsl(var(--ink-4))}.data-flow{min-height:34rem;margin-top:3rem;position:relative;display:grid;place-items:center;border-radius:var(--radius-lg);background:radial-gradient(circle at center,hsl(var(--primary-100) / .5),transparent 38%),hsl(var(--paper-2));box-shadow:inset 0 0 0 .0625rem var(--training-rule);overflow:hidden}.data-flow:before,.data-flow:after{content:"";position:absolute;background:hsl(var(--primary-500) / .25)}.data-flow:before{left:14%;right:14%;top:50%;height:.125rem}.data-flow:after{top:16%;bottom:16%;left:50%;width:.125rem}.flow-center{width:19rem;position:relative;z-index:2;padding:1.6rem;text-align:center;border-radius:var(--radius-lg);background:hsl(var(--card));box-shadow:inset 0 0 0 .0625rem hsl(var(--primary-500) / .2),var(--training-shadow)}.flow-center .quad{margin:0 auto .8rem}.flow-center h3{margin:.55rem 0;font-size:1rem;font-weight:600}.flow-center p{margin:0;font:500 .65rem/1.5 var(--font-mono);color:hsl(var(--ink-4))}.data-flow dl{position:absolute;inset:0;margin:0}.flow-node{width:13rem;position:absolute;padding:1rem;border-radius:var(--radius);background:hsl(var(--card));box-shadow:inset 0 0 0 .0625rem var(--training-rule),0 1rem 2rem -1.75rem hsl(var(--ink-0) / .3)}.flow-node dt{display:flex;align-items:start;gap:.5rem;font-weight:600}.flow-node dt svg{flex-shrink:0}.flow-node dd{margin:.45rem 0 0 1.5rem;color:hsl(var(--ink-4));font-size:.7rem;line-height:1.45}.flow-node-1{top:8%;left:8%}.flow-node-2{top:8%;right:8%}.flow-node-3{top:40%;left:3%}.flow-node-4{top:40%;right:3%}.flow-node-5{bottom:8%;left:8%}.flow-node-6{bottom:8%;right:8%}@keyframes panel-in{0%{opacity:0;transform:translateY(.5rem)}}@keyframes cell-pop{0%{transform:scale(.78)}65%{transform:scale(1.1)}}@container (max-width: 52rem){.view-panel{grid-template-columns:1fr;min-height:0}}@container (max-width: 60rem){.compliance-overview{grid-template-columns:1fr;gap:1.75rem}.supporting-metrics{padding-top:1.75rem;box-shadow:inset 0 .0625rem var(--training-rule)}}@container (max-width: 46rem){.dashboard-views{grid-template-columns:1fr}.department-panel,.gaps-panel{grid-column:auto;box-shadow:inset 0 .0625rem 0 var(--training-rule)}.gaps-panel .data-bars{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 30rem){.compliance-overview{padding:1.25rem}.compliance-gauge{grid-template-columns:1fr;justify-items:start}.supporting-metrics{grid-template-columns:1fr}.supporting-metrics div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem 1rem;align-items:end;padding:1rem 0}.supporting-metrics div+div{box-shadow:inset 0 .0625rem var(--training-rule)}.supporting-metrics dt{grid-column:1 / -1;font-size:1rem}.supporting-metrics dd{margin-top:.25rem}.supporting-metrics .metric-note{min-height:0;padding-bottom:.15rem;font-size:1rem}.dashboard-view{padding:1.5rem 1.25rem}.dashboard-view header{align-items:start}.expiry-person b,.expiry-person small,.data-bars b,.data-bars strong,.dashboard-view-total{font-size:1rem}.gaps-panel .data-bars{grid-template-columns:1fr;gap:0}}@media(max-width:64rem){.lifecycle-demo,.edit-renew{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(4,1fr)}.timeline:before{top:1.15rem;bottom:auto;left:10%;right:10%;width:auto;height:.125rem}.timeline button{grid-template-columns:1fr;text-align:center;justify-items:center}.timeline button>span{grid-row:auto}.data-flow{min-height:auto;display:block;padding:2rem}.data-flow:before,.data-flow:after{display:none}.flow-center{width:auto}.data-flow dl{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,1fr);margin-top:1rem}.flow-node{width:auto;position:static;border-radius:0;box-shadow:inset 0 .0625rem var(--training-rule);background:transparent}}@media(max-width:48rem){.view-panel{padding:1.5rem}.views-bridge{grid-template-columns:1fr}.vmgrid{min-width:62.5rem}.vmgrid-plate{--matrix-employee-column: 11.5rem}.timeline{grid-template-columns:1fr}.timeline:before{top:1.25rem;bottom:1.25rem;left:1.15rem;right:auto;width:.125rem;height:auto}.timeline button{grid-template-columns:2.3rem 1fr;text-align:left;justify-items:start}.timeline button>span{grid-row:1 / 3}.record-preview header{display:grid}.record-preview dl,.edit-renew dl{grid-template-columns:1fr}.record-preview dl div,.edit-renew dl div{padding:.9rem 0}.record-preview dl div+div,.edit-renew dl div+div{box-shadow:inset 0 .0625rem var(--training-rule)}.event-thread header{display:grid}.event-thread li{grid-template-columns:1fr;gap:.4rem;padding-left:1.25rem}.event-thread li:before{left:0;top:1.55rem}.event-thread li div{padding:0}.data-flow dl{grid-template-columns:1fr}}@media(max-width:30rem){.view-copy dl{grid-template-columns:1fr}.view-copy dl div{padding:.75rem 0}.view-copy dl div+div{box-shadow:inset 0 .0625rem var(--training-rule)}.catalogue-row{grid-template-columns:1fr auto}.catalogue-row>span{grid-column:1 / 3;grid-row:2}}@media(prefers-reduced-motion:reduce){.view-panel.is-active,.cell.flash .quad{animation:none}.data-bar-fill{transition:none;transform:none}}@media(max-width:720px){.hero h1{font-size:clamp(36px,9vw,56px)}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%;min-height:48px}.compliance-gauge p{font-size:16px}.cta-actions{flex-direction:column;align-items:stretch}.cta-actions .btn{width:100%;min-height:48px}}
