/* Completion is the primary task; review aids stay close and independently fold. */
.auditCompletion__layout,
.criterionCompletion__layout { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; align-items:start; }
.auditCompletion__layout > *,
.criterionCompletion__layout > * { min-width:0; }
.auditCompletion__sidebar,
.criterionCompletion__primary,
.criterionCompletion__support { display:grid; align-content:start; gap:14px; }
.auditCompletion__filterCard .row-between { align-items:center; }
.auditCompletion__search { display:grid; gap:6px; }
.auditCompletion__quickFilters { display:grid; gap:14px; }
.auditCompletion__advancedFilters { box-shadow:none; }
.auditCompletion__advancedFilters > .uxDisclosure__summary { padding:11px 12px; }
.auditCompletion__advancedFilters .auditFilters__grid { margin-top:0; }
.auditCompletion__grouping { display:grid; gap:6px; margin-top:12px; }
.auditCompletion__filterSummary { display:flex; flex-wrap:wrap; gap:6px; }
.auditCompletion__filterSummary .pill { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.auditCompletion__results { gap:8px; }
.auditCompletion__results .auditFilterReset { margin-left:auto; }
.auditCompletion__sidebar .uxDisclosure__content > .card,
.criterionCompletion__support .uxDisclosure__content > .card { padding:0; border:0; box-shadow:none; background:transparent; }
.auditCompletion__sidebar .uxDisclosure__content > .card > .h3 { display:none; }
.auditCompletion__remaining .item { align-items:flex-start; gap:10px; }
.auditCompletion__remaining .item > .small { min-width:0; overflow-wrap:anywhere; }
.auditCompletion .tab,
.auditCompletion .iconBtn,
.criterionCompletion button { min-height:44px; }
.auditCompletion .auditCriterionActions { align-items:center; }
.criterionCompletion__workspace { display:grid; gap:16px; padding-bottom:28px; }
.criterionCompletion__quickNav { display:flex; flex-wrap:wrap; gap:8px; }
.criterionCompletion__quickNav button { display:inline-flex; align-items:center; gap:7px; }
.criterionCompletion__fieldLabel { display:block; font-weight:800; margin-bottom:6px; }
.criterionCompletion__references { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
.criterionCompletion [id^="criterion-"] { scroll-margin-top:var(--ux-header-offset,220px); }
.criterionCompletion__evaluation .scoreChips { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
.criterionCompletion__evaluation .scoreChips .chip { width:100%; min-width:0; min-height:48px; }
.criterionCompletion__evaluation .row-between { flex-wrap:wrap; gap:10px; }
.criterionCompletion__evaluation .row-between > .scoreChips { flex:1 1 100%; }
.criterionCompletion__evaluation input[type="checkbox"] { width:20px; height:20px; flex:0 0 20px; }
.criterionCompletion__actions { bottom:0; padding-top:8px; padding-bottom:max(8px,env(safe-area-inset-bottom)); }
.criterionCompletion__actions > .card { gap:10px; box-shadow:0 -4px 22px rgba(15,23,42,.08); }
.criterionCompletion__actions > .card > .row { flex-wrap:wrap; gap:7px; }
.criterionCompletion__actions button { white-space:normal; }

@media(min-width:700px) {
  .auditCompletion__quickFilters,
  .criterionCompletion__references { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:1100px) {
  .auditCompletion__layout { grid-template-columns:minmax(0,1fr) 310px; }
  .criterionCompletion__layout { grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); }
  .criterionCompletion__evaluation .row-between > .scoreChips { flex-basis:auto; }
}
@media(max-width:920px) {
  .criterionCompletion [id^="criterion-"] { scroll-margin-top:16px; }
}
@media(max-width:600px) {
  .auditCompletion__filterCard > .row-between { align-items:stretch; flex-direction:column; }
  .auditCompletion__continue { width:100%; }
  .auditCompletion__layout { gap:14px; }
  .criterionCompletion__quickNav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .criterionCompletion__quickNav button { justify-content:flex-start; padding:10px; }
  .criterionCompletion__actions > .card { display:block; padding:10px; }
  .criterionCompletion__actions > .card > .small { font-size:11px; margin-bottom:8px; }
  .criterionCompletion__actions > .card > .row { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr); }
  .criterionCompletion__actions > .card > .row > button { min-width:0; }
}