.participation{--p-text:var(--ny-text,#e4edef);--p-muted:var(--ny-muted,#adc1c7);--p-line:var(--ny-line,#354d56);--p-surface:var(--ny-surface,#13242c);--p-soft:var(--ny-hover,#1b3039);--p-accent:var(--ny-action-bg,#c8e791);--p-ink:var(--ny-action-ink,#172510);max-width:1120px;margin:44px auto 80px;color:var(--p-text);font:16px/1.75 var(--font-ui,system-ui,sans-serif);overflow-wrap:anywhere}
.participation *{box-sizing:border-box}.participation :where(h1,h2,h3,p){margin:0 0 14px}.participation h1{font:600 clamp(32px,4.5vw,56px)/1.18 var(--font-ui,system-ui,sans-serif);letter-spacing:-.035em}.participation h2{font-size:22px;line-height:1.4}.participation h3{font-size:17px}.participation a{color:inherit;text-underline-offset:4px}.participation :where(input,select,textarea,button){font:inherit}.participation :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ny-focus,#a8d7df);outline-offset:4px}.participation-heading{max-width:760px;margin:28px 0 36px}.participation-heading>p{color:var(--p-muted)}.participation-kicker,.participation-number{font:12px/1.6 ui-monospace,monospace;letter-spacing:.09em;color:var(--p-muted)}
.participation-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--p-line);border-radius:18px;overflow:hidden;background:var(--p-surface)}.participation-paths>article{padding:30px;display:flex;flex-direction:column;gap:13px}.participation-paths>article+article{border-left:1px solid var(--p-line)}.participation-paths h2{margin:6px 0}.participation-paths p{font-size:15px;color:var(--p-muted);flex:1}.participation-paths a{font-size:14px}.participation .participation-primary,.participation button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;background:var(--p-accent);color:var(--p-ink);border:1px solid transparent;border-radius:10px;font-weight:600;text-decoration:none;cursor:pointer}.participation-paths .participation-primary{align-self:flex-start}
.participation-note{padding:22px 24px;background:var(--p-soft);border:1px solid var(--p-line);border-radius:12px;margin:26px 0}.participation-note p{color:var(--p-muted)}.participation-terms,.dev-agreement{margin:24px 0;border:1px solid var(--p-line,var(--dev-line,#354d56));border-radius:12px;padding:18px 22px;background:var(--p-surface,var(--dev-surface,#13242c))}.participation-terms summary,.dev-agreement summary{cursor:pointer;font-weight:600;min-height:28px}.participation-terms[open] summary,.dev-agreement[open] summary{margin-bottom:16px}.participation-terms ol,.dev-agreement ol{padding-left:23px}.participation-terms li,.dev-agreement li{margin-bottom:12px}.participation-terms a{text-decoration:underline}.participation-terms{font-size:14px}.participation-terms p{color:var(--p-muted)}
.participation-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;align-items:start}.participation-panel{min-width:0;padding:28px;border:1px solid var(--p-line);border-radius:16px;background:var(--p-surface)}.participation-panel dt{font-size:13px;color:var(--p-muted);margin-top:16px}.participation-panel dd{margin:0 0 14px}.participation .community-form{display:grid;gap:18px}.participation .community-field{display:grid;gap:7px}.participation .community-field label{font-weight:600;color:var(--p-text)}.participation .community-check{grid-template-columns:22px minmax(0,1fr);align-items:start}.participation .community-check input{width:18px;height:18px;margin-top:5px;accent-color:var(--p-accent)}.participation .community-check .form-help{grid-column:1/-1}.participation .form-help,.participation .community-form>p{font-size:13px;color:var(--p-muted)}.participation input:not([type=checkbox]):not([type=hidden]),.participation select,.participation textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--p-line);border-radius:9px;background:var(--ny-field,var(--p-soft));color:var(--p-text);resize:vertical}.participation .errorlist,.participation [role=alert]{padding:10px 14px;border-left:3px solid currentColor;color:var(--ny-danger,#ffb6ae);font-size:14px}.participation .community-form>button{justify-self:start}.participation-list{list-style:none;padding:0;margin:20px 0}.participation-list li{border-top:1px solid var(--p-line);padding:14px 0}.participation-list small{display:block;color:var(--p-muted)}.participation-status{font-size:14px;color:var(--p-muted)}.participation-actions{display:flex;flex-wrap:wrap;gap:12px}.participation-result{font-size:14px;color:var(--p-muted)}
.participation-filter{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto auto;align-items:end;gap:14px}.participation-filter label{font-size:14px}.participation-filter a{line-height:44px}.participation-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.participation-cards>article{min-width:0;display:flex;flex-direction:column;padding:26px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:14px}.participation-cards h2{margin-top:10px}.participation-cards p{color:var(--p-muted);flex:1}.participation-cards footer{font-size:13px;border-top:1px solid var(--p-line);padding-top:13px}.participation-empty{grid-column:1/-1;padding:36px;border:1px dashed var(--p-line);border-radius:14px}.participation-pagination{display:flex;justify-content:center;gap:24px;margin-top:28px}
@media(max-width:800px){.participation-paths{grid-template-columns:1fr}.participation-paths>article+article{border-left:0;border-top:1px solid var(--p-line)}.participation-paths>article{padding:25px}.participation-workspace{grid-template-columns:1fr}.participation-filter{grid-template-columns:1fr 1fr}.participation-filter>label:first-child{grid-column:1/-1}.participation-filter a{grid-column:2;grid-row:3}.participation-filter button{grid-column:1;grid-row:3}}
@media(max-width:560px){.participation{width:calc(100% - 28px);margin-top:28px;font-size:15px}.participation h1{font-size:34px}.participation-heading{margin:24px 0 28px}.participation-panel{padding:20px}.participation-cards{grid-template-columns:1fr}.participation-terms{padding:16px}.participation-filter>label:nth-child(2){grid-column:1/-1}.participation-actions{flex-direction:column}.participation-actions button{width:100%}}
