.chsa{--chsa-green:#135247;--chsa-mint:#eaf5f0;--chsa-border:#dbe6e1;--chsa-text:#193b33;max-width:1150px;margin:22px auto;border:1px solid var(--chsa-border);border-radius:20px;overflow:hidden;background:white;color:var(--chsa-text);font:inherit;box-shadow:0 8px 32px rgba(8,54,42,.06)}.chsa *{box-sizing:border-box}.chsa-head{background:var(--chsa-green);color:white;padding:29px}.chsa-tag{font-size:12px;color:#dbd4a1;letter-spacing:.09em;font-weight:700}.chsa-head h2{font-size:clamp(24px,3vw,34px);line-height:1.2;color:white;margin:12px 0}.chsa-head p{color:#e4f0ec;max-width:780px;margin:0}.chsa-layout{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:25px;padding:26px}.chsa-form{background:#f6faf8;border:1px solid var(--chsa-border);border-radius:14px;padding:22px}.chsa h3{font-size:19px;color:var(--chsa-green);margin:8px 0 16px}.chsa-form h3:not(:first-child){margin-top:27px}.chsa label{display:block;font-size:14px;font-weight:700;margin:17px 0 6px}.chsa input[type=number]{width:100%;height:44px;background:#fff;border:1px solid #aebfb7;color:#163e34;border-radius:9px;padding:9px 12px;font:inherit}.chsa input:focus-visible,.chsa button:focus-visible,.chsa a:focus-visible{outline:3px solid #e4b662;outline-offset:2px}.chsa small{display:block;font-size:12px;line-height:1.5;margin:5px 0 0;color:#556b62}.chsa-note{font-size:13px;color:#5f6e66;line-height:1.5}.chsa-reset{margin-top:20px;background:#fff;border:1px solid var(--chsa-green);color:var(--chsa-green);padding:10px 16px;border-radius:9px;cursor:pointer;font-weight:700}.chsa-alert{padding:14px;border-radius:10px;margin-bottom:17px;line-height:1.5;font-weight:600}.chsa-alert--ok{background:#e6f5eb;color:#135334}.chsa-alert--warn{background:#fff4dd;color:#794d0b}.chsa-alert--error{background:#ffeaeb;color:#892733}.chsa-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}.chsa-stats>div{background:#f6faf8;border:1px solid var(--chsa-border);border-radius:11px;padding:13px}.chsa-stats span{font-size:12px;display:block;margin-bottom:8px;color:#536a60}.chsa-stats strong{display:block;font-size:clamp(16px,1.8vw,22px);word-break:break-word;color:#153e33}.chsa-bar{height:18px;border-radius:99px;background:#c7d8d0;overflow:hidden}.chsa-bar>div{width:30%;height:100%;background:#188d78;transition:width .2s}.chsa-bars p{font-size:13px}.chsa-tablewrap{overflow-x:auto;max-height:390px;overflow-y:auto;border:1px solid var(--chsa-border);border-radius:10px}.chsa table{border-collapse:collapse;width:100%;min-width:600px;margin:0}.chsa th,.chsa td{text-align:right;padding:11px 12px;border-bottom:1px solid var(--chsa-border);font-size:13px;font-weight:400}.chsa th{font-weight:700;background:#edf5f1;position:sticky;top:0}.chsa th:first-child,.chsa td:first-child{text-align:left}.chsa-foot{border-top:1px solid var(--chsa-border);background:#fafcfb;padding:23px 27px}.chsa-foot p{font-size:13px;line-height:1.7;color:#415e53}.chsa-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.chsa-links a{padding:12px 16px;text-decoration:none;background:var(--chsa-green);color:#fff;border-radius:8px;font-weight:700}.chsa-links a:last-child{background:#e4f0e9;color:var(--chsa-green)}@media(max-width:760px){.chsa-layout{grid-template-columns:1fr;padding:15px;gap:18px}.chsa-head{padding:20px}.chsa-form{padding:18px}.chsa-foot{padding:18px}.chsa-stats{gap:8px}}

.chsa-voluntary{margin-top:25px}.chsa-voluntary h3{margin-bottom:5px!important}.chsa-entry{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;border:1px solid var(--chsa-border);border-radius:10px;padding:10px;margin:10px 0;background:#fff}.chsa-entry label{margin:0;font-size:12px}.chsa-entry input{margin-top:5px;min-width:0}.chsa-add,.chsa-remove{cursor:pointer;border-radius:8px;padding:10px 11px;font-weight:650}.chsa-add{background:#135247;color:white;border:0;margin-top:8px}.chsa-remove{background:#fff;color:#8d2930;border:1px solid #e6b5b5}.chsa .chsa-add:focus-visible,.chsa .chsa-remove:focus-visible{outline:3px solid #e4b662;outline-offset:2px}@media(max-width:520px){.chsa-entry{grid-template-columns:1fr 1fr}.chsa-remove{grid-column:1/-1}}

.chsa .chsa-example{cursor:pointer;border:1px solid #135247;background:#fff;color:#135247;border-radius:8px;padding:10px 11px;font-weight:650;margin-top:8px}.chsa .chsa-example:focus-visible{outline:3px solid #e4b662;outline-offset:2px}
