.bridge{overflow-wrap:anywhere}.bridge button,.bridge .button,.bridge summary{min-height:48px;max-width:100%;white-space:normal}.bridge button{margin:6px 0}.bridge .practice-panel>button,.bridge .practice-panel>details{display:flex;width:100%}.bridge details{display:block!important;margin:12px 0;border-top:1px solid var(--border)}.bridge summary{display:flex;align-items:center;cursor:pointer;font-weight:650}.bridge details button{display:flex;width:100%}.bridge-primary{width:100%}.bridge-levels{border:0;padding:0;margin:20px 0}.bridge-levels label{display:flex;gap:12px;align-items:center;min-height:64px;border:1px solid var(--border);border-radius:12px;padding:12px;margin:8px 0;cursor:pointer}.bridge-levels label:has(input:checked){border:2px solid var(--green)}.bridge-levels small{display:block;margin-top:4px}.bridge-levels input{flex-shrink:0;width:20px;height:20px}.bridge-metrics{display:grid;gap:12px}.bridge-metrics strong{font-size:1.6rem}.bridge-education{border-left:3px solid var(--green);padding-left:12px;margin:16px 0}.bridge-entry{margin:16px 0}.bridge-observation{margin:16px 0;border-top:1px solid var(--border);padding-top:8px}.bridge-observation summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.bridge-observation label{display:block;padding:10px 0}.bridge .back-link{display:inline-flex;min-height:44px;align-items:center;margin-bottom:12px}@media(min-width:760px){.bridge-metrics{grid-template-columns:repeat(3,1fr)}}