body { max-width: 760px; margin: 32px auto; padding: 0 16px; font-family: "Courier New", Courier, monospace; line-height: 1.5; }
nav a { margin-right: 12px; }
h2 { margin-top: 32px; }
footer { margin-top: 40px; font-size: 0.9em; }

.experience-divider { border: 0; border-top: 1px solid #ddd; margin: 24px 0; }

h1, h2, h3 { color: #183b66; }
h2 { border-bottom: 1px solid #aabbd0; padding-bottom: 4px; }

.portrait { float: right; width: 220px; height: 260px; max-width: 45%; object-fit: cover; object-position: center 72%; margin: 4px 0 18px 24px; }
section::after { content: ""; display: block; clear: both; }
@media (max-width: 480px) { .portrait { float: none; max-width: 100%; margin: 12px 0 20px; } }

.writing-entry { border-top: 2px solid #183b66; border-bottom: 1px solid #aabbd0; margin: 28px 0; padding: 12px 0; }
.writing-entry h3 { font-size: 1.35em; margin: 8px 0; }
.writing-meta { color: #555; font-size: 0.8em; }

.trip-gallery { margin: 36px 0; }
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }
.gallery-grid img { display: block; width: 100%; height: 190px; object-fit: cover; }