.live-audit { display: grid; gap: var(--space-8); }
.live-audit__form { display: grid; gap: var(--space-4); padding: var(--space-6); }
.live-audit__form button { justify-self: start; }
.live-audit__privacy { margin: 0; color: var(--text-muted); font-size: var(--text-sm); }
.live-audit [data-kind="error"] { border-color: var(--color-danger, #b42318); }
.live-audit [data-kind="success"] { border-color: var(--color-success, #15803d); }

.audit-executive { display: grid; gap: var(--space-5); padding: var(--space-7); border-width: 2px; }
.audit-executive__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.audit-executive__heading h2, .audit-executive__heading p { margin-bottom: 0; }
.audit-executive__label { padding: var(--space-2) var(--space-3); border: 1px solid var(--border-default); border-radius: var(--radius-pill); color: var(--text-muted); font-size: var(--text-xs); font-weight: 700; white-space: nowrap; }
.audit-executive__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-3); }
.audit-executive__item { display: grid; gap: var(--space-1); padding: var(--space-4); border: 1px solid var(--border-default); border-radius: var(--radius-lg); background: var(--surface-subtle); }
.audit-executive__item span { color: var(--text-muted); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .05em; }
.audit-executive__item strong { overflow-wrap: anywhere; }
.audit-executive__item--complete { border-left: 4px solid var(--color-success, #15803d); }
.audit-executive__item--review { border-left: 4px solid var(--color-warning, #b7791f); }
.audit-executive__item--planned { border-left: 4px solid var(--border-strong); }
.audit-priorities { display: grid; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--border-default); }
.audit-priorities h3 { margin: 0; }
.audit-priorities__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-3); }
.audit-priorities__list p { margin: 0; padding: var(--space-4); border: 1px solid var(--border-default); border-radius: var(--radius-lg); background: var(--surface-subtle); }

.audit-journey { display: grid; gap: var(--space-5); padding: var(--space-6); }
.audit-journey h2 { margin-bottom: 0; }
.audit-journey ol { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.audit-journey__step { display: flex; gap: var(--space-3); min-width: 0; padding: var(--space-3); border: 1px solid var(--border-default); border-radius: var(--radius-lg); }
.audit-journey__step > span { display: grid; place-items: center; flex: none; width: 2rem; height: 2rem; border-radius: 50%; background: var(--surface-subtle); font-weight: 700; }
.audit-journey__step div { display: grid; gap: .15rem; min-width: 0; }
.audit-journey__step strong { font-size: var(--text-sm); overflow-wrap: anywhere; }
.audit-journey__step small { color: var(--text-muted); }
.audit-journey__step--complete { border-color: var(--color-success, #15803d); }
.audit-journey__step--review { border-color: var(--color-warning, #b7791f); }
.audit-journey__step--unavailable { border-color: var(--color-danger, #b42318); }
.audit-journey__step--planned { opacity: .72; }

.audit-dimension { display: grid; gap: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--border-strong); }
.audit-dimension__heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); }
.audit-dimension__heading span { font-size: var(--text-sm); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.audit-dimension__heading p { max-width: 50ch; margin: 0; color: var(--text-muted); }

.live-audit__overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-5); }
.live-audit__overview--compact { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
.live-audit__metric { display: grid; gap: var(--space-1); min-width: 0; padding: var(--space-4); border: 1px solid var(--border-default); border-radius: var(--radius-lg); background: var(--surface-default); }
.live-audit__metric strong { color: var(--text-muted); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .06em; }
.live-audit__metric span { font-size: var(--text-lg); font-weight: 700; overflow-wrap: anywhere; }
.live-audit__metric--blocked { border-left: 4px solid var(--color-danger, #b42318); }

.live-audit__meta { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-6); margin-bottom: var(--space-6); color: var(--text-muted); font-size: var(--text-sm); }
.live-audit__source { display: grid; gap: var(--space-1); flex-basis: 100%; padding: var(--space-4); border: 1px solid var(--border-default); border-radius: var(--radius-lg); background: var(--surface-subtle); color: inherit; overflow-wrap: anywhere; }
.live-audit__source span:nth-child(2) { color: var(--text-default); font-weight: 500; }
.live-audit__source small { color: var(--text-muted); }

.live-page-signals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-bottom: var(--space-5); }
.live-page-signal { display: grid; align-content: start; gap: var(--space-3); padding: var(--space-4); border-left: 4px solid var(--border-strong); }
.live-page-signal--pass { border-left-color: var(--color-success, #15803d); }
.live-page-signal--review { border-left-color: var(--color-warning, #b7791f); }
.live-page-signal h3, .live-page-signal p { margin: 0; }
.live-page-signal__status { color: var(--text-muted); font-size: var(--text-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.live-page-signal details { margin-top: auto; }
.live-page-signal summary { cursor: pointer; font-size: var(--text-sm); font-weight: 700; }
.live-page-content { padding: var(--space-6); }
.live-page-content h3 { margin-top: 0; }
.live-page-content dl { display: grid; gap: var(--space-3); margin-block: var(--space-5); }
.live-page-content dl > div { display: grid; grid-template-columns: minmax(100px, .25fr) 1fr; gap: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--border-default); }
.live-page-content dt { color: var(--text-muted); font-weight: 700; }
.live-page-content dd { margin: 0; overflow-wrap: anywhere; }
.live-page-content details { margin-block: var(--space-5); }
.live-page-content summary { cursor: pointer; font-weight: 700; }
.live-page-content__limitation { margin-bottom: 0; color: var(--text-muted); font-size: var(--text-sm); }

.clarity-findings { display: grid; gap: var(--space-4); }
.clarity-finding { padding: var(--space-6); border-left: 4px solid var(--border-strong); }
.clarity-finding--clear_signal { border-left-color: var(--color-success, #15803d); }
.clarity-finding--limited_signal { border-left-color: var(--color-warning, #b7791f); }
.clarity-finding--missing_signal { border-left-color: var(--color-danger, #b42318); }
.clarity-finding--not_determined { border-left-color: var(--border-strong); }
.clarity-finding__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.clarity-finding__header h3 { margin-top: var(--space-2); }
.clarity-finding__evidence { margin-block: var(--space-4); }
.clarity-finding__evidence blockquote { margin: var(--space-2) 0 0; padding: var(--space-3) var(--space-4); border-left: 3px solid var(--border-strong); background: var(--surface-subtle); overflow-wrap: anywhere; }
.clarity-finding details { margin-top: var(--space-4); }
.clarity-finding summary { cursor: pointer; font-weight: 700; }
.clarity-limitation { color: var(--text-muted); font-size: var(--text-sm); }

.live-audit__highlights { margin-block: var(--space-6); }
.section-heading--compact { margin-bottom: var(--space-3); }
.live-audit__highlight-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--space-3); }
.live-audit__highlight-list a { display: grid; gap: var(--space-1); padding: var(--space-4); border: 1px solid var(--border-default); border-radius: var(--radius-lg); background: var(--surface-default); color: inherit; }
.live-audit__highlight-list span { color: var(--text-muted); font-size: var(--text-sm); }

.live-audit__results { display: grid; gap: var(--space-7); }
.live-provider { display: grid; gap: var(--space-4); scroll-margin-top: var(--space-8); }
.live-provider__heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--border-default); }
.live-provider__heading h3 { margin: 0; }
.live-provider__heading span { color: var(--text-muted); font-size: var(--text-sm); }
.live-provider__findings { display: grid; gap: var(--space-4); }
.live-provider__findings > div { scroll-margin-top: var(--space-8); }
.live-finding { padding: var(--space-5); border-left: 4px solid var(--border-strong); }
.live-finding--blocked { border-left-color: var(--color-danger, #b42318); }
.live-finding--allowed { border-left-color: var(--color-success, #15803d); }
.live-finding--no_matching_rule { border-left-color: var(--color-warning, #b7791f); }
.live-finding__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.live-finding__header h4 { margin-top: 0; font-size: var(--text-xl); }
.live-verdict { flex: none; padding: var(--space-2) var(--space-3); border: 1px solid var(--border-default); border-radius: var(--radius-pill); background: var(--surface-subtle); font-size: var(--text-sm); font-weight: 700; }
.live-finding details { margin-block: var(--space-4); }
.live-finding summary { cursor: pointer; font-weight: 700; }

.live-audit__roadmap { display: grid; gap: var(--space-5); padding: var(--space-6); }
.live-audit__roadmap h2 { margin-top: 0; }
.live-audit__roadmap-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.live-audit__roadmap-grid h3 { margin-top: 0; }
.live-audit__roadmap-grid ul { margin-bottom: 0; }

@media (max-width: 800px) {
  .live-page-signals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-executive__heading, .audit-dimension__heading { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 640px) {
  .live-audit__form, .live-finding, .live-audit__roadmap, .live-page-content, .clarity-finding, .audit-executive, .audit-journey { padding: var(--space-5); }
  .live-audit__overview, .live-page-signals, .audit-executive__grid { grid-template-columns: 1fr; }
  .live-finding__header, .clarity-finding__header { display: grid; }
  .live-verdict { justify-self: start; white-space: normal; }
  .live-audit__roadmap-grid { grid-template-columns: 1fr; }
  .live-provider__heading { align-items: flex-start; }
  .live-page-content dl > div { grid-template-columns: 1fr; gap: var(--space-1); }
  .audit-journey ol { grid-template-columns: 1fr; }
  .audit-executive__label { white-space: normal; }
}