.tennis-handicap-checker{margin-block:2rem;min-width:0}.tennis-handicap-checker h2{font-family:var(--font-display),sans-serif;text-transform:uppercase}.tennis-handicap-actions,.tennis-handicap-examples{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1.25rem}.tennis-handicap-actions button,.tennis-handicap-examples button{padding:.7rem 1rem;border:1px solid #bcd1c2;border-radius:.25rem;background:#eaf4ec;color:#092d1b;font-weight:700;cursor:pointer}.tennis-handicap-actions button[type=submit]{background:#226d30;color:#fff}.tennis-handicap-checker button:focus-visible,.tennis-handicap-checker input:focus-visible,.tennis-handicap-checker select:focus-visible{outline:3px solid #226d30;outline-offset:3px}.tennis-handicap-checker label span{font-size:.8rem;font-weight:400}.tennis-handicap-scores{border:1px solid #bcd1c2;padding:1rem;margin-block:1.5rem;min-width:0}.tennis-handicap-scores legend{font-weight:700;padding-inline:.4rem}.tennis-handicap-scoreRow{display:grid;grid-template-columns:.65fr 1fr 1fr;align-items:center;gap:.75rem;margin-block:.75rem}.tennis-handicap-scoreRow label{display:grid;gap:.3rem;font-size:.85rem}.tennis-handicap-scoreRow input{width:100%;min-width:0;padding:.65rem;background:#fff;color:#071820;border:1px solid #90a39a;border-radius:.2rem}.tennis-handicap-note{font-size:.85rem;color:#455b51}@media (max-width:480px){.tennis-handicap-scores{padding:.6rem}.tennis-handicap-scoreRow{gap:.45rem}.tennis-handicap-examples button{width:100%;text-align:left}}