* { box-sizing:border-box; }
body { margin:0; background:#efede8; color:#20262b; font:16px/1.65 Georgia,serif; }
a { color:#36556d; text-underline-offset:.2em; }
a:focus-visible,button:focus-visible { outline:2px solid #36556d; outline-offset:4px; }
main { max-width:900px; padding:4rem; margin:2rem auto; background:white; }
.print-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:1.5rem; padding:1.5rem; font:15px/1.5 system-ui,sans-serif; }
button { font:inherit; padding:.6rem 1rem; background:#20262b; color:white; border:0; cursor:pointer; }
h1 { font-size:3rem; font-weight:400; line-height:1.1; margin:0 0 1rem; }
.subtitle { font-size:1.3rem; }
h2 { font-size:1.35rem; border-top:1px solid #b6c0c7; padding-top:1.2rem; margin-top:2rem; break-after:avoid; }
li { margin-bottom:.7rem; }
footer { border-top:1px solid #b6c0c7; margin-top:3rem; padding-top:1rem; font-size:.8rem; }
@media (max-width:600px) { main { padding:2rem 1.2rem; margin:0; } h1 { font-size:2.5rem; } ul { padding-left:1.3rem; } }
@media print { @page { size:A4; margin:18mm; } body { background:white; font-size:10pt; } main { padding:0; margin:0; max-width:none; } .print-actions { display:none; } h1 { font-size:28pt; } h2 { font-size:13pt; } a { color:inherit; text-decoration:none; } li { break-inside:avoid; } }
