.participation-section{margin-bottom:75px;padding:40px 44px 28px;border:1px solid #345970;background:linear-gradient(125deg,#103047,#071724 65%)}
.participation-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:34px}
.participation-heading h2{font-size:36px;font-weight:600;line-height:1.35;letter-spacing:-1px}
.participation-heading p{font-size:14px;color:#8eaabe;margin-top:12px}
.participation-wallet{display:flex;flex-direction:column;align-items:flex-end;gap:13px}
.participation-wallet>span{font-size:13px;color:#a0bbcd}
.participation-wallet .button{gap:15px;font-size:14px}
.participation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #2c4c62;padding:25px 0}
.participation-metrics>div{padding:0 26px;border-left:1px solid #2c4c62}
.participation-metrics>div:first-child{padding-left:0;border-left:0}
.participation-metrics dt{font-size:14px;color:#9bb6c8}
.participation-metrics dd{font-size:34px;color:#e6f4ff;margin-top:8px;white-space:nowrap;line-height:1.4}
.participation-metrics small{font-size:12px;color:#9db9cd;margin-left:5px}
.participation-metrics .participation-value-hint{font-size:12px;color:#779bb5;margin-top:5px;white-space:normal}
.participation-details{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;margin-top:30px}
.participation-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.participation-panel-heading h3{font-size:20px;font-weight:500}
.participation-panel-heading .outline-badge{font-size:11px}
.participation-records{padding-right:35px;border-right:1px solid #2c4c62}
.participation-empty{padding:34px 8px;text-align:center;color:#779eb9}
.participation-empty>svg{width:30px;height:30px;margin-bottom:12px}
.participation-empty h4{font-size:17px;color:#c8dfed;font-weight:500;margin:0 0 8px}
.participation-empty p{font-size:13px;line-height:1.8;max-width:330px;margin-inline:auto}
.participation-invite-description{font-size:13px;color:#95b1c5;margin-top:12px}
.participation-rates{display:flex;gap:50px;margin-top:15px}
.participation-rates>div{display:flex;align-items:baseline;gap:14px}
.participation-rates span{font-size:13px;color:#9cb7ca}
.participation-rates strong{font-size:31px;font-weight:500;color:#a9e7f5}
.participation-rates small{font-size:17px;margin-left:2px}
.participation-invite-status{font-size:13px;color:#92b1c7;margin-top:12px}
.participation-invites .button{font-size:13px;min-height:42px;padding:9px 20px;margin-top:16px}
.participation-footnote{font-size:12px;color:#829fb5;border-top:1px solid #2c4c62;padding-top:20px;margin-top:24px}
@media(max-width:1180px){
  .nav-wrap{gap:20px}
  .participation-section{padding:32px}
  .participation-metrics>div{padding-inline:18px}
  .participation-details{gap:26px}
  .participation-records{padding-right:26px}
  .participation-rates{gap:28px}
}
@media(max-width:760px){
  .participation-section{padding:26px 22px;margin-bottom:50px}
  .participation-heading{display:block;margin-bottom:26px}
  .participation-heading h2{font-size:30px}
  .participation-heading p{font-size:13px}
  .participation-wallet{align-items:flex-start;margin-top:24px;gap:12px}
  .participation-wallet .button{width:100%;justify-content:space-between;font-size:14px}
  .participation-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;padding-block:22px}
  .participation-metrics>div{padding-left:16px;padding-right:0}
  .participation-metrics>div:nth-child(3){padding-left:0;border-left:0}
  .participation-metrics dt{font-size:13px}
  .participation-metrics dd{font-size:29px}
  .participation-metrics small,.participation-metrics .participation-value-hint{font-size:11px}
  .participation-details{grid-template-columns:1fr;gap:24px;margin-top:26px}
  .participation-records{padding:0 0 5px;border-right:0;border-bottom:1px solid #2c4c62}
  .participation-panel-heading h3{font-size:19px}
  .participation-empty{padding:28px 0}
  .participation-empty p{font-size:13px}
  .participation-rates{justify-content:space-between;gap:18px}
  .participation-rates>div{gap:12px}
  .participation-invites .button{width:100%}
  .participation-footnote{font-size:11px;line-height:1.8}
  .footer-links{flex-wrap:wrap;justify-content:flex-start;gap:15px 22px}
}
@media(max-width:380px){
  .participation-section{padding-inline:18px}
  .participation-rates>div{gap:8px}
  .participation-rates strong{font-size:27px}
}

/* Separate invitation, participation, and full-width FAQ panels. */
.invitation-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;padding:36px 40px;border:1px solid #345970;background:linear-gradient(125deg,#103047,#071724 65%)}
.invitation-panel .participation-panel-heading{justify-content:flex-start}
.invitation-panel .participation-wallet{grid-column:2;grid-row:1 / 6;align-self:center}
.invitation-panel>.participation-invite-description,.invitation-panel>.participation-rates,.invitation-panel>.participation-invite-status,.invitation-panel>.button{grid-column:1}
.invitation-panel>.button{justify-self:start}
.invitation-panel .participation-wallet .button{margin-top:0;font-size:14px;min-height:48px}
.participation-details{grid-template-columns:1fr}
.participation-records{padding-right:0;border-right:0;border-bottom:0}
.participation-section{margin-bottom:0}
.faq-section{display:block}
.faq-section .faq-list{width:100%;margin-top:0}
@media(max-width:760px){
 .invitation-panel{display:block;margin-top:32px;padding:26px 22px}
 .invitation-panel .participation-wallet{margin:24px 0}
 .invitation-panel .participation-panel-heading{justify-content:space-between}
 .invitation-panel>.button{width:100%}
}

/* Keep the participation title and wallet action on one row. */
#participation > .participation-heading{display:flex;flex-wrap:nowrap}
#participation > .participation-heading h2{white-space:nowrap}
#participation > .participation-heading .participation-wallet{margin-top:0;flex-shrink:0}
@media(max-width:760px){
 #participation > .participation-heading{gap:12px}
 #participation > .participation-heading h2{font-size:clamp(24px,6vw,30px)}
 #participation > .participation-heading .button{padding:10px 14px;gap:8px;min-height:44px;font-size:12px}
 #participation > .participation-heading .button svg{width:20px;height:20px}
}

.participation-records .participation-empty>svg{width:48px;height:48px;margin-bottom:18px}
.participation-records .participation-empty h4{font-size:24px;margin:0;line-height:1.5}