/* John Carey Consultancy and Compliance - Minimalist Stylesheet */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Georgia, 'Times New Roman', serif; font-size: 16px; line-height: 1.6; color: #333; background-color: #ffffff; padding: 0; margin: 0; }
header { background-color: #f9f9f9; border-bottom: 1px solid #e0e0e0; padding: 20px 0; position: sticky; top: 0; z-index: 100; }
.header-container { max-width: 900px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; }
.site-title { font-size: 18px; font-weight: normal; letter-spacing: 0.5px; text-decoration: none; color: #333; }
nav ul { list-style: none; display: flex; gap: 30px; }
nav a { text-decoration: none; color: #333; font-size: 14px; border-bottom: 2px solid transparent; transition: border-bottom 0.3s ease; }
nav a:hover, nav a.active { border-bottom: 2px solid #333; }
main { max-width: 900px; margin: 0 auto; padding: 60px 20px; min-height: calc(100vh - 200px); }
h1 { font-size: 32px; font-weight: normal; margin-bottom: 30px; line-height: 1.3; letter-spacing: -0.5px; }
h2 { font-size: 20px; font-weight: normal; margin-top: 40px; margin-bottom: 15px; letter-spacing: -0.3px; }
p { margin-bottom: 20px; text-align: justify; }
.about-layout { display: flex; gap: 60px; align-items: flex-start; }
.about-text { flex: 2; }
.about-sidebar { flex: 1; text-align: center; }
.profile-photo-container { margin-top: 20px; }
.profile-photo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; border: 1px solid #e0e0e0; display: inline-block; background-color: #f9f9f9; }
footer { background-color: #f9f9f9; border-top: 1px solid #e0e0e0; padding: 30px 20px; text-align: center; font-size: 13px; color: #666; margin-top: 60px; }
.footer-container { max-width: 900px; margin: 0 auto; }
@media (max-width: 768px) {
  .header-container { flex-direction: column; gap: 20px; }
  nav ul { flex-direction: column; gap: 15px; text-align: center; }
  .about-layout { flex-direction: column; gap: 40px; }
  .about-sidebar { order: -1; width: 100%; }
  h1 { font-size: 24px; }
  h2 { font-size: 18px; }
  main { padding: 40px 20px; }
  .profile-photo { width: 160px; height: 160px; }
}