.account-participation{margin:40px 0;padding:30px;border:1px solid var(--line,#d5dddb);border-radius:14px;background:#e9f0ef;color:#18343e}.account-participation h2{margin:8px 0 20px;font-size:30px;line-height:1.12;letter-spacing:-.04em}.account-marks{display:flex;gap:14px;margin:0 0 22px}.account-marks svg{width:35px;height:35px;fill:none;stroke:#6d8f9b;stroke-width:1.2}.account-marks svg[data-earned=true]{fill:#26728d;stroke:#26728d}.account-participation p{line-height:1.5}.account-participation a{display:inline-flex;align-items:center;min-height:44px;color:#1c667e}.account-participation [data-account-next]{color:#486570}.account-participation .local-context{color:#486570}.account-participation[hidden]{display:none}@media(max-width:500px){.account-participation{padding:23px}.account-participation h2{font-size:27px}}

/* Participation inherits the active appearance, including its finer labels
   and recognition marks. The earlier fixed inks belong to the light preview. */
.internal-page .account-participation{background:var(--soft-blue);color:var(--ink)}
.internal-page .account-participation h2{color:var(--ink)}
.internal-page .account-participation :is([data-account-next],.local-context){color:var(--muted)}
.internal-page .account-participation a{color:var(--accent)}
.internal-page .account-marks{flex-wrap:wrap}
.internal-page .account-marks svg{stroke:var(--muted);flex:none}
.internal-page .account-marks svg[data-earned=true]{fill:var(--accent);stroke:var(--accent)}