.status-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:normal}
.status-legend strong{font-weight:600}
.status-legend li{display:flex;align-items:center;gap:12px}
.status-legend__dot{width:12px;height:12px;border-radius:999px;flex:none}
.status-legend__dot--missing{background:#b00020}.status-legend__dot--extra{background:#ff9800}.status-legend__dot--done{background:#2e7d32}
.card--navy .h3{color:#fff}
.page-hero .chip--neutral{background:#fff;border:1px solid var(--line-3);color:var(--ink);font-family:inherit;font-size:15px;font-weight:500;min-height:42px;padding:0 16px}
/* Hero chips (above): content-box as drawn, their 1px border sits outside the 40px. Rest of the hero: shared .page-hero--product. */
/* Feature chips as drawn: 6px 12px, normal line height. */
.feature-row__text .chip{padding:6px 12px;line-height:normal}
/* Closing tiles as drawn: no border, normal line height on the title and the link. */
.card--xl{border:0}
.card--xl .h3,.card--xl .link-arrow{line-height:normal}
/* Closing tiles */
.tss-tile{padding:32px;border-radius:24px}
.tss-tile__link{margin-top:auto;color:var(--blue-muted)}