@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#163e3e;--muted:#5b6e6e;--lime:#e4fc51;--paper:#f4f7f7;--line:#dce5e4;--teal:#075052;--orange:#985121;--white:#fff;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,.button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;padding:11px 17px;text-decoration:none;font-size:.875rem;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center}button:hover,.button:hover{border-color:var(--teal);background:#f1f7ef}button.primary,.button.primary{background:var(--teal);color:white;border-color:var(--teal)}button.lime{background:var(--lime);border-color:var(--lime)}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:2.25rem;letter-spacing:-1.3px;line-height:1.2;margin:0 0 10px}h2{font-size:1.22rem;letter-spacing:-.5px;margin:0 0 8px}h3{font-size:1rem;margin:0 0 8px}p{line-height:1.6;margin:7px 0 16px}.muted,small{color:var(--muted)}small{font-size:.8125rem}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--ink);color:white;padding:32px 20px;display:flex;flex-direction:column;gap:34px}.brand{font-size:1.25rem;font-weight:800;text-decoration:none;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--lime);margin-left:5px}.org{text-align:center;padding:15px 12px;background:transparent;border:0;border-radius:7px}.org small{color:#c7d7d4;display:block;margin-top:5px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#c9dbd7;justify-content:start;padding:13px 14px;font-weight:500;text-align:left}.sidebar nav button.active{background:var(--lime);color:var(--ink);font-weight:700}.nav-icon{font-size:1.1rem;width:23px}.sidebar-bottom{margin-top:auto;display:grid;gap:17px;font-size:.875rem}.sidebar-bottom small{color:#bed0cd}.workspace{min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;background:white;gap:15px;font-size:.875rem}.topbar>span{color:var(--muted)}.avatar{display:inline-grid;place-items:center;width:31px;height:31px;background:#e7eeeb;border-radius:50%;font-weight:700;margin-right:8px}.content{max-width:1500px;padding:34px 38px 60px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:.75rem;font-weight:700;margin-bottom:9px}.pagehead p{color:var(--muted);margin-bottom:0}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.banner{padding:12px 18px;background:#e9efdf;border:1px solid #d4dfc3;border-radius:6px;margin-bottom:25px;font-size:.875rem;line-height:1.5;display:flex;align-items:center;justify-content:space-between;gap:15px}.banner a{font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);padding:23px;border-radius:9px}.stat>span{font-size:.875rem;display:block;color:var(--muted)}.stat strong{font-family:Manrope;font-weight:700;font-size:2rem;display:block;margin:10px 0}.stat.accent{background:var(--teal);color:white}.stat.accent>span,.stat.accent small{color:#d0e5df}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.panel{border:1px solid var(--line);border-radius:9px;background:white;padding:25px;margin-bottom:22px;min-width:0}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.panelhead p{font-size:.875rem;margin:4px 0 0;color:var(--muted)}.pill{display:inline-flex;border-radius:20px;background:#edf2ee;padding:5px 10px;font-size:.8125rem;white-space:nowrap}.pill.green{color:#25553e;background:#e7f4e6}.pill.amber{color:#8d4a1e;background:#fff0df}.bar-row{display:grid;grid-template-columns:minmax(130px,1fr) 1fr 54px;gap:14px;align-items:center;margin:19px 0;font-size:.875rem}.track{height:9px;background:#edf2f1;border-radius:20px;overflow:hidden}.track i{display:block;height:100%;background:var(--teal);border-radius:20px}.track i.low{background:#b67745}.bar-row strong{text-align:right}.focus-card{padding:18px 0;border-top:1px solid var(--line)}.focus-card:first-of-type{border:0}.focus-card p{font-size:.875rem;color:var(--muted);margin:4px 0}.focus-card .pill{margin-bottom:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{font-weight:600;color:var(--muted);font-size:.8125rem}th,td{padding:15px 12px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.heatmap{min-width:790px;border-collapse:separate;border-spacing:5px;text-align:center}.heatmap th:first-child{text-align:left;min-width:180px}.heatmap td{border:0;border-radius:4px;padding:12px 8px;min-width:45px}.heatmap th{border:0}.heatmap td:last-child{padding:10px}.level-1{background:#E86F56;color:#163e3e}.level-2{background:#F2A18C;color:#163e3e}.level-3{background:#E8CEAD;color:#163e3e}.level-4{background:#C4D7BE;color:#163e3e}.level-5{background:#508978;color:#ffffff}.level-none{background:#f0f2f1;color:#74857d}.group th{font-size:.75rem;letter-spacing:1px;text-transform:uppercase;padding-top:21px}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted)}.legend span{display:flex;gap:6px;align-items:center}.swatch{display:inline-block;width:13px;height:13px;border-radius:3px}.composition{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.composition article{padding:18px;background:var(--paper);border-radius:8px}.composition strong{font-size:1.5rem;display:block;margin:8px 0}.composition p{font-size:.875rem;margin:4px 0}.survey-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px}.survey-nav{display:grid;gap:5px;align-content:start}.survey-nav button{text-align:left;justify-content:space-between;background:transparent;border-color:transparent;font-weight:500}.survey-nav button.active{background:#e6eddf;font-weight:700}.question{padding:22px 0;border-top:1px solid var(--line)}.question legend{float:left;width:100%;font-weight:600;margin-bottom:15px;line-height:1.5}.question fieldset{border:0;padding:0;margin:0;min-width:0}.scale{clear:both;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.choice{position:relative;text-align:center;border:1px solid var(--line);border-radius:7px;padding:10px 5px;cursor:pointer;font-size:.8125rem;line-height:1.3;display:flex;flex-direction:column;align-items:center;gap:7px}.choice:has(input:checked){border-color:var(--teal);background:#edf4dd;box-shadow:inset 0 0 0 1px var(--teal)}.choice input{accent-color:var(--teal);width:17px;height:17px}.choice b{font-size:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}label.field{display:grid;gap:8px;font-size:.875rem;font-weight:600}input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;padding:12px;border:1px solid #afc0ba;background:white;border-radius:6px;color:var(--ink);min-width:0}textarea{resize:vertical;min-height:100px}.checkline{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5;margin:20px 0}.checkline input{margin-top:4px;width:18px;height:18px;flex-shrink:0;accent-color:var(--teal)}.survey-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.survey-foot small{display:block;margin-top:7px}.login{max-width:490px;margin:7vh auto;padding:35px}.login .brand{display:block;margin-bottom:35px}.login input{margin-bottom:15px}.login button{width:100%;margin:6px 0}.login p{color:var(--muted)}.empty{padding:45px 15px;text-align:center}.empty p{max-width:530px;margin:15px auto}.loading{padding:60px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:8px;box-shadow:0 5px 25px #0003;padding:14px 22px;z-index:20;max-width:90vw;display:none}#toast.show{display:block}dialog{border:1px solid var(--line);border-radius:12px;max-width:560px;width:calc(100% - 30px);padding:28px;color:var(--ink)}dialog::backdrop{background:#0c292980}dialog .form-row{grid-template-columns:1fr}.detail{margin-top:20px}.detail summary{cursor:pointer;font-size:.875rem;font-weight:600}.detail p,.detail li{font-size:.875rem;line-height:1.65}.callout{padding:17px;background:#f0f5e8;border-radius:7px;font-size:.875rem;line-height:1.6}.mini-progress{display:flex;align-items:center;gap:10px}.mini-progress .track{width:90px}.check{color:#4a7557;font-weight:700}.progress-header{margin-bottom:23px}.progress-header .track{margin-top:12px}.form-error{color:#a23628;font-size:.875rem}.full{grid-column:1/-1}.welcome{max-width:800px;margin:auto}.stat small{line-height:1.4;display:block}.count-list{display:grid;gap:8px}.count-list div{display:flex;justify-content:space-between;gap:10px;font-size:.875rem}.section-note{font-size:.875rem;color:var(--muted);line-height:1.6}.source-list a{display:block;padding:8px 0}.chipline{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.question-number{font-size:.75rem;color:var(--muted);font-weight:400;margin-right:7px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #719900;outline-offset:3px}@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.content{padding:25px}.topbar{padding:0 25px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.survey-layout{grid-template-columns:1fr}.survey-nav{display:flex;overflow:auto;padding-bottom:10px}.survey-nav button{white-space:nowrap}.composition{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}.sidebar{padding:17px;gap:15px}.sidebar .org,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px}.sidebar nav button{white-space:nowrap;padding:10px;font-size:.8125rem}.nav-icon{display:none}.topbar{height:auto;min-height:60px;padding:14px 18px;flex-wrap:wrap}.content{padding:24px 17px}.pagehead{display:block}.pagehead .actions{margin-top:18px}h1{font-size:1.85rem}.panel{padding:19px}.stats{gap:10px}.stat{padding:18px}.stat strong{font-size:1.75rem}.composition,.form-row{grid-template-columns:1fr}.scale{grid-template-columns:repeat(3,1fr)}.bar-row{grid-template-columns:130px 1fr 45px;gap:8px}.banner{display:block}.banner a{display:inline-block;margin-top:7px}.panelhead{align-items:flex-start;flex-wrap:wrap}.survey-foot{align-items:flex-start;flex-wrap:wrap}.login{margin:25px auto;padding:25px}.legend{gap:10px}.sidebar .brand{font-size:1.4rem}}@media print{.sidebar,.topbar,.actions,.banner,.survey-nav,#toast,button{display:none!important}.shell{display:block}.content{padding:0}body{background:white}.panel,.stat{break-inside:avoid}.heatmap{min-width:0}.heatmap th,.heatmap td{font-size:10px;padding:7px}.table-scroll{overflow:visible}.grid{display:block}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4 landscape;margin:12mm}}

/* Overview charts */
.effectiveness-visual{display:grid;grid-template-columns:minmax(200px,.95fr) minmax(210px,1fr);align-items:center;gap:18px}.effectiveness-visual svg{display:block;width:100%;max-width:390px;margin:auto}.radar-grid{stroke:#dce5e4;stroke-width:1}.radar-label{fill:var(--teal);font-size:15px;font-weight:700}.radar-scale{fill:var(--muted);font-size:12px}.radar-key{list-style:none;padding:0;margin:0;display:grid;gap:14px}.radar-key li{display:grid;grid-template-columns:23px 1fr auto;gap:8px;align-items:center;font-size:.875rem;line-height:1.4}.chart-index{display:grid;place-items:center;background:#edf4f1;border-radius:50%;height:23px;color:var(--teal);font-weight:700}.radar-key strong{text-align:right;white-space:nowrap}.radar-key small{font-weight:400;font-size:.75rem}.radar-key strong small{display:block}.composition-charts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.composition-chart{padding:8px 20px;border-left:1px solid var(--line)}.composition-chart:first-child{border-left:0;padding-left:0}.composition-chart:last-child{padding-right:0}.composition-chart h3{margin-bottom:24px}.composition-bars{display:grid;gap:20px;min-height:110px;align-content:start}.composition-row>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:.875rem;line-height:1.4;margin-bottom:9px}.composition-track{height:12px;background:#edf2f1;border-radius:3px;overflow:hidden}.composition-track i{display:block;height:100%;background:var(--teal);border-radius:3px}.composition-row:nth-child(even) .composition-track i{background:#719900}.chart-caption{font-size:.8125rem;color:var(--muted);margin:12px 0 0}.composition-unavailable{min-height:110px;display:flex;flex-direction:column;justify-content:center}.composition-unavailable>span{font-size:2rem;color:#a9b8b4}.composition-unavailable p{font-size:.875rem;color:var(--muted);margin:0}.chart-empty{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;color:var(--muted)}
@media(min-width:1101px) and (max-width:1350px){.effectiveness-visual{grid-template-columns:1fr}.effectiveness-visual svg{max-width:310px}.radar-key{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.composition-charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.composition-chart{border:0;padding:0}.effectiveness-visual{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.composition-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.effectiveness-visual{grid-template-columns:1fr}.effectiveness-visual svg{max-width:310px}.radar-key{gap:12px}.composition-chart h3{margin-bottom:16px}}
@media print{.composition-charts{grid-template-columns:repeat(5,minmax(0,1fr))}.effectiveness-visual{grid-template-columns:1fr 1fr}.effectiveness-visual svg{max-width:270px}}

/* Composition card layout inspired by the supplied reference. */
.composition-section{margin-bottom:28px}.composition-dashboard{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.composition-card{grid-column:span 2;background:white;border:1px solid var(--line);border-radius:15px;padding:25px;min-width:0;box-shadow:0 4px 10px #163e3e05}.composition-card h3{font-size:1.12rem;margin-bottom:20px}.composition-age{grid-column:span 4}.composition-nationality{grid-column:span 2}.composition-headline{display:flex;flex-direction:column;gap:5px;text-align:center;margin:20px 0;color:var(--muted);line-height:1.3}.composition-headline strong{font:700 clamp(1.7rem,3vw,2.8rem)/1.15 Manrope,sans-serif;color:var(--teal);overflow-wrap:anywhere}.composition-headline span{font-size:.875rem}.age-visual{display:grid;grid-template-columns:1fr 2.2fr;gap:25px;align-items:center;min-height:290px}.age-columns{display:flex;gap:12px;align-items:stretch;height:250px}.age-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;text-align:center}.age-column-space{flex:1;display:flex;align-items:end;border-bottom:2px solid var(--line)}.age-column-space>div{width:100%;min-height:28px;border-radius:12px 12px 0 0;background:#508978;display:flex;justify-content:center;align-items:flex-start;padding-top:8px;color:white;font-size:.875rem}.age-column>span{font-size:.875rem;color:var(--muted);min-height:36px}.composition-ring{width:100%;display:block}.ring-wrap{position:relative;max-width:270px;margin:0 auto}.ring-headline{position:absolute;inset:0;display:grid;place-items:center;padding:0 55px;pointer-events:none}.ring-headline .composition-headline{margin:0}.ring-headline .composition-headline strong{font-size:2.5rem}.composition-legend{list-style:none;padding:0;margin:15px 0 0;display:flex;flex-wrap:wrap;gap:10px 16px}.composition-legend li{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--muted)}.composition-legend i{width:10px;height:10px;border-radius:3px;flex-shrink:0}.composition-legend strong{color:var(--ink)}.gender-split{display:flex;gap:4px;height:46px;border-radius:10px;overflow:hidden;margin-top:28px}.gender-split span{min-width:0}.half-ring{margin-top:34px}.half-ring .ring-headline{padding:44px 35px 0}.half-ring .composition-headline strong{font-size:2.2rem}.tenure-bars{display:grid;gap:12px;margin-top:22px}.tenure-bars>div{display:grid;grid-template-columns:85px 1fr 20px;gap:8px;align-items:center;font-size:.875rem}.tenure-bars>div>div{height:25px}.tenure-bars i{display:block;height:100%;border-radius:0 7px 7px 0}.composition-card .composition-unavailable{min-height:190px;text-align:center}.composition-tenure .composition-headline strong{font-size:1.8rem}
@media(max-width:1100px){.composition-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-card{grid-column:span 1}.composition-age{grid-column:span 2}.composition-tenure{grid-column:span 2}}
@media(max-width:600px){.composition-dashboard{grid-template-columns:1fr}.composition-card,.composition-age,.composition-tenure{grid-column:span 1;padding:22px}.age-visual{grid-template-columns:1fr;gap:15px}.age-columns{height:200px}.composition-headline strong{font-size:2.4rem}.ring-wrap{max-width:250px}}
@media print{.composition-card{break-inside:avoid}.composition-dashboard{grid-template-columns:repeat(6,minmax(0,1fr))}.composition-card{grid-column:span 2}.composition-age{grid-column:span 4}}

/* Skills matrix: measured BoardClic layout, with BoardReflect colours and live questionnaire data. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skills-reference{max-width:1024px;margin:auto}.skills-reference .pagehead{margin-bottom:40px}.skills-reference .pagehead .eyebrow{display:none}.skills-reference h2{font-size:1.25rem;margin-bottom:16px}.skills-reference h3{font-size:.875rem;font-weight:600;margin:0 0 16px}.skills-reference .panelhead{margin-bottom:16px}.skills-reference .panelhead h2{margin:0}.skills-reference .composition-section,.skills-gap-section{margin-bottom:48px}.skills-reference .composition-dashboard{grid-template-columns:repeat(24,minmax(0,1fr));gap:16px}.skills-reference .composition-card{grid-column:span 8;padding:24px;border:0;border-radius:8px;min-height:220px;box-shadow:0 5px 10px #163e3e06}.skills-reference .composition-age{grid-column:span 15;height:300px}.skills-reference .composition-nationality{grid-column:span 9;height:300px}.skills-reference .age-visual{min-height:0;height:225px;gap:20px;grid-template-columns:1fr 2.4fr}.skills-reference .age-columns{height:215px;gap:10px}.skills-reference .age-column-space{border:0}.skills-reference .age-column-space>div{border-radius:10px 10px 0 0}.skills-reference .age-column>span{font-size:.75rem;min-height:22px}.skills-reference .composition-headline{margin:12px 0}.skills-reference .composition-headline strong{font-size:2rem}.skills-reference .composition-headline span{font-size:.75rem}.skills-reference .ring-wrap{max-width:210px}.skills-reference .composition-nationality .ring-wrap{max-width:205px;margin-top:-10px}.skills-reference .ring-headline{padding:0 42px}.skills-reference .ring-headline .composition-headline strong{font-size:2.1rem}.skills-reference .composition-legend{justify-content:center;gap:6px 12px;margin-top:4px}.skills-reference .composition-legend li{font-size:.75rem}.skills-reference .gender-split{height:36px;margin:15px 12px 10px;border-radius:5px}.skills-reference .half-ring{margin-top:8px;max-width:200px}.skills-reference .half-ring .ring-headline{padding:38px 36px 0}.skills-reference .composition-independent .composition-legend{margin-top:4px}.skills-reference .composition-tenure .composition-headline{align-items:flex-end;margin:-5px 0 8px}.skills-reference .composition-tenure .composition-headline strong{font-size:1.55rem}.skills-reference .tenure-bars{gap:5px;margin-top:6px}.skills-reference .tenure-bars>div{font-size:.75rem;grid-template-columns:90px 1fr 15px}.skills-reference .tenure-bars>div>div{height:17px}.skills-notes{font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:14px}.skills-notes summary{cursor:pointer;width:fit-content}.skills-notes p{font-size:inherit;margin:8px 0 0}
.skills-gap-layout{display:grid;grid-template-columns:minmax(0,1.94fr) minmax(0,1fr);gap:16px;align-items:stretch}.skills-gap-layout .panel{padding:24px;margin:0;border:0;border-radius:8px;box-shadow:0 5px 10px #163e3e06}.skills-score{min-height:400px;display:flex;flex-direction:column}.skills-score-mobile{display:none}.skills-radar{display:block;width:100%;flex:1;min-height:280px}.skills-radar text{fill:var(--muted);font:12px Manrope,sans-serif}.skills-radar tspan{fill:#708b83;font-size:11px}.skills-highlights{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}.skills-highlights p{font-size:.8125rem;line-height:1.55;margin:9px 0;color:var(--muted)}.skills-highlights p strong{font-weight:500}.skills-highlights p span{color:#738b83}.skills-strengths h3{color:#397e68}.skills-gaps h3{color:#b44955}.skills-highlights details{font-size:.75rem;color:var(--muted)}.skills-highlights summary{cursor:pointer}.skills-matrix-section>.panelhead label{display:flex;align-items:center;font-size:.75rem}.skills-matrix-section>.panelhead select{padding:7px 10px;width:auto;font-size:.8125rem}.skills-matrix-card{padding:32px;border:0;border-radius:8px;box-shadow:0 5px 10px #163e3e06}.reference-matrix{min-width:780px;max-width:920px;margin:0 auto;table-layout:fixed;border-collapse:separate;border-spacing:4px}.reference-matrix th:first-child{width:205px;text-align:left}.reference-matrix th,.reference-matrix td{border:0;padding:0;text-align:center}.reference-matrix thead th{height:62px;vertical-align:middle}.member-initial{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#075052;color:white;font-size:.875rem}.member-colour-1{background:#508978}.member-colour-2{background:#78658f}.member-colour-3{background:#a06e53}.member-colour-4{background:#526c91}.matrix-member-name{display:none;position:absolute;z-index:2;top:42px;left:50%;transform:translateX(-50%);width:max-content;max-width:150px;white-space:normal;background:var(--ink);color:white;padding:6px 9px;border-radius:4px;font-size:.75rem;font-weight:400}.member-initial:hover .matrix-member-name,.member-initial:focus .matrix-member-name{display:block}.matrix-profile td>span{display:grid;place-items:center;background:#f5f7f6;border-radius:5px;min-height:36px;padding:4px;font-size:.75rem;overflow-wrap:anywhere;color:var(--teal)}.matrix-profile th{font-weight:600;font-size:.8125rem}.matrix-profile:nth-child(3) th,.matrix-profile:nth-child(3) td{padding-top:15px}.reference-matrix .matrix-group th{text-align:right;padding:23px 0 4px;font-size:.75rem;color:#718d83;font-weight:500}.reference-matrix .matrix-group td{border-bottom:1px solid var(--line)}.matrix-skill th>strong{display:block;font-size:.875rem;font-weight:600;line-height:1.3;color:var(--teal)}.matrix-skill th>span{display:block;color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.5}.matrix-skill th>span>span{margin-left:7px}.matrix-skill th>small{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-top:2px}.rating-block{display:grid;place-items:center;height:62px;width:100%;border-radius:6px;font-size:.875rem;font-weight:600}.skills-reference .level-1{background:#E86F56;color:#163e3e}.skills-reference .level-2{background:#F2A18C;color:#163e3e}.skills-reference .level-3{background:#E8CEAD;color:#163e3e}.skills-reference .level-4{background:#C4D7BE;color:#163e3e}.skills-reference .level-5{background:#508978;color:#ffffff}.skills-reference .level-6{background:#075052;color:#ffffff}.matrix-scale{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin:48px 0 0}.matrix-scale>span{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:.75rem}.matrix-scale i{width:24px;height:24px;display:inline-grid;place-items:center;font-style:normal;border-radius:4px}
@media(max-width:1100px){.skills-gap-layout{grid-template-columns:1fr}.skills-highlights{grid-template-columns:1fr 1fr;grid-template-rows:auto}.skills-reference .composition-card{padding:20px}.skills-reference .composition-age{grid-column:span 14}.skills-reference .composition-nationality{grid-column:span 10}.skills-reference .composition-headline strong{font-size:1.6rem}.skills-reference .tenure-bars>div{grid-template-columns:75px 1fr 12px}.skills-reference .half-ring .ring-headline{padding:30px 20px 0}.skills-reference .half-ring .composition-headline strong{font-size:1.7rem}}
@media(max-width:700px){.skills-reference .pagehead{margin-bottom:30px}.skills-reference .composition-dashboard{grid-template-columns:1fr}.skills-reference .composition-card{grid-column:auto;min-height:220px;height:auto}.skills-reference .composition-age{min-height:300px}.skills-reference .age-visual{grid-template-columns:1fr 2fr;gap:12px}.skills-reference .composition-nationality .ring-wrap{margin-top:0}.skills-reference .composition-tenure .composition-headline{align-items:center}.skills-reference .tenure-bars{max-width:280px;margin:12px auto 0}.skills-highlights{grid-template-columns:1fr}.skills-score{min-height:320px}.skills-gap-layout .panel{padding:20px}.skills-radar{display:none}.skills-score-mobile{display:grid;gap:22px;margin:15px 0}.skills-score-mobile>div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.875rem}.skills-score-mobile small{font-weight:400}.skills-score-mobile i{grid-column:1/-1;height:8px;border-radius:4px;background:linear-gradient(to right,#508978 var(--score),#edf2ef var(--score))}.skills-matrix-card{padding:16px}.reference-matrix{min-width:780px}.matrix-scale{justify-content:flex-start;margin-top:28px}.skills-reference .composition-section,.skills-gap-section{margin-bottom:32px}}
@media print{.skills-reference{max-width:none}.skills-reference .composition-dashboard{grid-template-columns:repeat(24,minmax(0,1fr))}.skills-reference .composition-card{grid-column:span 8}.skills-reference .composition-age{grid-column:span 15}.skills-reference .composition-nationality{grid-column:span 9}.skills-gap-layout{grid-template-columns:1.94fr 1fr}.skills-highlights{grid-template-columns:1fr}.skills-matrix-card{padding:10px;break-inside:auto}.reference-matrix{min-width:0;max-width:none;table-layout:fixed;border-spacing:3px}.reference-matrix th:first-child{width:185px}.rating-block{height:42px}.reference-matrix tr{break-inside:avoid}.reference-matrix thead{display:table-header-group}.matrix-member-name{display:block;position:static;transform:none;color:var(--ink);background:none;font-size:8px;width:auto;padding:0}.member-initial{display:block;width:auto;height:auto;background:none;color:var(--ink);font-size:10px}.skills-notes{display:none}.skills-matrix-section>.panelhead label{display:none}.matrix-scale{margin-top:20px}}

/* Add a board-specific competency beneath the matrix. */
.matrix-add-action{max-width:920px;margin:20px auto 0;padding-left:4px}.matrix-add-action button{gap:12px;border-radius:9px;padding:13px 22px;background:var(--teal);border-color:var(--teal);color:white;font-size:1rem;font-weight:500}.matrix-add-action button>span{font-size:1.75rem;font-weight:300;line-height:1}.matrix-add-action button:hover{background:#123f40}.matrix-skill:focus{outline:2px solid #508978;outline-offset:3px}#competency-form{margin-top:22px}#competency-error:empty{display:none}@media print{.matrix-add-action{display:none}}

.skills-scale{grid-template-columns:repeat(7,minmax(0,1fr))}@media(max-width:900px){.skills-scale{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:500px){.skills-scale{grid-template-columns:repeat(2,minmax(0,1fr))}}

.competency-actions{display:flex!important;gap:8px;margin:4px 0}.competency-actions button{border:0;background:none;padding:0;font-size:.75rem;text-decoration:underline;color:var(--teal)}@media print{.competency-actions{display:none!important}}

.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none}.brand-lockup .lockup-boardreflect{display:block;width:176px;max-width:100%;height:auto}.lockup-credit{display:flex;align-items:center;gap:10px;color:#bed0cd;font-size:12px}.lockup-credit img{display:block;width:112px;height:auto}

.dashboard-cards{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-bottom:24px}.dashboard-cards .panel{margin:0}.dashboard-number{display:block;font-family:Manrope,sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.2;letter-spacing:-1.5px;margin:16px 0}.dashboard-number span{font-size:.55em;color:var(--muted);font-weight:500}.dashboard-deadline{background:#eaf1ee}.dashboard-breakdown{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;color:var(--muted);font-size:.875rem}.dashboard-breakdown b{color:var(--ink)}.dashboard-completion .track{height:12px;margin-top:20px}@media(max-width:850px){.dashboard-cards{grid-template-columns:1fr}}

.setup-page{max-width:800px;padding-top:50px}.setup-steps{display:flex;list-style:none;gap:20px;padding:0;margin:0 0 30px;color:var(--muted);font-size:.875rem}.setup-steps li{display:flex;align-items:center;gap:8px}.setup-steps li span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:30px;height:30px}.setup-steps [aria-current]{color:var(--ink);font-weight:700}.setup-steps [aria-current] span{background:var(--lime)}.setup-page .field{margin:20px 0}.setup-logo{max-width:180px;max-height:90px;object-fit:contain}.setup-members{list-style:none;padding:0}.setup-members li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.setup-members span{color:var(--muted)}.organisation-logo{display:block;max-width:120px;max-height:65px;object-fit:contain;background:white;border-radius:5px;padding:6px;margin:0 auto 12px}.assessment-start{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf4e8}.assessment-start p{margin-bottom:0}#setup-error{color:#a23628}@media(max-width:600px){.setup-steps{gap:10px;font-size:.75rem}.setup-steps li{flex-direction:column;align-items:flex-start}.assessment-start{display:block}.assessment-start button{margin-top:16px}}

.topbar{justify-content:flex-end}.pagehead p:empty{display:none}

.profile-account{display:flex;align-items:center;gap:14px;margin-bottom:22px}.profile-account .avatar{width:48px;height:48px;flex-shrink:0}.profile-account h2{overflow-wrap:anywhere}.profile-account p{margin:0}

.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px}.nav-icon svg{width:23px;height:23px;display:block}
.admin-account{display:grid;grid-template-columns:minmax(200px,2fr) minmax(160px,1fr) minmax(120px,1fr) auto;gap:14px;align-items:end;padding:20px 0;border-bottom:1px solid var(--line)}.admin-account .field{margin:0}.admin-account .form-error{grid-column:1/-1;margin:0}@media(max-width:1000px){.admin-account{grid-template-columns:1fr 1fr}}@media(max-width:600px){.admin-account{grid-template-columns:1fr}}

.admin-delete-dialog{max-width:540px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;padding:28px;color:var(--ink)}.admin-delete-dialog::backdrop{background:#163e3e88}button.danger{background:#a23628;border-color:#a23628;color:white}
.admin-account [data-delete-account]{grid-column:-2/-1;color:#a23628}

.dashboard-group{border:1px solid #b9ccca;border-radius:12px;padding:24px;margin-bottom:24px}.dashboard-group>h2{font-size:1.5rem;margin:0 0 22px}.dashboard-group>.panel:last-child{margin-bottom:0}@media(max-width:700px){.dashboard-group{padding:16px}}

.subscription-details{border-top:1px solid var(--line);padding:20px 0;margin-bottom:16px}.subscription-details h3{display:inline-block;margin-right:12px}.subscription-details dl{display:flex;gap:40px;flex-wrap:wrap;margin:18px 0}.subscription-details dt{color:var(--muted);font-size:.875rem}.subscription-details dd{margin:6px 0;font-weight:700}.admin-subscription{grid-column:1/-1}.admin-subscription .subscription-details{margin-bottom:0}

.dashboard-completion-actions{margin-top:24px}.dashboard-group .dashboard-cards{margin-bottom:0}

.skills-nav-group{display:grid;gap:7px;min-width:0}.skills-nav-group>button{width:100%}.skills-submenu{display:grid;gap:4px;margin-left:25px;padding-left:10px;border-left:1px solid #ffffff38}.sidebar .skills-submenu button{font-size:.8125rem;padding:10px 9px;line-height:1.4}.skills-submenu .nav-icon{flex-basis:18px;width:18px}.skills-submenu .nav-icon svg{width:18px;height:18px}@media(max-width:700px){.skills-nav-group{flex-shrink:0}.skills-submenu{margin-left:12px}.sidebar nav{align-items:start}.sidebar .skills-submenu button{white-space:normal}}

.skills-submenu[hidden]{display:none}.submenu-chevron{margin-left:auto;font-size:1rem;line-height:1}

.skills-nav-group{gap:0}.skills-submenu-motion{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 280ms cubic-bezier(.22,1,.36,1),opacity 200ms ease}.skills-submenu-motion[data-open="true"]{grid-template-rows:1fr;opacity:1}.skills-submenu-clip{min-height:0;overflow:hidden}.skills-submenu-clip .skills-submenu{margin-top:7px}.submenu-chevron{display:inline-flex;transition:transform 280ms cubic-bezier(.22,1,.36,1)}.submenu-chevron svg{width:16px;height:16px}[data-skills-toggle][aria-expanded="true"] .submenu-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.skills-submenu-motion,.submenu-chevron{transition:none}}

.ring-data-label rect{fill:#f4f7f7;fill-opacity:.96}.ring-data-label text{fill:var(--muted);font:14px 'DM Sans',sans-serif}.ring-data-label tspan{fill:#729b98}.gender-segment-labels{display:flex;gap:4px;margin:0 12px;text-align:center;font-size:.8125rem;color:var(--muted)}.gender-segment-labels span{min-width:0;overflow-wrap:anywhere}.gender-segment-labels em{font-style:normal;color:#729b98}.skills-reference .composition-tenure{position:relative}.skills-reference .composition-tenure .composition-headline{align-items:flex-end;margin:-30px 0 16px}.composition-tenure .composition-headline small{font-size:.6em;margin-left:4px;color:inherit}.skills-reference .tenure-bars>div{grid-template-columns:30px 1fr;gap:10px}.skills-reference .tenure-bars>div>div{height:24px;margin-right:30px}.tenure-bars i{position:relative;border-radius:0 9px 9px 0}.tenure-bars i strong{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:6px;font-weight:400;color:#729b98}.skills-reference .composition-tenure .composition-headline strong{font-size:2.6rem}

.tenure-bars i,.tenure-bars i strong{font-style:normal}.skills-reference .composition-nationality .ring-wrap{max-width:245px;margin-top:-10px}.skills-reference .composition-nationality{height:auto;min-height:300px}
.skills-reference .composition-independent .half-ring{max-width:260px;width:100%;margin:30px auto 12px}.skills-reference .composition-independent .half-ring .ring-headline{padding:46px 30px 0}

[data-menu-toggle][aria-expanded="true"] .submenu-chevron{transform:rotate(180deg)}
/* BoardReflect composition palette: distinct categories with readable counts. */
.age-column:nth-child(6n+1) .age-column-space>div{background:#075052;color:#fff}
.age-column:nth-child(6n+2) .age-column-space>div{background:#E86F56;color:#163e3e}
.age-column:nth-child(6n+3) .age-column-space>div{background:#C4D7BE;color:#163e3e}
.age-column:nth-child(6n+4) .age-column-space>div{background:#E8CEAD;color:#163e3e}
.age-column:nth-child(6n+5) .age-column-space>div{background:#508978;color:#fff}
.age-column:nth-child(6n+6) .age-column-space>div{background:#F2A18C;color:#163e3e}
/* Board evaluation executive report */
.eval-report{--eval-border:#dce5e4}.eval-report-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.eval-report-title h2{font-size:1.5rem}.eval-report-title>span{font-size:.875rem;color:var(--muted)}.eval-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px}.eval-card{background:white;border:1px solid var(--eval-border,var(--line));border-radius:14px;padding:28px;min-width:0}.eval-card h3{font-size:1rem;font-weight:600}.eval-index{display:flex;flex-direction:column;justify-content:space-between}.eval-index-layout{display:grid;grid-template-columns:minmax(160px,1fr) 1fr;gap:24px;align-items:center;flex:1}.eval-gauge{width:100%;max-width:250px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--score-colour,var(--teal)) calc(var(--index)*1%),#eaf0ee 0);display:grid;place-items:center;margin:24px auto}.eval-gauge>div{width:77%;height:77%;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.eval-gauge strong{font:700 clamp(3rem,5vw,4.5rem)/1 Manrope,sans-serif;letter-spacing:-2px}.eval-gauge span{color:var(--muted);margin-top:10px;font-size:.875rem}.eval-index h4{font-size:1.2rem;margin:0 0 12px;line-height:1.35}.eval-index p{color:var(--muted);font-size:1rem}.eval-chip{display:inline-block;border-radius:5px;background:#edf3ed;color:var(--ink);padding:6px 10px;font-size:.875rem}.eval-chip-warm{background:#fbece6}.eval-side-cards{display:grid;gap:22px}.eval-metric{display:flex;align-items:center;gap:24px;margin:14px 0}.eval-metric strong{font:700 2.7rem Manrope,sans-serif}.eval-metric strong small{font-size:1.4rem;color:inherit}.eval-metric>span{font-size:.875rem;line-height:1.5;color:var(--muted)}.eval-card progress{width:100%;height:7px;appearance:none;border:0;border-radius:6px;background:#eaf0ee}.eval-card progress::-webkit-progress-bar{background:#eaf0ee;border-radius:6px}.eval-card progress::-webkit-progress-value{background:var(--teal);border-radius:6px}.eval-card progress::-moz-progress-bar{background:var(--teal);border-radius:6px}.eval-deadline{font:700 1.6rem Manrope,sans-serif;margin:18px 0}.eval-card a{font-size:.875rem;font-weight:600;text-underline-offset:4px}.eval-section{margin-top:40px}.eval-section-heading{margin-bottom:20px}.eval-section-heading h2{font-size:1.35rem}.eval-section-heading p{color:var(--muted);margin:8px 0;font-size:.9375rem}.eval-strengths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.eval-strengths .eval-card{display:flex;flex-direction:column;border-top:4px solid #508978}.eval-label{text-transform:uppercase;letter-spacing:1.2px;font-size:.875rem;color:var(--muted)}.eval-strength-score{font:700 3rem Manrope,sans-serif;margin:12px 0 16px;letter-spacing:-1px}.eval-strength-score small{font-size:.875rem;font-weight:400;letter-spacing:0}.eval-strengths p{flex:1;line-height:1.5}.eval-area-label{display:block;font-size:.875rem;color:var(--muted);line-height:1.5}.eval-indicators{padding:8px 28px 24px}.eval-indicators table{width:100%;border-collapse:collapse}.eval-indicators th{color:var(--muted);font-size:.875rem;font-weight:500;padding:20px 14px;text-align:left}.eval-indicators th:first-child{width:54%;padding-left:0}.eval-indicators td{padding:24px 14px;vertical-align:middle}.eval-indicators td:first-child{padding-left:0}.eval-indicators td:nth-child(2){white-space:nowrap}.eval-indicators td:nth-child(2) strong{font:700 1.8rem Manrope,sans-serif}.eval-indicators td:last-child{min-width:200px}.eval-indicators p{margin:7px 0 12px}.eval-distribution{display:flex;gap:3px;min-width:140px;height:30px;border-radius:5px;overflow:hidden;margin-bottom:8px}.eval-distribution>span{display:flex;align-items:center;justify-content:center;font-size:.875rem;min-width:20px}.eval-scale{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;margin-top:20px}.eval-scale>span{display:flex;align-items:center;gap:7px;font-size:.875rem;color:var(--muted)}.eval-scale i{width:13px;height:13px;border-radius:3px}.eval-drilldown{padding:0 28px}.eval-area{border-bottom:1px solid var(--line)}.eval-area:last-child{border-bottom:0}.eval-area summary{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(70px,1fr) 95px 20px;align-items:center;gap:24px;list-style:none;cursor:pointer;padding:25px 0}.eval-area summary::-webkit-details-marker{display:none}.eval-area-name{font-size:1rem;font-weight:600}.eval-area-track{height:8px;background:#edf2ef;border-radius:6px;overflow:hidden}.eval-area-track i{height:100%;display:block;background:var(--teal);border-radius:6px}.eval-area summary>strong{font-size:1.3rem;text-align:right}.eval-plus{font-size:1.5rem;font-weight:400;text-align:center}.eval-area[open] .eval-plus{transform:rotate(45deg)}.eval-area-body{padding-bottom:12px}.eval-question{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;padding:22px 0;border-top:1px solid var(--line)}.eval-question p{margin:0}.eval-question>div>strong{display:block;margin-bottom:10px}.eval-method{font-size:.875rem;color:var(--muted);margin:28px 0 36px}.eval-empty{grid-column:1/-1;color:var(--muted)}.eval-management{border:1px solid var(--line);border-radius:14px;background:white;margin:0 0 24px}.eval-management>summary{padding:24px 28px;font-weight:700;cursor:pointer}.eval-management>summary span{font-weight:400;color:var(--muted);margin-left:16px;font-size:.875rem}.eval-management>div{padding:0 24px 8px}.eval-management .panel{box-shadow:none}.eval-management:target{scroll-margin-top:24px}
@media(max-width:1000px){.eval-overview{grid-template-columns:1fr}.eval-side-cards{grid-template-columns:1fr 1fr}.eval-strengths{gap:14px}.eval-card{padding:22px}.eval-indicators table{min-width:650px}}
@media(max-width:650px){.eval-report-title{align-items:start;flex-direction:column}.eval-index-layout{grid-template-columns:1fr;gap:0}.eval-gauge{max-width:220px}.eval-side-cards,.eval-strengths{grid-template-columns:1fr}.eval-area summary{grid-template-columns:1fr 75px 18px;gap:12px}.eval-area-track{display:none}.eval-question{grid-template-columns:1fr;gap:16px}.eval-drilldown{padding:0 20px}.eval-scale{justify-content:flex-start;gap:12px}.eval-management>summary span{display:block;margin:8px 0 0}.eval-management>div{padding:0 12px}.eval-index h4{margin-top:10px}.eval-strength-score{font-size:2.5rem}}
.organisation-members{width:100%;min-width:650px}.organisation-members td{vertical-align:top;padding:22px 15px}.organisation-members .member-email{display:block;color:var(--muted);font-size:.875rem;margin-top:6px}.organisation-members .checkline{margin:0 0 14px}.organisation-members td:first-child{width:38%}.organisation-members button{font-size:.875rem}.organisation-members input{accent-color:var(--teal)}
.dashboard-skills-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:20px;margin-top:20px}.dashboard-skills-overview .panel{margin:0;padding:24px}.dashboard-skills-chart{display:flex;flex-direction:column;justify-content:center}.dashboard-skills-chart .skills-radar{min-height:0;max-height:310px;flex:none}.dashboard-skills-highlights{display:grid;gap:16px}.dashboard-skills-highlights h3{margin-bottom:15px}.dashboard-skills-highlights>article:first-child h3{color:#397e68}.dashboard-skills-highlights>article:last-child h3{color:#a64230}.dashboard-skills-highlights p{font-size:.875rem;margin:10px 0;line-height:1.45}.dashboard-skills-highlights p span{display:block;color:var(--muted)}.dashboard-skills-highlights p b{font-weight:600}.dashboard-evaluation{margin-top:30px}.dashboard-evaluation-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.3fr);gap:20px}.dashboard-evaluation-grid .panel{margin:0;padding:26px}.dashboard-evaluation-score .eval-gauge{max-width:175px;margin:22px auto}.dashboard-evaluation-score .eval-gauge strong{font-size:3rem}.dashboard-evaluation-score>p{font-size:.875rem;text-align:center;color:var(--muted)}.dashboard-evaluation-progress .dashboard-number{font-size:2.8rem;margin:18px 0}.dashboard-evaluation-progress>p{font-size:.9375rem;margin-top:18px}.dashboard-evaluation-insights{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin:20px 0}.dashboard-evaluation-insights span{font-size:.875rem;font-weight:600}.dashboard-evaluation-insights p{font-size:.875rem;color:var(--muted);line-height:1.5;margin:8px 0}.dashboard-evaluation-empty{margin:0}
@media(max-width:1100px){.dashboard-skills-overview{grid-template-columns:1fr}.dashboard-skills-highlights{grid-template-columns:1fr 1fr}.dashboard-skills-chart .skills-radar{max-height:290px}}
@media(max-width:700px){.dashboard-skills-highlights,.dashboard-evaluation-grid,.dashboard-evaluation-insights{grid-template-columns:1fr}.dashboard-skills-chart .skills-score-mobile{margin:20px 0}.dashboard-evaluation-grid .panel,.dashboard-skills-overview .panel{padding:20px}}
.dashboard-evaluation-findings{margin:20px 0 0;padding:26px}.dashboard-evaluation-findings .dashboard-evaluation-insights{margin:0}.dashboard-evaluation-findings .dashboard-evaluation-insights span{font-size:1rem}.dashboard-evaluation-findings .dashboard-evaluation-insights p{margin-bottom:0}
.dashboard-skills-completion{grid-template-columns:1fr}.dashboard-skills-completion>.panel{margin:0;padding:26px}.dashboard-skills-completion .dashboard-number{display:block}.dashboard-skills-completion .track{max-width:580px}
#evaluation-settings{max-width:620px;margin-top:24px}#evaluation-settings .deadline-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}#evaluation-settings .deadline-actions button{min-height:46px;padding:12px 20px;margin:0}#evaluation-settings .field{margin-bottom:0}@media(max-width:500px){#evaluation-settings .deadline-actions{align-items:stretch;flex-direction:column}}
.eval-area-link{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(70px,1fr) 95px 20px;align-items:center;gap:24px;padding:25px 0;text-decoration:none;border-bottom:1px solid var(--line)}.eval-area-link:last-child{border:0}.eval-area-link:hover .eval-area-name{text-decoration:underline;text-underline-offset:4px}.eval-area-link>strong{text-align:right;font-size:1.3rem}.eval-section-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 28px}.eval-section-navigation>div{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.eval-section-summary{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr);gap:24px}.eval-section-score .eval-gauge{max-width:200px}.eval-section-score>p{text-align:center;font-size:.875rem;color:var(--muted)}.eval-section-findings>article{display:grid;grid-template-columns:1fr 95px;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.eval-section-findings>article h3{font-size:.9375rem;color:#397e68}.eval-section-findings>article:last-child h3{color:#a64230}.eval-section-findings>article p{margin:10px 0 0}.eval-section-findings>article>strong{font:700 2.4rem Manrope,sans-serif;text-align:right}.eval-section-findings>article small{font-size:.875rem;display:block;font-weight:400}.eval-section-table{padding:8px 24px 24px}.eval-section-table table{width:100%;min-width:650px}.eval-section-table th{font-size:.875rem;color:var(--muted);font-weight:500}.eval-section-table td{padding:24px 14px;vertical-align:middle}.eval-section-table th:first-child{width:46%}.eval-section-table td:nth-child(2){white-space:nowrap}.eval-section-table td>strong{font-size:1.7rem}.eval-section-table td:last-child{min-width:200px}.eval-table-note{display:block;font-size:.875rem;color:var(--muted);margin-top:7px}.eval-section-table p{margin:8px 0 12px}
@media(max-width:850px){.eval-section-summary{grid-template-columns:1fr}.eval-section-navigation{align-items:stretch;flex-direction:column}.eval-section-navigation>div{justify-content:space-between}.eval-section-score .eval-gauge{max-width:180px}}@media(max-width:650px){.eval-area-link{grid-template-columns:1fr 75px 18px;gap:12px}.eval-section-findings>article{gap:15px;grid-template-columns:1fr 65px}.eval-section-findings>article>strong{font-size:2rem}.eval-section-navigation a{font-size:.875rem}}
.evaluation-section-comment{margin-top:28px}.evaluation-section-comment textarea{min-height:120px;resize:vertical}.eval-section-comments{margin:30px 0}.eval-section-comments h2{font-size:1.2rem}.eval-comment-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:28px}.eval-comment-grid blockquote{position:relative;margin:0;padding:0 0 0 36px;border-left:4px solid #e6eeee;min-width:0}.eval-comment-grid blockquote>span{position:absolute;left:-19px;top:0;background:#e6eeee;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--teal);font:700 2rem Georgia,serif}.eval-comment-grid blockquote p{margin:0;color:var(--muted);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.eval-comment-grid{grid-template-columns:1fr;gap:26px}}
.evaluation-rating-label{font-size:.875rem;color:var(--muted);margin:16px 0 10px}.evaluation-priority{border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:22px 0 10px;min-width:0}.evaluation-priority legend{float:left;width:100%;font-size:.9375rem;font-weight:600;margin-bottom:6px}.evaluation-priority>p{clear:both;color:var(--muted);font-size:.875rem}.priority-options{display:flex;flex-wrap:wrap;gap:8px}.priority-options label{position:relative;cursor:pointer}.priority-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.priority-options span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:7px;background:white;font-weight:600}.priority-options input:checked+span{background:var(--teal);border-color:var(--teal);color:white}.priority-options input:focus-visible+span{outline:2px solid var(--teal);outline-offset:3px}.eval-section-table .eval-priority-number{font-size:1.2rem;font-weight:600}.eval-section-table table{min-width:740px}
#evaluation-questionnaire .question{border:0;border-bottom:1px solid var(--line);padding:28px 0;margin:0;min-width:0}#evaluation-questionnaire .question>legend{float:left;width:100%;padding:0;margin:0 0 20px;line-height:1.5;font-size:1rem;font-weight:700}#evaluation-questionnaire .question>.scale{clear:both;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}#evaluation-questionnaire .choice{padding:14px 8px;min-width:0}#evaluation-questionnaire .choice span{font-size:.875rem;line-height:1.4}#evaluation-questionnaire .evaluation-priority{margin:24px 0 0;padding:20px 0 0}#evaluation-questionnaire .priority-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}#evaluation-questionnaire .priority-options span{width:100%;height:44px}#evaluation-questionnaire .evaluation-priority>p{margin:0 0 14px}#evaluation-questionnaire .evaluation-priority legend{font-size:.9375rem;margin:0 0 8px}#evaluation-questionnaire .panel>h2{margin-bottom:8px}@media(max-width:600px){#evaluation-questionnaire .question>.scale{grid-template-columns:repeat(3,minmax(0,1fr))}#evaluation-questionnaire .priority-options{gap:6px}#evaluation-questionnaire .choice{padding:12px 8px}}

.skills-participation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:30px}.skills-participation .eval-card{display:flex;flex-direction:column}.skills-participation progress{margin-top:auto}.skills-participation button{align-self:flex-start}@media(max-width:650px){.skills-participation{grid-template-columns:1fr}}

/* Brighter BoardReflect accents across the assessment dashboard. */
.dashboard-group{background:#edf7f3;border-color:#bfdcd2;box-shadow:0 6px 24px #163e3e06}
.dashboard-group>h2{display:flex;align-items:center;gap:12px}
.dashboard-group>h2::before{content:'';width:10px;height:28px;border-radius:5px;background:#c6e827}
.dashboard-group.dashboard-evaluation{background:#fff3ed;border-color:#f0cbbb}
.dashboard-group.dashboard-evaluation>h2::before{background:#e86f56}
.dashboard-skills-completion>.panel{background:#075052;color:#fff;border-color:#075052}
.dashboard-skills-completion .dashboard-number span{color:#cde6df}
.dashboard-skills-completion .track{background:#ffffff26;height:11px}
.dashboard-skills-completion .track i{background:#e4fc51}
.dashboard-skills-completion button.primary{background:#e4fc51;border-color:#e4fc51;color:#163e3e}
.dashboard-skills-completion button:not(.primary){background:transparent;border-color:#81aaa5;color:#fff}
.dashboard-skills-completion button:hover{background:#d7ee49;color:#163e3e;border-color:#d7ee49}
.dashboard-skills-chart{border-top:4px solid #20a28d}
.dashboard-skills-chart .skills-radar polygon[fill]:not([fill="none"]){fill:#20a28d30;stroke:#008975}

.dashboard-skills-highlights>article:first-child{background:#f3facd;border-color:#d4e785;border-top:4px solid #c6e827}
.dashboard-skills-highlights>article:last-child{background:#fff0e9;border-color:#f0cbbb;border-top:4px solid #e86f56}
.dashboard-skills-highlights>article:first-child h3{color:#315e39}
.dashboard-skills-highlights>article:last-child h3{color:#a43d28}
.dashboard-evaluation-score{border-top:4px solid #e86f56}
.dashboard-evaluation-score .eval-gauge{background:conic-gradient(#0b9a88 calc(var(--index)*1%),#e2efea 0)}
.dashboard-evaluation-progress:not(.dashboard-skills-completion .dashboard-evaluation-progress){border-top:4px solid #20a28d}
.dashboard-evaluation .track{height:11px;background:#e1efea}
.dashboard-evaluation .track i{background:#0b9a88}

.skills-gap-layout{align-items:start}.skills-score{min-height:0}.skills-radar{flex:none;min-height:0;height:auto;aspect-ratio:570/305;margin:8px 0 0}.skills-radar text{letter-spacing:normal;word-spacing:normal}.skills-radar .radar-scale{font-size:10px;fill:#718780}.dashboard-skills-overview{align-items:start}.dashboard-skills-chart{justify-content:flex-start}.dashboard-skills-chart .skills-radar{max-height:none;min-height:0}.skills-score h3,.dashboard-skills-chart h3{margin-bottom:4px}
@media(min-width:1000px){.dashboard-skills-completion>.panel{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:center}.dashboard-skills-completion>.panel>h3,.dashboard-skills-completion>.panel>.dashboard-number,.dashboard-skills-completion>.panel>.track,.dashboard-skills-completion>.panel>p{grid-column:1}.dashboard-skills-completion>.panel>.actions{grid-column:2;grid-row:1/5;display:flex;flex-direction:column;align-items:stretch;gap:12px}.dashboard-skills-completion>.panel>.actions button{white-space:nowrap}}

.dashboard-board-score-row{margin-top:20px}.dashboard-board-score-row>.panel{margin:0;padding:26px}.dashboard-board-score-row .dashboard-evaluation-score{display:grid;grid-template-columns:minmax(180px,240px) 1fr;column-gap:32px;align-items:center}.dashboard-board-score-row h3{grid-column:1/-1}.dashboard-board-score-row .eval-gauge{margin:14px auto 0}.dashboard-board-score-row .dashboard-evaluation-score>p{text-align:left;max-width:460px;font-size:1rem}.dashboard-board-drilldown{margin:20px 0 0;padding:26px}.dashboard-board-completion .track i{background:#e4fc51}.dashboard-board-completion .track{background:#ffffff26}.dashboard-board-completion>.panel{border-top:0!important}@media(max-width:650px){.dashboard-board-score-row .dashboard-evaluation-score{grid-template-columns:1fr}.dashboard-board-score-row .dashboard-evaluation-score>p{text-align:center;margin:18px auto 0}.dashboard-board-drilldown{padding:20px}}

.dashboard-section-chart{--label-width:220px;--chart-gap:24px;margin-top:24px}.dashboard-section-axis{display:flex;justify-content:space-between;margin:0 40px 12px calc(var(--label-width) + var(--chart-gap));color:var(--muted);font-size:.75rem}.dashboard-section-axis span{width:0;display:flex;justify-content:center}.dashboard-section-bar{display:grid;grid-template-columns:var(--label-width) minmax(0,1fr);gap:var(--chart-gap);align-items:center;min-height:48px;text-decoration:none;border-radius:6px}.dashboard-section-label{font-size:.875rem;line-height:1.4}.dashboard-section-plot{display:flex;align-items:center;height:48px;margin-right:40px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),#dce5e4 20%)}.dashboard-section-fill{display:block;position:relative;height:24px;border-radius:0 5px 5px 0}.dashboard-section-fill strong{position:absolute;left:100%;margin-left:9px;top:50%;transform:translateY(-50%);color:var(--ink);font-size:.875rem}.dashboard-section-bar:hover{background:#edf7f3}.dashboard-section-bar:hover .dashboard-section-label{text-decoration:underline;text-underline-offset:3px}.dashboard-section-bar:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media(max-width:650px){.dashboard-section-chart{--label-width:130px;--chart-gap:12px}.dashboard-section-label{font-size:.8125rem}.dashboard-section-bar,.dashboard-section-plot{min-height:54px;height:54px}}

.admin-account{grid-template-columns:minmax(200px,2fr) minmax(160px,1fr) minmax(120px,1fr)}.admin-account-actions{grid-column:1/-1;display:flex;gap:12px;align-items:center}.admin-account-actions button{min-height:44px;white-space:nowrap}.admin-account-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media(max-width:700px){.admin-account{grid-template-columns:1fr}.admin-account-actions{gap:8px}.admin-account-actions button{padding:10px 12px;font-size:.8125rem}}

.admin-account{grid-template-columns:minmax(180px,2fr) minmax(160px,1fr) minmax(115px,1fr) auto}.admin-account-actions{grid-column:auto;gap:8px}.admin-account-actions button{width:44px;height:44px;padding:10px;min-height:44px}.admin-account-actions svg{width:20px;height:20px}@media(max-width:800px){.admin-account{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.admin-account>.field:first-child{grid-column:1/-1}.admin-account-actions{grid-column:1/-1;justify-content:flex-end}}

.admin-role-group{border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:22px;background:#f8fbfa}.admin-role-group>h3{font-size:1.2rem}.admin-role-group .admin-account:last-child{border-bottom:0}.admin-role-group .admin-subscription{grid-column:1/-1}

.account-column-headings{display:grid;grid-template-columns:minmax(180px,2fr) minmax(160px,1fr) minmax(115px,1fr) 96px;gap:14px;font-weight:700;margin-top:22px}.account-group .admin-account{grid-template-columns:minmax(180px,2fr) minmax(160px,1fr) minmax(115px,1fr) 96px}.account-group .account-field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.account-column-headings{display:none}.account-group .admin-account{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

.organisation-information{margin-top:22px}.organisation-information h2{margin-bottom:24px}

.sidebar nav button.admin-activity-submenu{margin-left:18px;padding-left:18px;font-size:.8125rem}

.organisation-info-heading{display:flex;align-items:center;gap:22px;margin-bottom:28px}.organisation-info-heading img{width:80px;height:80px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:12px;padding:8px}.organisation-info-heading h2{margin:0 0 8px}.organisation-info-heading .organisation-expiry{margin:0;color:var(--muted);font-size:.9375rem}@media(max-width:600px){.organisation-info-heading{align-items:flex-start;gap:14px}.organisation-info-heading img{width:60px;height:60px}}

.admin-product-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.admin-product-results article{border:1px solid var(--line);border-radius:10px;padding:22px;background:#f4f8f6}.admin-product-results strong{font-size:1.8rem}@media(max-width:650px){.admin-product-results{grid-template-columns:1fr}}

.organisation-icon-actions{flex-wrap:nowrap;gap:8px}.organisation-icon-actions button{width:44px;height:44px;padding:10px}.organisation-icon-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.organisation-icon-actions [data-delete]{color:#a23628}

.product-save-actions{margin-top:20px}.admin-product-results .checkline{margin:14px 0 20px}
.dashboard-board-score-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:20px}.boardreflect-benchmark{border-top:4px solid var(--teal);height:100%}.boardreflect-benchmark p{line-height:1.5}.boardreflect-benchmark .muted{font-size:.875rem}@media(max-width:1000px){.dashboard-board-score-row{grid-template-columns:1fr}}

/* Match agreement choices to the five-colour results legend. */
#evaluation-questionnaire .scale .choice{background:var(--agreement-colour,#fff);color:var(--agreement-ink,#163e3e)}
#evaluation-questionnaire .scale .choice:has(input[value="1"]){--agreement-colour:#E86F56;--agreement-ink:#071f20}
#evaluation-questionnaire .scale .choice:has(input[value="2"]){--agreement-colour:#F2A18C;--agreement-ink:#071f20}
#evaluation-questionnaire .scale .choice:has(input[value="3"]){--agreement-colour:#E8CEAD;--agreement-ink:#071f20}
#evaluation-questionnaire .scale .choice:has(input[value="4"]){--agreement-colour:#508978;--agreement-ink:#071f20}
#evaluation-questionnaire .scale .choice:has(input[value="5"]){--agreement-colour:#075052;--agreement-ink:#fff}
#evaluation-questionnaire .scale .choice:has(input:checked){background:var(--agreement-colour,#fff);border-color:var(--agreement-ink,#163e3e);box-shadow:inset 0 0 0 2px var(--agreement-ink,#163e3e);outline:2px solid #163e3e;outline-offset:2px}
#evaluation-questionnaire .scale .choice:has(input:focus-visible){outline:3px solid #163e3e;outline-offset:3px}
#evaluation-questionnaire .scale .choice input{accent-color:var(--agreement-ink,#163e3e)}

#evaluation-questionnaire .priority-options span{height:auto;min-height:44px;padding:10px 4px;font-size:.875rem;overflow-wrap:anywhere;text-align:center}
#evaluation-questionnaire .priority-options{clear:both}
/* Keep native radio behaviour and keyboard access without visible circles. */
#evaluation-questionnaire .scale .choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
/* De-emphasise alternatives only within an answered row; keep them selectable. */
#evaluation-questionnaire .scale:has(input:checked) .choice:not(:has(input:checked)){background:#e5e7e7;color:#4b5858;border-color:#c5cccc;box-shadow:none}
#evaluation-questionnaire .priority-options:has(input:checked) label:not(:has(input:checked)) span{background:#e5e7e7;color:#4b5858;border-color:#c5cccc}

/* Guided member journey. */
.evaluation-journey{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}.journey-nav{display:grid;gap:5px;position:sticky;top:24px}.journey-nav button{display:flex;justify-content:space-between;gap:12px;text-align:left;background:transparent;border-color:transparent;font-size:.875rem;padding:12px}.journey-nav button[aria-current=step]{background:#e7f1ed;border-color:#bfdcd2;color:var(--teal);font-weight:700}.journey-nav small{white-space:nowrap}.journey-progress{display:grid;gap:8px;margin-bottom:30px;color:var(--muted);font-size:.875rem}.journey-progress progress{width:100%;height:9px;accent-color:var(--teal)}.journey-eyebrow{display:block;color:var(--muted);font-size:.8125rem;font-weight:500;margin:0 0 10px}.journey-intro{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.journey-intro article{background:#f2f7f4;border-radius:10px;padding:20px}.journey-intro p{margin-bottom:0}.journey-help{background:#f2f7f4;border-radius:8px;padding:16px;margin:22px 0}.journey-help summary,.journey-review summary{cursor:pointer;font-weight:600}.journey-help p:last-child{margin-bottom:0}#evaluation-questionnaire .journey-agreement{clear:both;border:0;padding:0;margin:0;min-width:0}#evaluation-questionnaire .journey-agreement>legend{font-size:.9375rem;margin-bottom:12px}#evaluation-questionnaire .journey-agreement .scale{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.journey-review{border:1px solid var(--line);border-radius:8px;padding:18px;margin:14px 0}.journey-review article{border-bottom:1px solid var(--line);padding:8px 0}.journey-review dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:.875rem}.journey-review dt{color:var(--muted)}.journey-review dd{margin:5px 0}.journey-review button{margin-top:16px}.journey-comment{white-space:pre-wrap;overflow-wrap:anywhere}.journey-footer{gap:16px;flex-wrap:wrap;margin-top:30px}#evaluation-feedback{font-size:.875rem;color:var(--muted);margin:18px 0 0}#journey-heading:focus{outline:none}@media(max-width:1000px){.evaluation-journey{grid-template-columns:1fr}.journey-nav{position:static;display:flex;overflow-x:auto;padding-bottom:8px}.journey-nav button{flex-shrink:0;max-width:210px;align-items:center}.journey-intro{grid-template-columns:1fr}}@media(max-width:500px){#evaluation-questionnaire .journey-agreement .scale{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-footer>.actions{width:100%}.journey-footer>.actions button{flex:1}.journey-review dl{grid-template-columns:1fr}.evaluation-journey .panel{padding:20px}}
/* Sequential site lime communicates increasing priority. */
#evaluation-questionnaire .priority-options label:has(input[value="1"]){--priority-colour:#fafde9;--priority-ink:#071f20}
#evaluation-questionnaire .priority-options label:has(input[value="2"]){--priority-colour:#f3fcc2;--priority-ink:#071f20}
#evaluation-questionnaire .priority-options label:has(input[value="3"]){--priority-colour:#edfc9c;--priority-ink:#071f20}
#evaluation-questionnaire .priority-options label:has(input[value="4"]){--priority-colour:#e8fc76;--priority-ink:#071f20}
#evaluation-questionnaire .priority-options label:has(input[value="5"]){--priority-colour:var(--lime);--priority-ink:#071f20}
#evaluation-questionnaire .priority-options span{background:var(--priority-colour,#fff);color:var(--priority-ink,#163e3e)}
#evaluation-questionnaire .priority-options input:checked+span{background:var(--priority-colour,#075052);color:var(--priority-ink,#fff);border-color:var(--priority-ink,#163e3e);box-shadow:inset 0 0 0 2px var(--priority-ink,#163e3e);outline:2px solid #163e3e;outline-offset:2px}
#evaluation-questionnaire .priority-options input:focus-visible+span{outline:3px solid #163e3e;outline-offset:3px}

.product-tabs{margin-bottom:24px}.product-question{padding:20px 0;border-bottom:1px solid #dce5e4}.product-question:last-child{border-bottom:0}.product-question textarea{width:100%}

.admin-content{align-self:start}
.admin-product-dashboard{display:grid;gap:24px}
.admin-product-summary{margin:0;border-radius:18px;padding:28px}
.admin-product-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.admin-product-heading h2{font-size:1.5rem;margin:0 0 4px}
.admin-product-heading p{margin:0;color:var(--muted)}
.admin-product-icon{display:grid;place-items:center;width:60px;height:60px;flex:0 0 60px;border:1px solid #b6cec7;border-radius:50%;color:var(--teal)}
.admin-product-icon svg{width:30px;height:30px}
.admin-product-summary .stats{margin:0}
.admin-product-summary .stat{background:#f4f8f6;border:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.admin-product-summary .stat:first-child{background:#eef6cc}
.admin-product-summary .stat strong{font-size:2.3rem}
.admin-metric-notes{margin-top:24px;font-size:.875rem}
.admin-metric-notes summary{font-weight:700;cursor:pointer}
.admin-metric-notes p{margin-top:16px}
@media(max-width:650px){.admin-product-summary{padding:20px}.admin-product-summary .stats{grid-template-columns:1fr 1fr}.admin-product-summary .stat{padding:16px}}

.dashboard-product-link{justify-content:flex-end;margin:-12px 0 20px}

.dashboard-group>h2>a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.dashboard-group>h2>a:hover{color:var(--teal);text-decoration-thickness:2px}.dashboard-group>h2>a:focus-visible{outline:2px solid var(--teal);outline-offset:5px;border-radius:3px}
.add-organisation-dialog form{display:grid;gap:16px}.add-organisation-dialog .field{margin:0}.add-organisation-dialog fieldset{border:1px solid var(--line,#dce5e4);border-radius:12px;padding:16px}.add-organisation-dialog legend{font-weight:700;padding:0 6px}.add-organisation-dialog h2,.add-organisation-dialog p{margin:0}.add-organisation-dialog .actions{justify-content:flex-end}

.dashboard-group>#dashboard-skills-title::before,.dashboard-group>#dashboard-evaluation-title::before{display:none}.dashboard-product-icon{display:inline-flex;width:32px;height:32px;flex:0 0 32px;color:var(--teal)}.dashboard-product-icon svg{width:100%;height:100%}
.journey-progress progress{appearance:none;border:0;border-radius:6px;overflow:hidden;background:#e1ebe7}.journey-progress progress::-webkit-progress-bar{background:#e1ebe7;border-radius:6px}.journey-progress progress::-webkit-progress-value{background:var(--teal);border-radius:6px}.journey-progress progress::-moz-progress-bar{background:var(--teal);border-radius:6px}@media(max-width:500px){#evaluation-questionnaire .priority-options{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Keep the agreement scale ordered left to right, with abstention separate. */
#evaluation-questionnaire .journey-agreement .scale{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto;padding:4px}
#evaluation-questionnaire .journey-agreement .scale .choice:last-child{grid-column:1/-1;justify-self:start;min-width:170px}
@media(max-width:650px){#evaluation-questionnaire .journey-agreement .scale{grid-template-columns:repeat(5,minmax(105px,1fr))}}
.evaluation-journey>#evaluation-questionnaire{min-width:0}

/* A compact progress bar replaces the section navigation list. */
.evaluation-journey{display:block}.evaluation-journey>.journey-progress{padding:20px 24px;background:#edf5f1;border:1px solid var(--line);border-radius:10px;margin-bottom:24px;gap:12px}.journey-progress-heading{display:flex;justify-content:space-between;gap:16px;color:var(--ink);font-size:1rem}.evaluation-journey>.journey-progress progress{height:12px}.journey-rating-error{clear:both;margin:12px 0 0;font-size:.875rem}#evaluation-questionnaire fieldset:has(> .journey-rating-error){border-left:3px solid #a23628;padding-left:12px}@media(max-width:500px){.evaluation-journey>.journey-progress{padding:16px}.journey-progress-heading{font-size:.875rem}}

/* Focused, one-statement-at-a-time board evaluation. */
.shell:has(.typeform-journey){grid-template-columns:minmax(0,1fr)}.shell:has(.typeform-journey)>.sidebar{display:none}.content:has(.typeform-journey){max-width:1120px;width:100%;margin:0 auto}.typeform-journey{max-width:980px;margin:24px auto}.typeform-journey #evaluation-questionnaire>.panel{border:0;background:transparent;box-shadow:none;padding:36px 24px;animation:journey-enter 950ms ease-in-out}.typeform-journey #journey-heading{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.35;letter-spacing:-.7px;max-width:900px;margin:12px 0 28px}.journey-question-number{color:#508978;white-space:nowrap}.typeform-journey .journey-help{background:transparent;padding:0;font-size:.875rem;margin:0 0 24px}.typeform-journey #evaluation-questionnaire .question{padding:0;border:0}.typeform-journey #evaluation-questionnaire .choice{min-height:76px;border-radius:8px}.typeform-journey #evaluation-questionnaire .priority-options span{min-height:52px}.typeform-journey .journey-footer{margin-top:36px;padding-top:22px}.typeform-journey #journey-continue{min-width:150px;min-height:48px}.typeform-journey>.journey-progress{background:transparent;border:0;padding:0 24px;margin-bottom:8px}.typeform-journey #evaluation-feedback{min-height:24px}@keyframes journey-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.typeform-journey #evaluation-questionnaire>.panel{animation:none}}@media(max-width:600px){.typeform-journey #evaluation-questionnaire>.panel{padding:24px 0}.typeform-journey>.journey-progress{padding:0}.typeform-journey #journey-heading{font-size:1.65rem}}
.typeform-journey #evaluation-questionnaire .question>legend.visually-hidden{width:1px;height:1px;float:none;margin:-1px;padding:0;font-size:1px}

/* All agreement options share one row, including Not able to assess. */
#evaluation-questionnaire .journey-agreement .scale{grid-template-columns:repeat(6,minmax(0,1fr))}
#evaluation-questionnaire .journey-agreement .scale .choice:last-child{grid-column:auto;justify-self:stretch;min-width:0}
#evaluation-questionnaire .journey-agreement>legend.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){#evaluation-questionnaire .journey-agreement .scale{grid-template-columns:repeat(6,minmax(105px,1fr))}}
#evaluation-questionnaire .evaluation-priority[hidden]{display:none}

/* Introduce priority choices gently after an agreement is selected. */
#evaluation-questionnaire .evaluation-priority:not([hidden]){animation:priority-reveal 1250ms ease-in-out both}
@keyframes priority-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#evaluation-questionnaire .evaluation-priority:not([hidden]){animation:none}}

/* Section and completion sit inside a larger, smoothly filling progress bar. */
.typeform-journey .journey-progress-bar{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:64px;background:#e1ebe7;border:1px solid #c8dcd3}
.typeform-journey .journey-progress-fill{position:absolute;inset:0 auto 0 0;background:#a2c8ba;z-index:-1;transition:width 550ms cubic-bezier(.22,1,.36,1)}
.typeform-journey .journey-progress-heading{min-height:64px;align-items:center;padding:16px 22px;gap:18px;color:#163e3e}
.typeform-journey #journey-progress-percent{font-weight:700;font-size:1.125rem;flex-shrink:0}
@media(max-width:500px){.typeform-journey .journey-progress-heading{padding:14px 16px;font-size:.875rem;gap:12px}}
@media(prefers-reduced-motion:reduce){.typeform-journey .journey-progress-fill{transition:none}}

/* Centre agreement labels in their answer boxes. */
#evaluation-questionnaire .journey-agreement .scale .choice{display:flex;align-items:center;justify-content:center;text-align:center}
#evaluation-questionnaire .journey-agreement .scale .choice span{margin:0;width:100%;text-align:center}

/* Question number badge. */
.typeform-journey .journey-question-number{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#bd4b2f;color:#fff;font-size:1.35rem;font-weight:700;line-height:1;vertical-align:middle;margin-right:10px;letter-spacing:0;flex-shrink:0}
@media(max-width:600px){.typeform-journey .journey-question-number{width:38px;height:38px;font-size:1.125rem;margin-right:7px}}

/* Separate the question badge from wrapping text and give each step room. */
.typeform-journey #journey-heading:has(.journey-question-number){display:grid;grid-template-columns:46px minmax(0,1fr);align-items:start;column-gap:20px;margin:8px 0 36px}
.typeform-journey #journey-heading .journey-question-number{margin:3px 0 0}
.typeform-journey .journey-question-text{min-width:0}
.typeform-journey #evaluation-questionnaire>.panel{padding-top:44px;padding-bottom:36px}
.typeform-journey #evaluation-questionnaire .evaluation-priority{margin-top:36px;padding-top:28px}
.typeform-journey #evaluation-questionnaire .evaluation-priority legend{margin-bottom:16px}
.typeform-journey .journey-footer{margin-top:44px;padding-top:26px}
.typeform-journey #evaluation-feedback{margin-top:22px}
@media(max-width:600px){.typeform-journey #journey-heading:has(.journey-question-number){grid-template-columns:38px minmax(0,1fr);column-gap:14px;margin-bottom:28px}.typeform-journey #evaluation-questionnaire>.panel{padding-top:32px;padding-bottom:24px}.typeform-journey .journey-footer{margin-top:32px;padding-top:22px}}

/* Compare board and sector scores side by side. */
.eval-comparison-circles{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:16px}.eval-score-comparison{text-align:center;min-width:0}.eval-score-comparison h4{margin:12px 0 6px}.eval-score-comparison p{font-size:.875rem;margin:0}.eval-comparison-circles .eval-gauge{max-width:250px;margin:14px auto}.eval-comparison-circles .eval-benchmark-gauge{max-width:210px}.eval-benchmark-gauge strong{color:#718f88;font-size:clamp(2rem,4vw,3.5rem)}.eval-comparison-note{margin-top:24px;text-align:center}.eval-comparison-note p{font-size:.875rem;margin:6px 0}.eval-statement-benchmark{background:#f0f4f2;padding:12px;border-radius:7px;color:var(--muted);font-size:.8125rem;margin:8px 0 20px}.eval-statement-benchmark strong{font-size:1.2rem;color:#718f88;margin-left:6px}.eval-indicators .eval-benchmark-cell strong{color:#718f88;font-size:1.4rem}.eval-indicators table{min-width:800px}.eval-indicators th:nth-child(3),.eval-indicators td:nth-child(3){min-width:135px}.eval-indicators th:last-child,.eval-indicators td:last-child{min-width:220px}@media(max-width:650px){.eval-comparison-circles{gap:16px}.eval-comparison-circles .eval-gauge strong{font-size:2rem;letter-spacing:-1px}.eval-comparison-circles .eval-gauge span{font-size:.75rem}.eval-score-comparison h4{font-size:1rem}.eval-comparison-circles .eval-benchmark-gauge{width:88%}}
.eval-example-note{padding:12px 16px;background:#f3f8df;border:1px solid #d5e49d;border-radius:8px;font-size:.875rem;margin-bottom:22px}.eval-indicators .eval-priority-cell{white-space:nowrap}.eval-indicators .eval-priority-cell strong{font-size:1.4rem}.eval-indicators table{min-width:900px}.eval-indicators th:nth-child(3),.eval-indicators td:nth-child(3){min-width:90px}.eval-indicators th:nth-child(4),.eval-indicators td:nth-child(4){min-width:135px}
/* Keep benchmark beside the score; priority remains on its own five-point scale. */
.eval-indicators th:nth-child(3),.eval-indicators td:nth-child(3){min-width:135px}.eval-indicators th:nth-child(4),.eval-indicators td:nth-child(4){min-width:90px}
.eval-priority-badge{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;padding:8px 12px;border-radius:8px;color:#163e3e;font-variant-numeric:tabular-nums}

/* Give statements and comparison metrics distinct, evenly spaced columns. */
.eval-indicators{padding:8px 28px 24px}.eval-indicators table{table-layout:fixed;min-width:0;width:100%}
.eval-indicators th:first-child{width:40%;padding-right:28px}.eval-indicators th:nth-child(2){width:10%}.eval-indicators th:nth-child(3){width:14%}.eval-indicators th:nth-child(4){width:11%}.eval-indicators th:last-child{width:25%}
.eval-indicators th,.eval-indicators td{min-width:0!important;padding:28px 16px}.eval-indicators td:first-child{padding-right:28px}.eval-indicators th:not(:first-child):not(:last-child),.eval-indicators td:not(:first-child):not(:last-child){text-align:center}
.eval-indicators td:last-child,.eval-indicators th:last-child{padding-left:24px;padding-right:0}.eval-indicators tbody tr{border-top:1px solid var(--line)}.eval-indicators td p{line-height:1.65;margin:10px 0}.eval-indicators .eval-distribution{min-width:0}.eval-indicators .eval-area-label{font-size:.8125rem}
@media(max-width:1100px){
 .eval-indicators{padding:8px 22px 24px}.eval-indicators table,.eval-indicators tbody{display:block}.eval-indicators thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .eval-indicators tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;padding:28px 0}.eval-indicators tbody tr:first-child{border-top:0}
 .eval-indicators td,.eval-indicators td:first-child,.eval-indicators td:last-child{display:block;padding:0;border:0;text-align:left!important;white-space:normal}
 .eval-indicators td:first-child,.eval-indicators td:last-child{grid-column:1/-1}.eval-indicators td[data-label]::before{content:attr(data-label);display:block;font-size:.8125rem;font-weight:500;color:var(--muted);line-height:1.4;margin-bottom:12px;min-height:2.8em}
 .eval-indicators td:last-child::before{min-height:0}.eval-indicators .eval-distribution{height:32px;margin-bottom:10px}
}

/* Participation follows the assessment palette; deadline colour reflects urgency. */
.eval-participation progress::-webkit-progress-value{background:var(--participation-colour)}
.eval-participation progress::-moz-progress-bar{background:var(--participation-colour)}

/* Welcome guidance: two clear cards with large visual cues. */
.typeform-journey .journey-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}
.typeform-journey .journey-intro article{padding:28px;border:1px solid #d5e5de;border-radius:14px;background:#f0f6f2}
.journey-intro-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:18px;background:#e4fc51;color:#075052;margin-bottom:24px}
.journey-intro-icon svg{width:52px;height:52px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.typeform-journey .journey-intro h3{font-size:1.125rem;margin-bottom:12px}.typeform-journey .journey-intro p{line-height:1.65}
@media(max-width:560px){.typeform-journey .journey-intro{grid-template-columns:1fr;gap:18px}.typeform-journey .journey-intro article{padding:24px}}

/* Non-interactive examples of the questionnaire's answer buttons. */
.journey-rating-examples{margin:18px 0 32px}.journey-example-label{font-size:.8125rem;color:var(--muted);margin:0 0 10px}.journey-example-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow-x:auto;padding:3px}.journey-example-options.agreement{grid-template-columns:repeat(6,minmax(0,1fr))}.journey-example-options>span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:64px;padding:14px 8px;border:1px solid var(--line);border-radius:8px;font-size:.875rem;line-height:1.4}.journey-example-options.priority>span{font-weight:700;min-height:52px}@media(max-width:650px){.journey-example-options.agreement{grid-template-columns:repeat(6,minmax(105px,1fr))}.journey-example-options.priority{grid-template-columns:repeat(5,minmax(85px,1fr))}}
.typeform-journey>.journey-progress[hidden]{display:none}

/* Pair the Skills matrix identity with its completion heading. */
.dashboard-skills-heading-row{grid-column:1;display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-bottom:18px}
.dashboard-skills-heading-row h2{display:flex;align-items:center;gap:12px;margin:0;font-size:1.35rem;color:inherit}
.dashboard-skills-heading-row h3{margin:0;color:inherit;font-size:.9375rem;font-weight:500}
.dashboard-skills-heading-icon{display:inline-flex;width:32px;height:32px;color:var(--lime);flex-shrink:0}.dashboard-skills-heading-icon svg{width:100%;height:100%}

/* Skills title sits above the completion card. */
.dashboard-group>#dashboard-skills-title{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--ink)}
.dashboard-group>#dashboard-skills-title::before{display:none}
#dashboard-skills-title .dashboard-skills-heading-icon{color:var(--teal);width:36px;height:36px}

/* Dashboard board evaluation matches the report's paired score circles. */
.dashboard-group>#dashboard-evaluation-title::before{display:none}#dashboard-evaluation-title svg{width:36px;height:36px;flex-shrink:0;color:var(--teal)}
.dashboard-board-score-row.dashboard-board-comparison{display:block}.dashboard-board-comparison>.dashboard-evaluation-score{display:block}
.dashboard-board-comparison .eval-comparison-circles{max-width:760px;margin:20px auto 0}
.dashboard-board-comparison .eval-gauge{max-width:250px;background:conic-gradient(var(--score-colour,var(--teal)) calc(var(--index)*1%),#eaf0ee 0)}
.dashboard-board-comparison .eval-benchmark-gauge{max-width:210px}.dashboard-board-comparison .eval-comparison-note{font-size:.875rem;color:var(--muted)}
.organisation-member-add{justify-content:flex-start;margin-top:24px}



.dashboard-section-axis{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-section-plot{background-size:20% 100%}

/* Keep the longer BoardReflect wordmark within the compact sidebar. */
@media(min-width:701px) and (max-width:1100px){.sidebar .brand{font-size:1.05rem}}

.organisation-members .member-assessment-status{width:100%;max-width:260px;min-height:52px;padding:12px 18px;border:1px solid transparent;border-radius:28px;font-weight:600;font-size:.95rem;line-height:1.4}
.organisation-members .member-assessment-invite{background:#f7ded7;border-color:#e7ac9d;color:#762e1b}
.organisation-members .member-assessment-invite:hover{background:#f2c9bd;border-color:#bd4b2f}
.organisation-members .member-assessment-progress{background:#fae6c6;border-color:#e6bb7a;color:#70430c}
.organisation-members .member-assessment-complete{background:#d9ebe4;border-color:#9dc6b6;color:#075052}
.organisation-members .member-assessment-status:disabled{opacity:1;cursor:default}
.organisation-members .member-assessment-unavailable{background:#edf0ef;color:#657571;border-color:#dce5e4}
.organisation-members{table-layout:fixed}
.organisation-members th:first-child{width:34%}
.organisation-members th:nth-child(2),.organisation-members th:nth-child(3){width:22%}
.organisation-members th:last-child{width:22%}
.organisation-members td:first-child{width:34%}

.organisation-members .member-actions button{width:100%;min-height:52px;padding:12px;border-radius:28px;color:#762e1b;border-color:#e7ac9d;background:transparent}
.member-remove-confirm{background:#bd4b2f;border-color:#bd4b2f;color:white}

.member-avatar{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#075052;color:white;font-size:.9rem;font-weight:600}.member-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.member-avatar.member-initial{width:38px;height:38px}.member-person{display:flex;align-items:center;gap:12px}.member-person>div{min-width:0}.member-person .member-email{overflow-wrap:anywhere}.member-photo-panel{margin-bottom:24px}.member-photo-heading{display:flex;align-items:center;gap:18px}.member-photo-heading .member-avatar{width:64px;height:64px;font-size:1.25rem}.member-photo-heading h2{font-size:1.25rem;margin:0 0 6px}.member-photo-heading p{margin:0;color:var(--muted)}.member-photo-panel details{margin-top:18px}.member-photo-panel summary{cursor:pointer;font-weight:600}.member-photo-panel .field{margin-top:16px}.member-photo-panel .actions{flex-wrap:wrap}#member-photo-preview .member-avatar{width:96px;height:96px;margin-top:12px}@media(max-width:600px){.member-person{gap:8px}.member-person .member-avatar{width:34px;height:34px}.member-photo-heading{align-items:flex-start}}

.member-sidebar-profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin:8px 0 24px;padding:0 16px}.member-sidebar-profile .member-avatar{width:88px;height:88px;font-size:1.6rem;border:2px solid #c4d7be}.member-sidebar-profile strong{color:white;font-size:1rem;margin-top:4px}.member-sidebar-title{font-size:.875rem;color:#dbe8e4;line-height:1.5}.member-sidebar-profile button{margin-top:4px;background:transparent;border-color:#8baea3;color:white;font-size:.875rem;padding:10px 20px}.member-sidebar-profile button:hover{background:#ffffff15}.member-role{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.member-photo-panel h2{font-size:1.5rem;margin-top:0}.member-photo-panel>p{color:var(--muted)}@media(max-width:700px){.member-sidebar-profile{margin:0;gap:6px}.member-sidebar-profile .member-avatar{width:64px;height:64px;font-size:1.2rem}}

.officer-profile-wrap .member-avatar{width:64px;height:64px;font-size:1.3rem}.officer-profile-wrap .member-sidebar-profile{padding:0;gap:6px;margin:0 0 22px}.officer-profile-wrap .member-sidebar-profile button{padding:8px 18px}.sidebar:has(.officer-profile-wrap){overflow-y:auto}

/* Keep the officer identity and navigation in a single header row. */
.officer-shell{display:block}
.officer-header{display:flex;flex-direction:row;align-items:center;gap:16px;padding:18px 28px;overflow:visible!important}
.officer-header .brand{order:0;flex-shrink:0;font-size:1.3rem}
.officer-header .org{order:1;display:flex;align-items:center;gap:10px;text-align:left;padding:0;font-size:.8rem;line-height:1.4;flex-shrink:0}
.officer-header .org:empty{display:none}
.officer-header .organisation-logo{width:38px;height:38px;margin:0;flex-shrink:0}
.officer-header .officer-profile-wrap{order:3;margin-left:auto;flex-shrink:0;max-width:260px}
.officer-header .officer-profile-button{display:flex;align-items:center;gap:10px;padding:6px 4px;margin:0;background:transparent;border:1px solid transparent;color:white;text-align:left;border-radius:10px}
.officer-header .officer-profile-button:hover{background:#ffffff0c;border-color:#ffffff30}
.officer-header .officer-profile-button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.officer-header .member-avatar{width:44px;height:44px;font-size:1rem;border:2px solid #c4d7be;flex-shrink:0}
.officer-profile-copy{display:grid;gap:2px;line-height:1.4}
.officer-profile-copy strong{font-size:.85rem}
.officer-profile-copy .member-sidebar-title{font-size:.75rem;font-weight:400}
.officer-profile-organisation{font-size:.7rem;font-weight:400;color:#dbe8e4}
.officer-header nav{order:2;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0}
.officer-header nav>button,.officer-header .skills-nav-group>button{width:auto;white-space:nowrap;font-size:.8rem;padding:8px 6px;gap:8px}
.officer-header nav button .nav-icon{flex-basis:30px;width:30px;height:30px}
.officer-header nav button .nav-icon svg{width:16px;height:16px}
.officer-header .skills-nav-group{position:relative;display:block;flex-shrink:0}
.officer-header .skills-submenu-motion{position:absolute;top:100%;left:0;min-width:240px;z-index:10;background:#163e3e;border-radius:10px;box-shadow:0 12px 24px #0003}
.officer-header .skills-submenu{margin:0;padding:8px;border:0}
.officer-header .skills-submenu button{width:100%;white-space:normal}
.officer-header .sidebar-bottom{order:4;margin:0;font-size:.75rem;display:flex}
.officer-header .sidebar-bottom:empty{display:none}
@media(max-width:1100px){.officer-header{gap:10px;padding:16px 18px}.officer-header .brand{font-size:1.15rem}.officer-header nav>button,.officer-header .skills-nav-group>button{font-size:.75rem;padding:8px 4px;gap:6px}.officer-header nav button .nav-icon{flex-basis:26px;width:26px;height:26px}.officer-header .officer-profile-wrap{max-width:220px}.officer-header .organisation-logo{width:32px;height:32px}}
@media(max-width:900px){.officer-header{flex-wrap:wrap}.officer-header .officer-profile-wrap{order:2}.officer-header nav{order:3;width:100%;flex-wrap:wrap;overflow:visible}.officer-header .sidebar-bottom{order:4}.officer-header .org{max-width:180px}}
@media(max-width:540px){.officer-header{padding:16px 12px;gap:12px 8px}.officer-header .brand{font-size:1.05rem}.officer-header .officer-profile-wrap{max-width:190px}.officer-header .member-avatar{width:36px;height:36px}.officer-header .officer-profile-button{gap:8px}.officer-profile-copy strong{font-size:.75rem}.officer-profile-copy .member-sidebar-title,.officer-profile-organisation{font-size:.65rem}.officer-header nav{gap:4px}.officer-header nav>button,.officer-header .skills-nav-group>button{font-size:.7rem;gap:5px;padding:8px 3px}.officer-header nav button .nav-icon{flex-basis:24px;width:24px;height:24px}.officer-header .skills-submenu-motion{min-width:210px}}

.member-list-controls{justify-content:flex-end;flex-wrap:wrap;gap:10px}
.organisation-members+.section-note+.member-list-controls{margin-top:24px}
.member-row-actions{display:flex;justify-content:flex-end;gap:10px}
.organisation-members .member-actions .member-row-actions button{width:42px;height:42px;min-height:42px;padding:10px;border-radius:50%;flex-shrink:0}
.organisation-members .member-actions .member-edit-icon{color:var(--teal);border-color:#afc0ba}
.organisation-members .member-actions .member-remove-icon{color:#a23625;border-color:#e7ac9d}
.organisation-members .member-actions .member-edit-icon:hover{background:#edf4f1}
.organisation-members .member-actions .member-remove-icon:hover{background:#fff0ec}

.brand-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:currentColor}