.choice{--choice:#176b87;--choice-soft:#e9f5f7}
.choice span{position:relative;display:flex;align-items:center;justify-content:center;min-height:50px;padding:8px 12px;border:1.5px solid #d5dfe4;border-radius:11px;background:#fff;font-weight:700;color:#536473;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}
.choice span::before{content:'';width:8px;height:8px;border:2px solid #b8c5cc;border-radius:50%;margin-right:8px;flex:0 0 auto;transition:.15s}
.choice:hover span{transform:translateY(-2px);border-color:var(--choice);color:var(--choice);box-shadow:0 5px 14px rgba(13,33,55,.09);background:var(--choice-soft)}
.choice input:checked+span{background:var(--choice);border-color:var(--choice);color:#fff;box-shadow:0 6px 16px rgba(13,33,55,.17);transform:translateY(-1px)}
.choice input:checked+span::before{content:'✓';display:grid;place-items:center;width:17px;height:17px;border:0;background:rgba(255,255,255,.22);color:#fff;font-size:.7rem}
.choice input:focus+span,.choice input:focus-visible+span{outline:3px solid rgba(43,149,168,.2);outline-offset:2px}
.rating-grid .choice:nth-child(1){--choice:#087a58;--choice-soft:#e9f8f2}
.rating-grid .choice:nth-child(2){--choice:#147d92;--choice-soft:#eaf7f9}
.rating-grid .choice:nth-child(3){--choice:#9a6507;--choice-soft:#fff7df}
.rating-grid .choice:nth-child(4){--choice:#b94f12;--choice-soft:#fff1e8}
.rating-grid .choice:nth-child(5){--choice:#b42318;--choice-soft:#fff0ef}
.yes-no{max-width:320px}
.yes-no .choice:first-child{--choice:#087a58;--choice-soft:#e9f8f2}
.yes-no .choice:last-child{--choice:#b42318;--choice-soft:#fff0ef}
.submit{box-shadow:0 8px 20px rgba(13,33,55,.18);transition:transform .15s,box-shadow .15s}
.submit:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(13,33,55,.24)}