Hallo Andreas,
z.B. mit diesen beiden Zusatz-Rulesets:
main { max-width: 33em; } nav details { position: absolute; right:0; top:0; }
im Frickl sieht es gut aus, an meinem PC (1052x760) rutscht das ganz nach rechts.
Über border-Angaben wollte ich es genauer untersuchen, und mit der Angabe
main { border: 1px dotted green; }
liegt es wieder direkt rechts vom Text.
Für mich ist das CSS noch ein Buch mit sieben Siegeln, mit vielen Überraschungen, für Euch wahrscheinlich ein offenes Buch!