.a42-participation{max-width:1100px;margin:auto;color:inherit;font:inherit}.a42-participation *{box-sizing:border-box}.a42-participation label{display:block;margin:.7rem 0}.a42-participation input:not([type=checkbox]),.a42-participation select,.a42-participation textarea{display:block;width:100%;max-width:38rem;min-height:48px;font:inherit;padding:.65rem;border:1px solid #77877b;background:#fff;color:#263c31}.a42-participation input[type=checkbox]{width:24px;height:24px;vertical-align:middle;margin-right:.5rem}.a42-participation button{font:inherit;min-height:48px;padding:.65rem 1rem;margin:.3rem .4rem .3rem 0;background:#245c43;color:#fff;border:0;cursor:pointer}.a42-participation button:disabled{opacity:.55;cursor:wait}.a42-participation article,.a42-participation [data-staff-detail]>section{border:1px solid #ccd7ce;padding:1rem;margin:1rem 0;scroll-margin-top:5rem;overflow-wrap:anywhere}.a42-participation form{margin:1rem 0}.a42-participation table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.95rem}.a42-participation th,.a42-participation td{text-align:left;padding:.6rem .35rem;border-bottom:1px solid #ccd7ce;overflow-wrap:anywhere}.a42-participation th:first-child{width:50%}.a42-participation th:nth-child(2){width:22%}.a42-participation [data-cards]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}.a42-selection{position:sticky;bottom:0;z-index:5;background:#fff5cc;border-top:2px solid #245c43;padding:.6rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.a42-risk{background:#fff0ed;border-left:5px solid #bd3525!important;padding:.65rem}.a42-participation [hidden]{display:none!important}.a42-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.a42-participation a{color:#245c43}.a42-participation :focus-visible{outline:3px solid #d6a500;outline-offset:3px}.event-staff-at-risk{background:#fff0ed!important}.event-risk-label{display:block;color:#9a251b;font-weight:700}.a42-participation [data-staff-events]{display:flex;flex-wrap:wrap}@media(max-width:480px){.a42-participation table{font-size:.8rem}.a42-participation td label{font-size:.75rem}.a42-participation td input[type=checkbox]{display:block}.a42-participation article{padding:.75rem}.a42-selection button{flex:1}.a42-participation button{max-width:100%;white-space:normal}.a42-participation th:first-child{width:43%}.a42-participation th:nth-child(2){width:25%}}

.a42-offer-toolbar{position:sticky;top:0;z-index:9;background:#fff5cc;border-bottom:2px solid #245c43;padding:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}

.a42-participation .a42-interest-confirmation {
 width: min(30rem, calc(100% - 2rem));
 padding: clamp(1rem, 4vw, 2rem);
 border: 1px solid #ccd7ce;
 border-radius: 12px;
 background: #fff;
 color: #263c31;
}
.a42-interest-confirmation::backdrop { background: rgb(0 0 0 / 50%); }
.a42-interest-confirmation h2 { margin: 0 0 .75rem; font-size: 1.4rem; }
.a42-interest-confirmation p { margin: 0 0 1rem; }

/* The account navigation replaces the marketing header on the two events pages. */
.a42-events-shell > .school-top,
.a42-events-shell > .site-header { display: none; }
.a42-events-shell main { padding-top: 1.25rem; }
.a42-offer-intro { max-width: 64ch; }
.a42-offer-filters, .a42-guest-fields {
 display: grid;
 grid-template-columns: repeat(2,minmax(0,1fr));
 gap: .7rem 1rem;
 align-items: end;
}
.a42-offer-filters { grid-template-columns: repeat(2,minmax(0,1fr)) auto; }
.a42-offer-filters label, .a42-guest-fields label { margin: 0; }
.a42-participation .a42-offer-filters select,
.a42-participation .a42-guest-fields input,
.a42-participation .a42-guest-fields textarea { max-width: none; margin: .25rem 0 0; }
.a42-participation select {
 appearance: none;
 border-radius: 8px;
 padding-inline-end: 2.25rem;
 background: #fff linear-gradient(45deg,transparent 50%,#245c43 50%) right 17px center / 6px 6px no-repeat;
 background-image: linear-gradient(45deg,transparent 50%,#245c43 50%),linear-gradient(135deg,#245c43 50%,transparent 50%);
 background-position: right 17px center,right 11px center;
 background-size: 6px 6px;
 background-repeat: no-repeat;
}
.a42-participation button, .a42-participation input:not([type=checkbox]), .a42-participation textarea { border-radius: 8px; }
.a42-offer-filters button { margin: 0; }
.a42-travel-note { padding: .7rem 1rem; border-inline-start: 4px solid #d6a500; background: #fff8df; }
.a42-offer-toolbar, .a42-selection {
 justify-content: space-between;
 border: 1px solid #e5d18b;
 border-radius: 8px;
 padding: .45rem .75rem;
}
.a42-offer-toolbar button, .a42-selection button { margin: 0 0 0 auto; flex: 0 1 auto; }
.a42-participation [data-cards] {
 grid-template-columns: repeat(3,minmax(0,1fr));
 grid-auto-rows: 1fr;
 margin: 1rem 0;
}
.a42-participation [data-cards] article {
 margin: 0;
 display: flex;
 flex-direction: column;
 border-radius: 12px;
 background: #f8faf7;
}
.a42-participation [data-cards] article label,
.a42-participation [data-cards] article .a42-attendance { margin-top: auto; }
.a42-attendance {
 display: inline-block;
 border-radius: 6px;
 background: #dcebdc;
 color: #214c36;
 padding: .3rem .55rem;
 font-weight: 700;
}
@media(max-width: 850px) {
 .a42-participation [data-cards] { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .a42-offer-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .a42-offer-filters button { justify-self: start; }
}
@media(max-width: 560px) {
 .a42-participation [data-cards], .a42-offer-filters, .a42-guest-fields { grid-template-columns: minmax(0,1fr); }
 .a42-participation [data-cards] { grid-auto-rows: auto; }
}

.a42-personal-index { list-style: none; padding: 0; }
.a42-personal-index li { padding: .6rem .8rem; border-bottom: 1px solid #cddacf; }
.a42-personal-index time { font-weight: 750; }
.a42-participation .a42-personal-card { background: #f8faf7; border-radius: 12px; border-top: 4px solid #245c43; }
.a42-personal-card h3 { margin-top: .55rem; }
.a42-personal-date { display: inline-block; border-radius: 6px; background: #245c43; color: #fff; font-size: 1.14rem; font-weight: 750; padding: .3rem .7rem; }
.a42-event-withdraw { border-top: 1px solid #cddacf; margin-top: 1rem; padding-top: .7rem; }
.a42-event-withdraw summary { color: #245c43; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; font-weight: 650; }