/* Scoped service explanations and illustrative report; retain JCPIT tokens. */
.service-proof-shell { max-width: 70rem; margin-inline: auto; }
:where(.service-proof, .report-example) h2 { font-size: var(--type-h2); letter-spacing: var(--tracking-tight); line-height: 1.2; margin-bottom: var(--space-lg); text-wrap: balance; }
:where(.service-proof, .report-example) h3 { font-size: var(--type-xl); margin-bottom: var(--space-sm); }
:where(.service-proof, .report-example) p,
:where(.service-proof, .report-example) li,
.report-example dd { color: var(--text-2); font-size: var(--type-md); line-height: var(--leading-relaxed); max-width: 72ch; }
:where(.service-proof, .report-example) p + p { margin-top: var(--space-md); }
:where(.service-proof, .report-example) a:not(.btn) { color: var(--accent); text-decoration: underline; text-underline-offset: .2em; }
:where(.service-proof, .report-example) a:focus-visible,
:where(.service-proof, .report-example) summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.service-proof-columns { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2xl); margin-block: var(--space-xl); }
.service-proof-columns ul { padding-left: var(--space-lg); }
.service-proof-columns li + li { margin-top: var(--space-sm); }
.service-proof-columns h3:not(:first-child) { margin-top: var(--space-xl); }
:where(.service-proof, .report-example) details { margin-top: var(--space-lg); padding-block: var(--space-md); border-block: 1px solid var(--border); }
:where(.service-proof, .report-example) summary { cursor: pointer; min-height: 44px; display: list-item; align-content: center; font-weight: 600; }
.service-proof-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-lg); margin-block: var(--space-xl); }
.service-proof-note { max-width: 65ch; }
.service-proof-related { list-style: none; padding: 0; }
.service-proof-related li { max-width: none; padding-block: var(--space-lg); border-bottom: 1px solid var(--border); }
.service-proof-related a { font-weight: 600; }
.report-example-disclaimer { padding: var(--space-lg); background: var(--surface-2); border-radius: var(--radius-sm); margin-bottom: var(--space-lg); }
.report-example-findings { margin-block: var(--space-2xl); }
.report-example-finding { padding-block: var(--space-xl); border-bottom: 1px solid var(--border); }
.report-example-finding-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-lg); }
.report-example-finding h4 { font-size: var(--type-lg); margin-bottom: var(--space-sm); }
.report-example-status { font-size: var(--type-md); color: var(--text-1); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: .2rem .7rem; }
.report-example-outline { margin-block: var(--space-xl); }
.report-example-outline > div { padding-block: var(--space-lg); border-bottom: 1px solid var(--border); }
.report-example dt { font-weight: 700; margin-bottom: var(--space-sm); }
.report-example dd { margin: 0; }
.report-example #ongoing-report { scroll-margin-top: calc(var(--nav-height) + var(--space-xl)); background: var(--surface); }
@media (max-width: 700px) {
  .service-proof-columns { grid-template-columns: 1fr; gap: var(--space-xl); }
  .service-proof-actions { align-items: stretch; flex-direction: column; }
  .service-proof-actions .btn { text-align: center; white-space: normal; }
}