.service-page, .organisation-picker { max-width: 54rem; overflow-wrap: anywhere; }
.service-page [hidden] { display: none !important; }
.service-page p, .organisation-picker p { line-height: var(--leading-prose); }
.service-scope { margin-block: 1rem; color: var(--color-text-secondary); }
.service-checks { list-style: none; margin: 1.5rem 0; padding: 0; border-block-start: var(--rule-width) solid var(--color-border); }
.service-check { padding: 1rem 0; border-block-end: var(--rule-width) solid var(--color-border); }
.service-check-heading { display: flex; gap: .75rem; align-items: start; justify-content: space-between; flex-wrap: wrap; }
.service-check h2, .service-maintenance h2 { font-size: var(--text-base); font-weight: 600; margin: 0; }
.service-check p { margin: .5rem 0 0; }
.service-latency { color: var(--color-text-secondary); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.service-working > summary { color: var(--color-link); font-weight: 500; }
.service-working .service-checks { margin-block-start: 0; }
.service-maintenance { padding-block: 1rem; }
.service-maintenance .pill { margin-block: .5rem; }
.service-page summary, .service-page .btn, .organisation-picker .btn { min-height: var(--control-target-min); }
.service-page summary { display: flex; align-items: center; cursor: pointer; }
.service-page summary:focus-visible, .organisation-choice input:focus-visible { outline: var(--space-half) solid var(--color-action); outline-offset: calc(3 * var(--rule-width)); }
#service-check-feedback { padding: .75rem 1rem; border-inline-start: calc(3 * var(--rule-width)) solid var(--color-warn); background: var(--color-warn-bg); }
.service-diagnostic { margin-block-start: .5rem; }
.organisation-picker { max-width: 42rem; }
.organisation-choices { min-width: 0; padding: 0; margin: 1.5rem 0; border: 0; }
.organisation-choices legend { font-weight: 600; padding-bottom: .75rem; }
.organisation-choice { display: flex; align-items: center; gap: .75rem; padding: 1rem 0; border-block-start: var(--rule-width) solid var(--color-border); cursor: pointer; }
.organisation-choice:last-child { border-block-end: var(--rule-width) solid var(--color-border); }
.organisation-choice input { width: var(--control-target-min); height: var(--control-target-min); flex: 0 0 var(--control-target-min); margin: 0; accent-color: var(--color-action); }
.organisation-choice-copy { display: grid; min-width: 0; gap: .25rem; flex: 1; }
.organisation-choice-copy > span { color: var(--color-text-secondary); font-size: var(--text-sm); }
.organisation-choice:has(input:checked) { background: var(--color-bg-subtle); }
@media (max-width: 24.375em) { .organisation-choice { flex-wrap: wrap; } .organisation-choice > .pill { margin-inline-start: calc(var(--control-target-min) + .75rem); } }

.service-scope a { display: inline-flex; align-items: center; min-height: var(--control-target-min); }