:root{--ink:#13231f;--muted:#66736f;--line:#dfe7e2;--paper:#f6f8f5;--card:#fff;--green:#0d7755;--green2:#dff3e9;--blue:#2467aa;--amber:#a76508;--red:#b33c32;--violet:#7654a5;--shadow:0 16px 40px rgba(23,53,44,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:28px 20px;background:#102d27;color:#d7e7df;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:800 20px Manrope}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6b84a;color:#173c32}nav{display:grid;gap:6px;margin-top:48px}.nav-link{padding:12px 14px;border-radius:10px;color:#aac2b9;text-decoration:none;font-weight:600}.nav-link span{display:inline-block;width:24px}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.09)}.sidebar-note{margin-top:auto;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}.sidebar-note strong{display:block;color:#fff;margin:7px 0}.sidebar-note p{font-size:13px;line-height:1.5;margin:0;color:#aac2b9}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:#6e7d77;margin:0 0 6px}.sidebar .eyebrow{color:#e6b84a}main{margin-left:238px;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;background:rgba(246,248,245,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}h1,h2{font-family:Manrope;margin:0}h1{font-size:25px}.header-actions,.filters{display:flex;align-items:center;gap:9px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 12px}.search input{border:0;outline:0;padding:10px 0;width:195px;font:inherit}.button{border:0;border-radius:10px;padding:11px 15px;font:700 13px 'DM Sans';cursor:pointer}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#096846}.button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.hero{margin:30px 40px 20px;padding:40px 42px;min-height:250px;border-radius:22px;background:linear-gradient(120deg,#e6f2ea 0%,#f5f2df 100%);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:330px;height:330px;border:60px solid rgba(255,255,255,.25);border-radius:50%;right:-110px;top:-130px}.pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.75);border:1px solid rgba(19,35,31,.08);border-radius:99px;padding:7px 11px;font-size:12px;font-weight:700}.pill i{width:7px;height:7px;border-radius:50%;background:#1b9b6d;box-shadow:0 0 0 4px rgba(27,155,109,.12)}.hero h2{font-size:39px;line-height:1.12;margin:17px 0 13px;letter-spacing:-.035em}.hero h2 em{color:var(--green);font-style:normal}.hero>div:first-child>p{max-width:650px;color:#586762;line-height:1.6;margin:0}.hero-score{position:relative;z-index:1;min-width:220px;padding:24px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.8);border-radius:17px;box-shadow:var(--shadow)}.hero-score span,.hero-score small{display:block;color:var(--muted);font-size:12px}.hero-score strong{font:800 46px Manrope;display:block;margin:5px 0}.score-bar{height:6px;border-radius:9px;background:#d9e3dd;overflow:hidden;margin-bottom:10px}.score-bar i{display:block;height:100%;background:var(--green);width:0;transition:.4s}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 40px 32px}.metrics article{display:flex;gap:14px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:15px}.metric-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800}.metric-icon.blue{background:#e5f0fa;color:var(--blue)}.metric-icon.green{background:var(--green2);color:var(--green)}.metric-icon.amber{background:#fff0d8;color:var(--amber)}.metric-icon.violet{background:#eee8f7;color:var(--violet)}.metrics small,.metrics p{color:var(--muted);font-size:11px}.metrics strong{display:block;font:800 24px Manrope;margin:2px 0}.metrics p{margin:0}.workspace{margin:0 40px 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:24px}.filter,select{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:9px;padding:9px 12px;font:600 12px 'DM Sans';cursor:pointer}.filter.active{background:#153a31;color:#fff;border-color:#153a31}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f4f7f4;color:#74817d;text-transform:uppercase;letter-spacing:.08em;font-size:10px;padding:13px 16px}td{padding:16px;border-top:1px solid #edf1ee;font-size:13px;vertical-align:middle}tbody tr{cursor:pointer;transition:.15s}tbody tr:hover{background:#f8faf8}.record-title{display:flex;gap:11px;align-items:center}.type-icon{width:35px;height:35px;border-radius:10px;background:#e9f1ed;color:var(--green);display:grid;place-items:center;font-weight:800}.record-title strong{display:block}.record-title small{color:var(--muted)}.status{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700}.status.on-track,.status.delivered{background:#e1f3e9;color:#176b4e}.status.at-risk{background:#fff0d7;color:#925a09}.status.delayed{background:#fbe4e1;color:#a33b32}.status.unverified{background:#eeeef1;color:#62646b}.progress{display:flex;align-items:center;gap:8px;min-width:110px}.progress-track{width:66px;height:5px;background:#e6ebe8;border-radius:9px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--green)}.evidence{color:var(--green);font-weight:700;text-decoration:none}.more{border:0;background:transparent;font-size:20px;cursor:pointer}.empty-state{text-align:center;padding:55px;color:var(--muted)}.detail-panel{margin:0 40px 28px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.detail-top{display:flex;justify-content:space-between;gap:20px}.detail-panel h2{margin:5px 0 8px}.detail-panel p{color:var(--muted);line-height:1.6}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.detail-grid div{padding:14px;background:#f5f8f5;border-radius:10px}.detail-grid small{display:block;color:var(--muted);margin-bottom:4px}footer{display:flex;justify-content:space-between;padding:24px 40px;color:#84908c;font-size:12px}dialog{border:0;border-radius:18px;padding:0;width:min(620px,calc(100% - 30px));box-shadow:0 25px 80px rgba(10,35,28,.25)}dialog::backdrop{background:rgba(10,28,24,.55);backdrop-filter:blur(3px)}form{padding:26px}.dialog-head{display:flex;justify-content:space-between}.icon-button{border:0;background:#eff3f0;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;right:24px;bottom:24px;background:#163c32;color:#fff;border-radius:10px;padding:12px 18px;opacity:0;transform:translateY(12px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.hero-score{display:none}.sidebar{width:78px}.brand span:last-child,.nav-link:not(.active){font-size:0}.nav-link span{font-size:16px}.sidebar-note{display:none}main{margin-left:78px}.topbar,.hero{padding-left:25px;padding-right:25px}.hero,.metrics,.workspace,.detail-panel{margin-left:25px;margin-right:25px}}@media(max-width:760px){.sidebar{display:none}main{margin:0}.topbar{position:static;align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.search{display:none}.hero h2{font-size:30px}.metrics{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:14px;flex-direction:column}.table-wrap{overflow-x:auto}table{min-width:780px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
.sidebar-brand {
  display: block;
  padding: 18px 12px 20px;
  text-decoration: none;
}

.sidebar-brand img {
  display: block;
  width: 178px;
  max-width: 100%;
  height: auto;
}

/* Dashboard redesign: intentionally light surfaces and one clear reading order. */
.sidebar .sidebar-note{display:none}.sidebar #primaryNavigation{margin:18px 0 0;gap:5px}.nav-secondary{display:flex;flex-wrap:wrap;gap:8px;padding:18px 12px 0;font-size:12px}.nav-secondary a{color:#b8cec5;text-decoration:none}.nav-secondary a:hover{text-decoration:underline;color:#fff}
.hero{min-height:210px;padding:30px 36px;border-radius:16px;box-shadow:none}.hero h2{font-size:34px}.hero-evidence{position:relative;z-index:1;max-width:225px;padding:18px;border-radius:14px;background:rgba(255,255,255,.58);border:1px solid rgba(19,35,31,.08)}.hero-evidence strong,.hero-evidence span,.hero-evidence small{display:block}.hero-evidence strong{font:800 25px Manrope;margin:5px 0}.hero-evidence small{color:var(--muted);line-height:1.45}
.overview-decision,.monthly-changes,.overview-flagships,.overview-priorities,.overview-explore{margin:0 40px 42px}.overview-decision{padding-top:10px}.overview-watch{margin-top:14px;padding:14px 0;border-top:1px solid var(--line);background:transparent}.overview-watch summary,.detailed-comparison summary,.commitment-card details summary{cursor:pointer;font-weight:750;color:var(--ink)}.overview-watch dl{display:flex;gap:28px;margin:15px 0 0}.overview-watch dt{font-size:12px;color:var(--muted)}.overview-watch dd{margin:4px 0;font:800 18px Manrope}.overview-watch ol{padding-left:18px;color:var(--muted)}
.overview-flagship-grid,.commitment-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px}.overview-flagship-grid{grid-template-columns:repeat(5,minmax(220px,1fr));overflow:auto;padding-bottom:4px}.overview-flagship-grid .commitment-card{min-width:220px}.overview-explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.overview-explore-grid a{display:grid;gap:7px;padding:20px;border-radius:15px;text-decoration:none;color:var(--ink);background:transparent;border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.overview-explore-grid a:hover,.overview-explore-grid a:focus-visible{transform:translateY(-2px);border-color:#a8c6b8;box-shadow:0 10px 24px rgba(23,53,44,.07)}.overview-explore-grid span{color:var(--muted);font-size:13px;line-height:1.45}.overview-priorities{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.honest-empty-state{margin:0;color:var(--muted);line-height:1.6}.dashboard-skeleton{min-height:132px;margin:0;padding:20px;border-radius:14px;background:linear-gradient(100deg,#f0f4f1 25%,#fafcfb 42%,#f0f4f1 60%);background-size:200% 100%;animation:dashboard-shimmer 1.5s infinite;color:#70807a}
.commitment-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:none;transition:transform .18s ease,box-shadow .18s ease}.commitment-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,53,44,.07)}.commitment-card-top{display:flex;justify-content:space-between;gap:7px;align-items:start}.commitment-card h3{margin:15px 0 5px;font:800 16px/1.35 Manrope}.commitment-department{min-height:34px;margin:0;color:var(--muted);font-size:12px}.commitment-current{margin:16px 0 10px}.commitment-current small,.commitment-card dt{display:block;color:var(--muted);font-size:11px}.commitment-current strong{display:block;margin-top:3px;font-size:14px;line-height:1.4}.commitment-card dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:14px 0}.commitment-card dd{margin:3px 0 0;font-size:12px;line-height:1.35}.commitment-card a{font-size:13px;font-weight:750;color:var(--green)}.commitment-card details{margin:14px 0;font-size:12px;line-height:1.45}.commitment-card details p{color:var(--muted)}.commitment-freshness{margin:0;color:var(--muted);font-size:11px}.two-point-comparison{display:grid;grid-template-columns:1fr 1fr;gap:6px}.two-point-comparison span{padding:8px;background:#f5f8f5;border-radius:8px;font-size:10px;color:var(--muted)}.two-point-comparison b{display:block;color:var(--ink);font-size:12px;margin-top:3px}.commitment-chart-note{font-size:11px;color:var(--muted);line-height:1.45}.commitment-mini-chart{width:100%;height:70px;overflow:visible}.commitment-mini-chart path{fill:none;stroke:var(--green);stroke-width:2}.commitment-mini-chart circle{fill:var(--green)}.detailed-comparison{margin-top:24px}.detailed-comparison>.table-wrap{margin-top:12px}
.mobile-menu-button,.mobile-navigation{display:none}
dialog{transition:opacity .18s ease,transform .18s ease}dialog:not([open]){opacity:0;transform:scale(.98)}details>div,details>p{animation:disclosure-reveal .18s ease}
@keyframes dashboard-shimmer{to{background-position:-200% 0}}@keyframes disclosure-reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.overview-flagship-grid{grid-template-columns:repeat(3,minmax(230px,1fr))}.overview-explore-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:801px) and (max-width:1100px){.sidebar{width:210px}.brand-logo-image{width:160px}.sidebar .brand{display:block}.sidebar #primaryNavigation .nav-link:not(.active){font-size:13px}.sidebar #primaryNavigation .nav-link span{font-size:16px}main{margin-left:210px}}
@media(max-width:800px){.mobile-menu-button{display:inline-flex}.mobile-view-picker{display:none}.topbar{position:relative}.mobile-navigation{position:absolute;right:18px;top:62px;z-index:30;width:min(290px,calc(100vw - 36px));padding:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.mobile-navigation:not([hidden]){display:grid}.mobile-navigation a{padding:11px 10px;text-decoration:none;color:var(--ink);border-radius:8px}.mobile-navigation a:hover,.mobile-navigation a:focus-visible{background:#f0f5f1}.overview-decision,.monthly-changes,.overview-flagships,.overview-priorities,.overview-explore{margin-left:20px;margin-right:20px;margin-bottom:32px}.hero{margin:20px;min-height:0;padding:25px}.hero h2{font-size:29px}.hero-evidence{display:none}.overview-explore-grid,.overview-flagship-grid{grid-template-columns:1fr;overflow:visible}.overview-flagship-grid .commitment-card{min-width:0}.overview-watch dl{display:grid;grid-template-columns:1fr 1fr;gap:13px}.commitment-card-grid{grid-template-columns:1fr}.commitment-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.overview-explore-grid a,.commitment-card,dialog,details>div,details>p{transition:none;animation:none}.dashboard-skeleton{animation:none}}
/* Canonical grouped sidebar navigation. Keep the evidence architecture visible at every desktop width. */
.sidebar{overflow-y:auto;scrollbar-color:rgba(230,184,74,.55) transparent}.sidebar #primaryNavigation{display:block;margin:14px 0 10px}.sidebar .nav-group{display:grid;gap:2px;margin:0 0 11px}.sidebar .nav-group-title{margin:0;padding:6px 10px 4px;color:#e6b84a;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.sidebar #primaryNavigation .nav-link{padding:8px 10px;font-size:12px;line-height:1.25}.sidebar #primaryNavigation .nav-link span{width:20px}.sidebar-compact .sidebar .nav-group-title{font-size:0;padding:5px 0;border-top:1px solid rgba(255,255,255,.12)}.sidebar-compact .sidebar .nav-group{margin-bottom:7px}.sidebar-compact .sidebar #primaryNavigation .nav-link{padding:9px 6px}.mobile-navigation p{margin:10px 10px 2px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mobile-navigation p:first-child{margin-top:2px}

@media(max-width:800px){.mobile-view-picker{display:none!important}.mobile-navigation{max-height:calc(100dvh - 126px);overflow-y:auto}}

/* GOV Progress brand logo */
.brand.brand-image-link {
  display: block;
  padding: 20px 12px 24px;
  height: auto;
  text-decoration: none;
}

.brand-logo-image {
  display: block;
  width: 178px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media (min-width:801px) and (max-width:1100px) {
  .topbar { align-items:flex-start; flex-wrap:wrap; gap:12px; }
  .topbar h1 { flex:1 1 100%; font-size:22px; }
  .topbar .header-actions { margin-left:auto; }
}