.ch-alerts { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0.8em 0 1em; }
.ch-alerts span { display: inline-flex; align-items: center; gap: 0.5em; padding: 0.3em 0.8em 0.3em 0.35em; border-radius: var(--radius-pill); font-size: 0.86em; font-weight: 500; color: var(--amber-text); background: var(--amber-bg); }
.ch-alerts b { display: grid; place-content: center; min-width: 1.7em; height: 1.7em; border-radius: 1em; font-weight: 700; color: var(--card); background: var(--amber-text); }
.ch-alerts .is-red { color: var(--red-text); background: var(--red-bg); }
.ch-alerts .is-red b { background: var(--red-text); }
.ch-hero-toast { max-width: 27rem; box-shadow: var(--shadow-lg); }
.page-compliance-hub .fhero-stage .k-tabs span { padding-inline: 0.7em; }
@media (max-width: 39.99em) { .ch-hero-toast { position: relative; right: auto; bottom: auto; margin: 0.75rem; } }
.ch-req { display: grid; gap: 0.4em; }
.ch-req li { display: grid; grid-template-columns: auto 1fr; gap: 0 0.8em; align-items: center; padding: 0.6em 0.9em; border-radius: 0.9em; background: var(--card); border: 1px solid var(--app-border); }
.ch-req li > span:first-child { grid-row: 1 / 3; }
.ch-req b { font-weight: 600; color: var(--app-text); }
.ch-req li > span:last-child { grid-column: 2; font-size: 0.86em; color: var(--app-text-3); }
.ch-req .is-bad { border-color: transparent; background: var(--red-bg); }
.ch-req .is-bad > span:last-child { color: var(--red-text); }
@media (min-width: 40em) { .ch-req li { grid-template-columns: auto 1fr auto; } .ch-req li > span:first-child { grid-row: auto; } .ch-req li > span:last-child { grid-column: auto; } }
.page-compliance-hub .k-rec .k-ring { margin-left: auto; }
.ch-exp td:first-child, .ch-exp th:first-child { width: 2.2em; padding-right: 0; }
.ch-exp .k-check { gap: 0; }
.ch-ai { width: 100%; display: grid; justify-items: center; }
.ch-ai .mira-face { display: inline-grid; width: 1.7em; height: 1.7em; margin-right: 0.55em; font-size: 0.85em; vertical-align: -0.25em; }
.ch-explain { display: grid; gap: 0.55em; }
.ch-explain div { display: grid; gap: 0.1em 1em; }
@media (min-width: 40em) { .ch-explain div { grid-template-columns: 6.5em 1fr; } }
.ch-explain dt { font-family: var(--font-display); font-size: 0.82em; font-weight: 600; letter-spacing: var(--track-label); text-transform: uppercase; color: var(--app-text-3); padding-top: 0.15em; }
.ch-explain dd { color: var(--app-text); }
.ch-draft { display: grid; gap: 0.3em; padding: 0.8em 1em; border-radius: var(--radius); color: var(--app-text); background: var(--orange-tint); box-shadow: inset 0 0 0 1px var(--orange-line); }
.ch-draft small { font-family: var(--font-display); font-size: 0.8em; font-weight: 600; letter-spacing: var(--track-label); text-transform: uppercase; color: var(--app-text-3); }
.ch-send { display: flex; gap: 0.5em; }
.js [data-step="3"] .ch-send-go { animation: kPulse 1.2s ease-in-out infinite; }
.ch-ai .k-modal-foot .k-swap > * { justify-self: end; }
.ch-cert { display: grid; gap: var(--space-4); align-items: center; }
@media (min-width: 40em) { .ch-cert { grid-template-columns: 0.85fr 1.15fr; } }
.ch-cert-photo { position: relative; display: grid; gap: 0.3rem; justify-items: center; justify-self: center; width: min(100%, 17rem); padding: 1.6rem 1.2rem 2.4rem; text-align: center; font-size: 0.75rem; color: var(--ink-mute); background: var(--sheet); border-radius: 2px; box-shadow: var(--shadow); outline: 1px solid var(--line-strong); outline-offset: -0.6rem; }
.ch-cert-photo p { font-family: var(--font-display); font-size: 0.6875rem; font-weight: 600; letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-mute); }
.ch-cert-photo b { margin-bottom: 0.6rem; font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; line-height: 1.15; letter-spacing: var(--track-display); color: var(--ink); }
.ch-cert-photo i { font-family: var(--font-sign); font-style: normal; font-size: 1.9rem; line-height: 1; color: var(--ink-2); margin-bottom: 0.6rem; }
.ch-cert-photo em { position: absolute; right: 1.2rem; bottom: 1rem; width: 2rem; height: 2rem; border-radius: 50%; background: var(--paper-3); border: 2px solid var(--line-strong); box-shadow: inset 0 0 0 3px var(--sheet), inset 0 0 0 4px var(--line-strong); }
.ch-clients td:nth-child(2) { display: flex; align-items: center; gap: 0.7em; min-width: 8em; }
.ch-clients .meter { flex: 1; min-width: 3em; }
.ch-clients td b { font-variant-numeric: tabular-nums; color: var(--app-text); }
.ch-meter--amber i { background: var(--amber); }
.ch-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4em; margin-top: 0.9em; color: var(--app-text-2); }
.ch-chips b { width: 100%; color: var(--app-text); }
.ch-chips span { padding: 0.2em 0.7em; border-radius: var(--radius-sm); font-size: 0.88em; color: var(--red-text); background: var(--red-bg); }
.ch-chips span:last-child { color: var(--app-text-3); background: var(--app-bg-alt); }
.ch-trail { display: grid; gap: 0.35em; }
.ch-trail li { display: grid; grid-template-columns: 2.4em 1fr; align-items: baseline; gap: 0.8em; padding: 0.5em 0.9em; border-radius: 0.8em; background: var(--card); border: 1px solid var(--app-border); color: var(--app-text-2); }
.ch-trail time { font-weight: 600; color: var(--app-text-3); font-variant-numeric: tabular-nums; }
.js [data-step="1"] .ch-link-row { background: var(--orange-tint); }
.ch-pack { display: grid; gap: 0.2em; counter-reset: none; }
.ch-pack li { display: grid; grid-template-columns: 1.8em 1fr; align-items: baseline; padding: 0.5em 0.2em; border-bottom: 1px solid var(--app-border); color: var(--ink-2); font-weight: 500; }
.ch-pack li b { font-family: var(--font-display); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ink-mute); }
.ch-pack li em { grid-column: 2; font-style: normal; font-weight: 600; font-size: 0.9em; color: var(--red-text); }
.ch-pack .is-warn { background: var(--red-bg); border-radius: 0.3em; padding-inline: 0.5em; }
.ch-clients td:nth-child(2) { display: table-cell; white-space: nowrap; }
.ch-clients .meter { display: inline-block; width: min(60%, 9em); min-width: 3em; margin-right: 0.7em; vertical-align: middle; }
.k-pagehead .ch-h { font-size: 1.55em; font-weight: 700; letter-spacing: var(--track-display); color: var(--app-text); }
.k-pagehead .ch-h small { font-size: 0.55em; font-weight: 500; color: var(--app-text-3); margin-left: 0.6em; letter-spacing: 0; }
.app-card .ch-h4 { font-size: 1em; font-weight: 600; margin-bottom: 0.8em; color: var(--app-text); }
.ch-chase { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em; margin-bottom: 0.8em; padding: 0.55em 0.7em 0.55em 0.95em; border-radius: 0.9em; background: var(--orange-tint); box-shadow: inset 0 0 0 1px var(--orange-line); color: var(--app-text-2); }
.ch-chase > span:first-child { margin-right: auto; }
.ch-chase b { color: var(--app-text); }
.ch-ai .ch-ai-face::before { content: ""; width: 0.85em; height: 0.85em; background: currentColor; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); }
.ch-cert-photo { padding-bottom: 4rem; }
.ch-trail b { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--app-text); text-align: right; }
.ch-print { display: flex; flex-wrap: wrap; gap: 0.5em; margin-top: 0.9em; }
.ch-pack li { grid-template-columns: 1.8em 1fr auto; }
.ch-pack li i { font-style: normal; font-weight: 500; font-size: 0.9em; color: var(--ink-mute); text-align: right; }
.ch-pack li em { grid-column: 2 / 4; }
.ch-conv { display: grid; gap: 0.5em; margin-top: 0.8em; }
.ch-glaa .k-stat > span { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.25; }
@media (max-width: 39.99em) { .page-compliance-hub .fblock .k-tabs .k-hide-s { display: none; } }
.ch-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ch-facts li { max-width: none; }
.ch-hero .k-tabs { flex-wrap: wrap; row-gap: 0.15em; border-bottom: 0; overflow: visible; }
.ch-hero .k-tabs span { margin-bottom: 0; padding: 0.4em 0.6em; border-bottom-color: var(--app-border); }
.ch-hero .k-tabs .on { border-bottom-color: var(--orange); }
.ch-hero .ch-hero-toast { position: relative; width: auto; max-width: none; margin: 0.8em 0 0; box-shadow: var(--shadow); }
.ch-hero .ch-alerts { margin: 0.7em 0 0.8em; gap: 0.4em; }
.ch-prob { margin: calc(var(--space-2) * -1) 0 var(--space-3); font-size: var(--text-sm); font-weight: 500; line-height: 1.35; color: var(--ink); }
.ch-req-cols { display: grid; gap: 0 1em; }
@media (min-width: 34em) { .ch-req-cols { grid-template-columns: 1fr 1fr; } }
.ch-req-cols .ch-req li { grid-template-columns: auto 1fr; }
.ch-req-cols .ch-req li > span:first-child { grid-row: 1 / 3; }
.ch-req-cols .ch-req li > span:last-child { grid-column: 2; }
.ch-switch .k-switch-tabs { margin-bottom: var(--space-3); }
.ch-switch .k-switch-tabs button { padding: 0.4em 0.95em; }
.jp-screen .ch-ai .k-modal--wide { width: min(100%, 40em); }
.jp-screen .ch-cert { max-width: 46rem; }
.jp-screen .ch-cert-photo { width: min(100%, 15rem); padding: 1.3rem 1rem 3.4rem; }
.jp-screen .ch-desk { padding: 0; border: 0; border-radius: 0; background: none; overflow: visible; }
.jp-screen .ch-desk .k-doc { aspect-ratio: auto; width: min(100%, 36rem); padding: 5% 6%; font-size: 12px; box-shadow: var(--shadow); }
@media (min-width: 34em) {
  .jp-screen .ch-pack { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(4, auto); grid-auto-flow: column; column-gap: 1.6em; }
}
.ch-act { margin-left: auto; }
.ch-locked { opacity: 0.55; }
.ch-trail li { grid-template-columns: 3.2em 1fr; }
.ch-links .badge { white-space: nowrap; }
.ch-trail { margin-top: 0.1em; }
.ch-conv + .k-pick-rule { margin-top: 1em; }
.page-compliance-hub .jx--side .k-table th, .page-compliance-hub .jx--side .k-table td { padding-inline: 0.55em; }
.page-compliance-hub .jx--side .k-tabs span { padding-inline: 0.6em; }
.page-compliance-hub .jx--side .jp-screen { padding: 1rem; }
.jp-screen .ch-pack li { grid-template-columns: 1.6em 1fr; }
.jp-screen .ch-pack li i, .jp-screen .ch-pack li em { grid-column: 2; text-align: left; }
.ch-hero .comp-ring { align-content: center; }
@media (min-width: 64em) { .ch-hero .ch-alerts span { font-size: 0.8em; padding-right: 0.65em; } }
@media (min-width: 60em) {
  .page-compliance-hub .jx--side { grid-template-columns: minmax(0, 19rem) minmax(0, 1fr); }
  .page-compliance-hub .jx--side .jp--row { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
  .page-compliance-hub .jx--side .jp--row > .jp-copy { padding: 1.6rem; }
}
.ch-req-cols { row-gap: 0.7em; }
.ch-req-cols .k-pick-rule { margin-top: 0; }
@media (max-width: 39.99em) {
  .jp-screen .k-rec { flex-wrap: nowrap; padding: 0.8em 0.9em; gap: 0.7em; }
  .jp-screen .k-rec-main { flex: 1 1 0; }
  .jp-screen .k-rec .k-ring--sm { flex: none; width: 4.4em; height: 4.4em; }
  .jp-screen .k-rec .k-avatar--lg { flex: none; }
  .ch-act .k-btn { white-space: nowrap; }
}
@media (max-width: 59.99em) { .js .ch-wide { display: none; } }
.k-pagehead .ch-h3 { font-size: 1.3em; font-weight: 700; letter-spacing: -0.02em; color: var(--app-text); }
.k-pagehead .ch-h3 small { font-size: 0.6em; font-weight: 500; color: var(--app-text-3); margin-left: 0.6em; letter-spacing: 0; }
.page-compliance-hub .jx--side .k-pagehead { margin-bottom: 0.7em; }
.ch-kit-stats { margin-bottom: 0.8em; }
.ch-kit-stats .k-stat { padding: 0.65em 0.95em 0.6em; }
.ch-kit-stats .k-stat > b { font-size: 1.6em; }
@media (min-width: 60em) {
  .page-compliance-hub .jx--steps .jp--row .jp-screen .screen { font-size: 13.5px; }
  .page-compliance-hub .jx--steps .jp-screen .ch-cert { grid-template-columns: 0.72fr 1.28fr; }
  .page-compliance-hub .jx--steps .jp-screen .ch-cert-photo { padding: 1.7rem 1rem 4rem; }
  .page-compliance-hub .jx--side { --jp-h: 30.5rem; row-gap: 1.375rem; }
  .page-compliance-hub .jx--side .jx-tab { min-height: 2.25rem; padding-block: 0.4rem; }
}
.jp-screen .ch-pack li { align-content: start; }
.page-compliance-hub .connects li:last-child { grid-column: 1 / -1; }
@media (min-width: 72em) {
  .page-compliance-hub .connects { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .page-compliance-hub .connects li { grid-column: span 3; }
  .page-compliance-hub .connects li:nth-child(n+5) { grid-column: span 4; }
}
@media (min-width: 60em) {
  html:not(.js) .page-compliance-hub .jx--side { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); --jp-h: 24rem; }
  html:not(.js) .page-compliance-hub .jx--side .jx-tabs { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-4); }
  html:not(.js) .page-compliance-hub .jx--side .jp--row { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
  html:not(.js) .page-compliance-hub .jx--side .jp-screen .screen { font-size: 13.5px; }
}
@media (min-width: 60em) {
  .page-compliance-hub .section--j { padding-block: 2.45rem; }
  .page-compliance-hub .fhero--j { padding-bottom: 2.2rem; }
  .page-compliance-hub .fhero--j .fhero-facts { margin-top: var(--space-5); }
}