.cba-app{--cba-primary:#315d67;--cba-primary-dark:#23464e;--cba-accent:#c89d66;--cba-bg:#f5f7f6;--cba-text:#243238;color:var(--cba-text);font:inherit;line-height:1.55;max-width:780px;margin:2rem auto}.cba-app *{box-sizing:border-box}.cba-card{background:#fff;border:1px solid color-mix(in srgb,var(--cba-primary) 15%,#ddd);border-radius:18px;box-shadow:0 12px 34px rgba(25,44,50,.09);overflow:hidden;padding:clamp(1.25rem,4vw,3rem)}.cba-app h2{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.16;margin:.25rem 0 1rem;color:var(--cba-primary-dark)}.cba-app h3{color:var(--cba-primary-dark)}.cba-kicker{color:var(--cba-primary);font-size:.82rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.cba-intro-list{background:var(--cba-bg);border-radius:12px;padding:1rem 1rem 1rem 2.2rem}.cba-hand,.cba-question{border:0;margin:1.6rem 0;padding:0}.cba-hand legend,.cba-question legend{font-size:1.25rem;font-weight:750;line-height:1.35;color:var(--cba-primary-dark);width:100%;margin-bottom:1rem}.cba-hand-options{display:flex;gap:.75rem}.cba-hand-options label{flex:1}.cba-hand-options input,.cba-option input{position:absolute;opacity:0;pointer-events:none}.cba-hand-options span,.cba-option>span{display:flex;border:2px solid #d9e0e1;border-radius:12px;padding:.9rem 1rem;cursor:pointer;transition:.15s;background:#fff}.cba-hand-options span{justify-content:center;font-weight:700}.cba-hand-options input:checked+span,.cba-option input:checked+span{border-color:var(--cba-primary);background:color-mix(in srgb,var(--cba-primary) 8%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--cba-primary) 20%,transparent)}.cba-hand-options input:focus-visible+span,.cba-option input:focus-visible+span{outline:3px solid var(--cba-accent);outline-offset:2px}.cba-button,.cba-secondary{appearance:none;border:0;border-radius:999px;padding:.82rem 1.25rem;font:inherit;font-weight:750;cursor:pointer;text-decoration:none!important;text-align:center}.cba-button{background:var(--cba-primary);color:#fff!important}.cba-button:hover{background:var(--cba-primary-dark)}.cba-secondary{background:#fff;color:var(--cba-primary-dark);border:2px solid #d9e0e1}.cba-secondary:disabled{opacity:.42;cursor:not-allowed}.cba-disclaimer{font-size:.9rem;color:#5e696d;border-left:3px solid var(--cba-accent);padding-left:1rem;margin-top:1.4rem}.cba-error{color:#a12c2c;font-weight:650}.cba-progress-row{display:flex;justify-content:space-between;font-size:.88rem;font-weight:700;margin-bottom:.45rem}.cba-section-label{color:var(--cba-primary)}.cba-progress{height:8px;background:#e7ecec;border-radius:9px;overflow:hidden}.cba-progress span{display:block;height:100%;background:var(--cba-accent);transition:width .25s}.cba-options{display:grid;gap:.65rem}.cba-option>span{align-items:center;gap:.85rem}.cba-option b{display:grid;place-items:center;min-width:2rem;height:2rem;border-radius:50%;background:var(--cba-bg);color:var(--cba-primary)}.cba-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.cba-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.cba-score-grid article{background:var(--cba-bg);border-top:4px solid var(--cba-primary);border-radius:12px;padding:1.2rem}.cba-score-grid h3{font-size:1rem;margin:0}.cba-score{font-size:2rem;font-weight:850;color:var(--cba-primary);margin:.5rem 0}.cba-score-grid article>p:last-child{font-size:.85rem;margin:0}.cba-meaning{border:1px solid #dfe5e5;border-radius:12px;padding:1rem 1.2rem}.cba-result-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.cba-app{margin:1rem 0}.cba-card{border-radius:12px;padding:1.15rem}.cba-hand-options,.cba-score-grid{grid-template-columns:1fr;display:grid}.cba-nav,.cba-result-actions{display:grid;grid-template-columns:1fr 1fr}.cba-result-actions a{grid-column:1/-1}.cba-option>span{padding:.8rem}}
@media print{body *{visibility:hidden}.cba-results,.cba-results *{visibility:visible}.cba-results{position:absolute;left:0;top:0;width:100%}.cba-result-actions{display:none!important}.cba-card{box-shadow:none;border:0}}
