/* Footer styles - professional and elegant */
.site-footer {
  background: linear-gradient(180deg, #0f1724 0%, #08101a 100%);
  color: #cbd5e1;
  padding: 18px 20px;
  border-radius: 8px;
  margin-top: 18px;
}
.site-footer .footer-inner { max-width: 1100px; margin: 0 auto; padding: 6px 0; }
.footer-brand { display:flex; flex-direction:column; align-items:center; text-align:center; }
.footer-brand .footer-site-link { font-weight:700; color:#ffffff; font-size:1.05rem; }
.footer-brand .footer-domain { font-size:0.9rem; color:#9aa4b2; margin-top:3px; }
.footer-links { display:flex; gap:10px; align-items:center; }
.footer-links a { color: #cbd5e1; opacity:0.9; padding:6px 8px; border-radius:6px; transition:all .12s ease-in-out; }
.footer-links a:hover { background: rgba(255,255,255,0.03); color:#ffffff; transform:translateY(-2px); }
.footer-links .sep { color:#4b5563; margin:0 6px; }
.footer-bottom { margin-top:12px; color:#9aa4b2; }

@media(min-width:768px) {
  .footer-brand { flex-direction:row; align-items:center; text-align:left; }
  .footer-brand .footer-site-link { margin-right:12px; }
}

.logoHeader {
  padding: 12px 0;
  background: transparent;
  color: #222;
}

.logoHeader a { display:flex; align-items:center; color:inherit; text-decoration:none; }
.site-logo-img { height:64px; width:auto; border-radius:8px; margin-right:16px; object-fit:cover; transition:transform .15s ease-in-out; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
.logoHeader a:hover .site-logo-img { transform:translateY(-2px) scale(1.02); }
.site-title h1 { margin:0; font-size:1.25rem; font-weight:700; color:#111; }
.site-title .site-domain { font-size:0.95rem; color: #6b6b6b; margin-top:2px; }

.navbar {
  background: #dddddd;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 20px;
}

.titleDate {
  font-size: 12px;
}

a,
a:hover,
a:visited,
a:focus {
  text-decoration: none;
}

@media (max-width: 576px) {
  .site-logo-img { height:40px; margin-right:10px; }
  .site-title h1 { font-size:1.05rem; }
}