.ha-workspace {
  padding-block:32px 48px
}

.ha-intro {
  max-width:900px;
  display:grid;
  gap:12px;
  margin-bottom:25px
}

.ha-help,.ha-filter-help {
  color:#4b5563;
  font-size:15px
}

.ha-evidence-note {
  padding:23px;
  background:#f0ece5;
  border-left:4px solid var(--vt-navy);
  margin-bottom:28px;
  display:grid;
  gap:12px
}

.ha-evidence-note h2 {
  font-size:23px
}

.ha-workspace fieldset {
  border:1px solid var(--vt-line);
  margin:16px 0 25px;
  min-width:0
}

.ha-workspace legend {
  font-weight:700;
  padding-inline:8px
}

.ha-filter-help {
  flex-basis:100%
}

.ha-secondary {
  background:white;
  color:var(--vt-navy);
  border:1px solid var(--vt-navy);
  padding:10px 14px;
  min-height:46px;
  font:inherit;
  cursor:pointer
}

.ha-secondary:hover {
  background:#e8dfd0
}

.ha-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center
}

.ha-shortlist {
  padding:24px;
  background:white;
  border:2px solid var(--vt-navy);
  display:grid;
  gap:16px
}

.ha-shortlist h2 {
  font-size:25px;
  margin-bottom:9px
}

.ha-shortlist h2 span {
  display:inline-block;
  font:600 16px 'Source Sans Pro',Arial,sans-serif;
  white-space:nowrap;
  margin-left:9px
}

.ha-shortlist ul {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px
}

.ha-shortlist li {
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid var(--vt-line);
  background:var(--vt-paper);
  padding:8px 12px;
  flex-wrap:wrap
}

.ha-shortlist li span {
  font-weight:700
}

.ha-shortlist li small {
  display:block;
  font-weight:400
}

.ha-shortlist li button {
  min-height:44px;
  border:0;
  background:transparent;
  color:var(--vt-navy);
  text-decoration:underline;
  text-underline-offset:3px
}

.ha-results-count {
  margin:25px 0 17px!important;
  font-weight:700
}

.ha-apps {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px
}

.ha-card {
  background:white;
  border:1px solid var(--vt-line);
  border-top:4px solid var(--vt-navy);
  padding:24px;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px
}

.ha-card.is-selected {
  border-color:var(--vt-red)
}

.ha-card h2 {
  font-size:28px;
  text-transform:none
}

.ha-role-label {
  font-size:13px;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.4px
}

.ha-card .ha-actions {
  margin-top:auto;
  align-items:stretch;
  flex-direction:column
}

.ha-official {
  font-weight:700;
  color:#a82824!important;
  padding-block:7px
}

.ha-card [aria-pressed=true] {
  background:var(--vt-navy);
  color:white
}

.ha-platform-status {
  background:#f0ece5;
  padding:10px;
  font-size:15px
}

.ha-details {
  border-top:1px solid var(--vt-line);
  padding-top:13px
}

.ha-details summary {
  font-weight:700;
  cursor:pointer;
  min-height:44px;
  padding-block:8px
}

.ha-details summary:focus-visible,.ha-table-region:focus-visible {
  outline:3px solid #bf5a29;
  outline-offset:4px
}

.ha-details dl {
  margin:0
}

.ha-details dl>div {
  padding-top:18px
}

.ha-details dt {
  font-weight:700;
  margin-bottom:8px
}

.ha-details dd {
  margin:0
}

.ha-citations {
  font-size:14px;
  margin:9px 0 0;
  padding-left:19px
}

.ha-citations li+li {
  margin-top:5px
}

.ha-platform-fact+.ha-platform-fact {
  border-top:1px solid var(--vt-line);
  padding-top:14px;
  margin-top:14px
}

.ha-platform-fact>p:first-child {
  margin-bottom:7px
}

.ha-caution {
  border-left:3px solid var(--vt-red);
  padding:12px;
  background:#f7eee6;
  margin-top:13px
}

.ha-comparison {
  margin-top:35px;
  border-top:4px solid var(--vt-red);
  padding-top:25px
}

.ha-comparison>p {
  margin:14px 0
}

.ha-table-region {
  overflow-x:auto;
  margin-top:15px;
  max-width:100%
}

.ha-table-region table {
  table-layout:fixed;
  margin:0;
  background:white;
  min-width:680px
}

.ha-table-region th,.ha-table-region td {
  vertical-align:top;
  overflow-wrap:anywhere;
  border:1px solid var(--vt-line);
  padding:16px
}

.ha-table-region thead th {
  background:var(--vt-navy);
  color:white;
  font-size:20px
}

.ha-table-region thead th:first-child {
  width:155px
}

.ha-table-region thead a {
  font-size:15px;
  font-weight:400;
  display:block;
  margin-top:10px
}

.ha-table-region tbody th {
  background:#f0ece5;
  font-size:15px
}

.ha-table-region caption {
  padding:10px 0
}

.ha-footnote {
  border-top:1px solid var(--vt-line);
  margin-top:35px!important;
  padding-top:22px
}

.ha-workspace p,.ha-workspace a,.ha-workspace button {
  overflow-wrap:anywhere
}

.ha-workspace #ha-empty-results {
  margin-bottom:20px
}

.ha-workspace #ha-empty-results button {
  margin-top:18px
}

.ha-official {
  position:relative
}

.ha-table-region thead .ha-official {
  color:var(--vt-sand)!important
}

@media(max-width:650px) {
  .ha-apps {
    grid-template-columns:1fr
  }
  .ha-card,.ha-shortlist,.ha-evidence-note {
    padding:19px
  }
  .ha-workspace {
    padding-top:24px
  }
  .ha-shortlist .ha-actions {
    align-items:stretch;
    flex-direction:column
  }
  .ha-shortlist ul,.ha-shortlist li {
    width:100%
  }
  .ha-shortlist li {
    justify-content:space-between
  }
  .ha-evidence-note h2 {
    font-size:22px
  }
  .ha-table-region th,.ha-table-region td {
    padding:12px
  }
  .ha-workspace .vt-filters {
    display:grid;
    grid-template-columns:1fr
  }
  .ha-workspace .vt-field {
    min-width:0
  }
}