Dudas estratégicas para css y .js asociados

[aventis]

Buenas tardes

Soy bastante profano en la materia y tengo un par de dudas sobre como enfocar los css y js asociados en mi web.

Mi web tiene páginas iguales en estructura y contenido pero distintas en su estilo para cada comunidad autónoma, lo que realmente cambia son los códigos javascript ya que depende de cada legislación (miserable reino de taifas...)

En cuanto a css, no sé como plantearlo:
- puedo hacer un archivo externo para cada página.
- puedo hacer un solo css para todas. En tal caso debería replantear las etiquetas.

En cuanto a javascript, me pasa parecido:
- puedo hacer un js para cada
- puedo hacer uno común a todas dejando las funciones diferenciadoras en el html
- o bien, puedo hacer 3 ó 4 js que agrupan más funciones y que dejan muy poquito código en cada html

En ambos casos ¿Qué os parece más práctico? O ¿qué es objetivamente lo "correcto"?

Muchas gracias.