.won-grouping{--group-ink:#102c3a;--group-line:#c5d6dc;--group-accent:#096d78;color:var(--group-ink);margin:1.5rem 0;padding:clamp(.75rem,2vw,1.5rem);border:1px solid var(--group-line);border-radius:1.25rem;background:#f7fbfc;max-width:100%;box-sizing:border-box}
.won-grouping *{box-sizing:border-box}.won-grouping [hidden]{display:none!important}.won-grouping h2{font-size:1.4rem;margin:0 0 1rem}.won-grouping h3{font-size:1.15rem;margin:0 0 .75rem}.won-grouping p{overflow-wrap:anywhere}.won-group-note{font-size:.9rem;color:#405865;line-height:1.55}
.won-group-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1.5rem;align-items:start}.won-group-layout>div{min-width:0}.won-grouping fieldset{min-width:0;margin:0 0 1rem;padding:1rem;border:1px solid var(--group-line);border-radius:.75rem;background:white}.won-grouping legend{font-weight:700;padding:0 .4rem}
.won-grouping label{display:block;font-weight:600;margin:.6rem 0 .3rem}.won-grouping input:not([type=checkbox]),.won-grouping textarea,.won-grouping select{width:100%;min-width:0;max-width:100%;padding:.65rem;border:1px solid #8ba6b1;border-radius:.45rem;background:#fff;color:var(--group-ink);font:inherit;font-size:1rem}.won-grouping textarea{resize:vertical}.won-grouping input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--group-accent);margin:0}
.won-grouping button{min-height:44px;max-width:100%;padding:.6rem .9rem;border:1px solid var(--group-accent);border-radius:.5rem;background:white;color:var(--group-accent);font:inherit;font-weight:600;cursor:pointer;overflow-wrap:anywhere}.won-grouping button:hover:not(:disabled){background:#e6f3f5}.won-grouping button:disabled{opacity:.55;cursor:default}.won-grouping :focus-visible{outline:3px solid #cc7216;outline-offset:3px}.won-grouping .won-group-generate{width:100%;background:var(--group-accent);color:white;font-size:1.1rem;margin:0 0 1.5rem}.won-grouping .won-group-generate:hover:not(:disabled){background:#075762}
.won-group-input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.won-group-actions,.won-group-pages{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:.75rem 0}.won-participant-list{padding:0;margin:1rem 0;list-style:none}.won-participant-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.35rem;align-items:center;margin:.5rem 0}.won-participant-row input[type=checkbox]{justify-self:center}.won-participant-row button{padding:.6rem}.won-group-pages span{font-size:.9rem}
.won-group-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;margin:1rem 0}.won-group-card{padding:1rem;background:white;border:1px solid var(--group-line);border-top:4px solid var(--group-accent);border-radius:.75rem;min-width:0;box-shadow:0 3px 12px #102c3a08}.won-group-card ul{padding-left:1.3rem;margin:.75rem 0 1rem}.won-group-card li{overflow-wrap:anywhere;margin:.35rem 0;line-height:1.5}.won-group-error{border-left:4px solid #a02929;background:#fff1ee;color:#762121;padding:.8rem}.won-group-status{font-weight:600}.won-group-status:empty{display:none}
@media(max-width:768px){.won-group-layout{grid-template-columns:minmax(0,1fr);gap:1rem}}@media(max-width:390px){.won-grouping fieldset{padding:.65rem}.won-participant-row{grid-template-columns:44px minmax(0,1fr);gap:.3rem}.won-participant-row button{grid-column:2;justify-self:start}.won-group-input-action{grid-template-columns:minmax(0,1fr)}.won-group-cards{grid-template-columns:minmax(0,1fr)}}

.won-grouping .won-group-check{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0}