.participation-status { box-sizing: border-box; width: min(100% - 2rem, 44rem); margin: 1.5rem auto; padding: 1.25rem; border: 1px solid currentColor; border-radius: 1rem; background: var(--bg); color: var(--ink); text-align: left; }
.participation-status[hidden] { display: none; }
.participation-status h2 { margin: 0 0 .75rem; font-size: 1.4rem; }
.participation-status p { line-height: 1.5; }
.participation-reference { overflow-wrap: anywhere; user-select: text; font-family: ui-monospace, monospace; }
.participation-status a, .participation-status button { display: block; width: fit-content; max-width: 100%; margin: .8rem 0; white-space: normal; overflow-wrap: anywhere; font: inherit; }
.participation-status [hidden] { display: none; }
.participation-status button { min-height: 48px; padding: .7rem 1rem; border: 1px solid var(--ink); border-radius: .45rem; background: transparent; color: var(--ink); cursor: pointer; }
.participation-status button:disabled { opacity: .5; cursor: default; }
.participation-status button:focus-visible, .participation-status a:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }