.fa.fa-user-o {
  font-size: 144px;
  display: block;
  padding: 10px;
  text-align: center;
}

/* Masthead header */
.masthead {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 200px 0 150px;
  margin-bottom: 2rem;
}

.masthead .overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.masthead .container {
  position: relative;
  z-index: 1;
}

.site-heading {
  text-align: center;
  color: #fff;
}

.site-heading h1 {
  font-size: 3rem;
  font-weight: 700;
}

.site-heading .subheading {
  font-size: 1.2rem;
  font-weight: 300;
  display: block;
  margin-top: 0.5rem;
}

/* Blog listing */
.blog-listing .post-preview {
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.blog-listing .post-preview:last-child {
  border-bottom: none;
}

.blog-listing .post-preview a {
  text-decoration: none;
  color: inherit;
}

.blog-listing .post-preview a:hover .post-title {
  color: #0085a1;
}

.blog-listing .post-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

.blog-listing .post-subtitle {
  font-size: 0.95rem;
  color: #6c757d;
  margin-bottom: 0;
  line-height: 1.5;
}

.blog-listing .post-meta {
  font-size: 0.85rem;
  color: #868e96;
  margin-top: 0.4rem;
  margin-bottom: 0;
}

/* Dark mode adjustments */
[data-bs-theme="dark"] .blog-listing .post-subtitle {
  color: #adb5bd;
}

[data-bs-theme="dark"] .blog-listing .post-meta {
  color: #9ca3af;
}

[data-bs-theme="dark"] .blog-listing .post-preview a:hover .post-title {
  color: #4fc3f7;
}

[data-bs-theme="dark"] .blog-listing .post-preview {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* Post article pages - post-preview used in about.html listing */
.post-preview a {
  text-decoration: none;
  color: inherit;
}

.post-preview a:hover .post-title {
  color: #0085a1;
}

.post-preview .post-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.post-preview .post-subtitle {
  font-size: 0.95rem;
  color: #6c757d;
  margin-bottom: 0;
}

.post-preview .post-meta {
  font-size: 0.85rem;
  color: #868e96;
  margin-top: 0.4rem;
  margin-bottom: 0;
}

[data-bs-theme="dark"] .post-preview a:hover .post-title {
  color: #4fc3f7;
}

[data-bs-theme="dark"] .post-preview .post-subtitle {
  color: #adb5bd;
}

[data-bs-theme="dark"] .post-preview .post-meta {
  color: #9ca3af;
}