.coordination{margin-block:2rem;padding:clamp(1rem,3vw,2rem);border:1px solid #718c883f;border-radius:1rem;color:inherit;background:color-mix(in srgb,currentColor 3%,transparent)}
.coordination-intro{max-width:70ch}.coordination-intro h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15}.coordination-intro p,.coordination-boundary{line-height:1.6}
.coordination-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.5rem}.coordination fieldset{min-width:0;border:1px solid #718c8866;border-radius:.7rem;padding:1rem;margin:0}.coordination legend{font-weight:700;padding-inline:.35rem}.coordination label{display:grid;gap:.35rem;margin-block:.8rem;font-size:.95rem;line-height:1.4}.coordination input[type=number]{box-sizing:border-box;width:100%;max-width:12rem;padding:.55rem .7rem;border:1px solid #718c8888;border-radius:.35rem;background:Canvas;color:CanvasText;font:inherit}.coordination .coordination-authorize{display:flex;align-items:center;gap:.6rem;min-height:2.75rem}.coordination input[type=checkbox]{width:1.2rem;height:1.2rem;flex-shrink:0;accent-color:#278b79}.coordination-result{border-top:1px solid #718c8866;padding-top:1rem}.coordination-actions{display:flex;flex-wrap:wrap;gap:.65rem}.coordination button{font:inherit;min-height:2.75rem;padding:.65rem .9rem;border:1px solid #718c8888;border-radius:.45rem;cursor:pointer;color:inherit;background:transparent}.coordination button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.coordination button:disabled{opacity:.5;cursor:default}.coordination :focus-visible{outline:3px solid #278b79;outline-offset:3px}.coordination-status{min-height:3em;line-height:1.5;font-weight:600}.coordination-boundary{font-size:.9rem;max-width:85ch;opacity:.85}@media(max-width:600px){.coordination-people{grid-template-columns:1fr}.coordination-actions{flex-direction:column}.coordination-actions button{width:100%;text-align:left}}