* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Aptos', 'Calibri', 'Segoe UI', sans-serif; background: #2d3436; color: #c8d0d8; line-height: 1.7; font-size: 18px; }
nav { background: #1a1e20; padding: 12px 0; text-align: center; }
nav a { color: #c8d0d8; text-decoration: none; margin: 0 14px; font-size: 16px; }
nav a:hover { color: #7ab0d4; }
.container { max-width: 72ch; margin: 0 auto; padding: 40px 20px; }
h1 { font-size: 28px; font-weight: normal; letter-spacing: 1px; margin-bottom: 30px; color: #e0e6ec; }
h2 { font-size: 20px; font-weight: normal; margin-top: 40px; margin-bottom: 15px; color: #e0e6ec; border-bottom: 1px solid #1a1a1a; padding-bottom: 6px; }
h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; color: #e0e6ec; }
p { margin-bottom: 16px; }
blockquote { margin: 20px 0; padding: 12px 24px; border-left: 3px solid #1a1a1a; background: #363d40; font-style: italic; font-size: 17px; color: #b8c0c8; }
a { color: #7ab0d4; }
.summary-box { background: #363d40; border: 1px solid #1a1a1a; padding: 20px 24px; margin: 30px 0; }
.summary-box p { margin-bottom: 8px; }
img.graphic { max-width: 100%; height: auto; display: block; margin: 30px auto; }
.closing { margin-top: 50px; padding-top: 20px; border-top: 1px solid #1a1a1a; font-style: italic; }
footer { text-align: center; padding: 30px; font-size: 13px; color: #6a7a8a; }
.voice-entry { border-left: 3px solid #1a1a1a; padding-left: 20px; margin: 30px 0; }
.voice-entry h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; color: #e0e6ec; }