#crm-container .dc-frequency{margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid #dce7eb;clear:both}
#crm-container .dc-frequency[hidden]{display:none!important}
#crm-container .dc-frequency-title{font-size:17px;font-weight:700;color:#114963;margin-bottom:12px}
#crm-container .dc-frequency-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#crm-container .dc-frequency-options button{float:none!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:48px!important;margin:0!important;padding:12px 8px!important;border:1px solid #bdced7!important;border-radius:9px!important;background:#fff!important;color:#114963!important;box-shadow:none!important;font-size:14px!important;font-weight:700!important;white-space:normal!important;text-align:center!important;line-height:1.35!important;cursor:pointer}
#crm-container .dc-frequency-options button[aria-pressed=true]{background:#114963!important;border-color:#114963!important;color:#fff!important}
#crm-container .dc-frequency-options button[data-frequency=month]{border-top:3px solid #ccb067!important}
#crm-container .dc-frequency-options button:hover{box-shadow:0 2px 8px #11496322!important}
#crm-container .dc-frequency-options button:focus-visible{outline:3px solid #ccb067!important;outline-offset:3px}
#crm-container .dc-frequency-options button:disabled{opacity:.5;cursor:not-allowed}
#crm-container .dc-frequency-note{color:#445e6b;font-size:13px;line-height:1.5;margin:12px 0 0;min-height:20px}
#crm-container .is_recur-section.dc-native-frequency{display:none!important}
@media(max-width:480px){#crm-container .dc-frequency-options{gap:6px}#crm-container .dc-frequency-options button{font-size:12px!important;padding:10px 5px!important}}

/* Match the existing desktop donor-field edges (email / organisation). */
@media(min-width:769px){
 #crm-container .dc-frequency-options{width:461px;max-width:100%}
 #crm-container form:has(#onbehalf_organization_name) .dc-frequency-options{width:449px}
}