CSS - No se aplica toda la css

Hola a todos!

Soy nueva en esto de la programación y solamente he aprendido a hacer libros en formato epub. He terminado el libro, pero de la css, hay cosas que se han aplicado y hay otras que no se aplican. Lo he revisado todo y, hasta lo que conozco yo, no hay ningún error. Además, he validado el archivo y no aparece ningún error. He probado diferentes formas, tipo de selectores y de valores (em, %...) y no cambia nada. Me preocupa sobretodo los espacios entre algunos elementos, cómo hacer para que lo que hay en una página, la portada, no ocupe más de una página (he probado page-break-inside, after y before) y no ha cambiado nada. También sobre el elemento <q>, que no pone las comillas. He probado varias formas en css y no hay manera:

q {
quotes: "«" "»";
}

q:before {
content: open-quote;
}

q:after {
content: close-quote;
}

He hecho no sé cuántas versiones y no avanzo. ¿Alguien podría ayudarme, saber qué hago mal o cómo se debe hacer?

Muchas gracias de antemano,
Saludos

• 1-copia.zip(343,4 KB)