body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; margin: 0px; padding: 0px; color: rgb(51, 51, 51); background-color: rgb(244, 244, 244); }
.main-container { max-width: 1100px; margin: 20px auto; padding: 20px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; border-radius: 8px; }
a { color: rgb(0, 123, 255); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { color: rgb(44, 62, 80); }
.site-header { background-color: rgb(44, 62, 80); color: rgb(255, 255, 255); padding: 10px 0px; position: sticky; top: 0px; z-index: 1000; }
.header-container { max-width: 1100px; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 20px; }
.site-title { font-size: 1.5em; font-weight: bold; }
.main-navigation ul { list-style: none; padding: 0px; margin: 0px; display: flex; }
.main-navigation li { margin-left: 20px; }
.main-navigation a { color: rgb(255, 255, 255); font-weight: bold; }
.main-navigation a:hover { color: rgb(26, 188, 156); text-decoration: none; }
.hero { background: linear-gradient(to right, rgb(22, 160, 133), rgb(39, 174, 96)); color: rgb(255, 255, 255); text-align: center; padding: 60px 20px; }
.hero h1 { font-size: 2.8em; margin-bottom: 10px; color: rgb(255, 255, 255); }
.hero p { font-size: 1.2em; margin-bottom: 30px; }
.cta-button { background-color: rgb(230, 126, 34); color: rgb(255, 255, 255); padding: 12px 25px; border-radius: 5px; font-size: 1.1em; font-weight: bold; transition: background-color 0.3s ease 0s; }
.cta-button:hover { background-color: rgb(211, 84, 0); text-decoration: none; }
.author-section { padding: 40px 0px; border-bottom: 1px solid rgb(238, 238, 238); }
.author-section h2 { text-align: center; margin-bottom: 30px; font-size: 2em; }
.author-content { display: flex; align-items: flex-start; gap: 30px; }
.author-photo { max-width: 200px; height: auto; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; }
.author-bio h3 { margin-top: 0px; font-size: 1.5em; }
.author-bio h4 { font-size: 1.1em; color: rgb(85, 85, 85); margin-bottom: 15px; }
.author-bio ul { padding-left: 20px; }
.report-content { padding: 40px 0px; }
.report-content h1, .report-content h2, .report-content h3, .report-content h4, .report-content h5, .report-content h6 { color: rgb(22, 160, 133); margin-top: 1.5em; margin-bottom: 0.5em; }
.report-content h1 { font-size: 2.2em; border-bottom: 2px solid rgb(238, 238, 238); padding-bottom: 10px; }
.report-content h2 { font-size: 1.8em; }
.report-content h3 { font-size: 1.4em; }
.report-content p { margin-bottom: 1em; }
.report-content ul { margin-bottom: 1em; padding-left: 40px; }
.report-content li { margin-bottom: 0.5em; }
.report-content table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
.report-content th, .report-content td { border: 1px solid rgb(222, 226, 230); padding: 8px; text-align: left; }
.report-content th { background-color: rgb(242, 242, 242); }
.report-content code { background-color: rgb(233, 236, 239); padding: 2px 4px; border-radius: 3px; font-family: monospace; }
.report-content pre code { display: block; padding: 10px; white-space: pre-wrap; overflow-wrap: break-word; }
.report-content i { color: rgb(108, 117, 125); font-size: 0.9em; display: block; margin-top: 0.5em; }
.site-footer { background-color: rgb(44, 62, 80); color: rgb(189, 195, 199); padding: 30px 0px; margin-top: 40px; text-align: center; }
.footer-container { max-width: 1100px; margin: 0px auto; padding: 0px 20px; }
.footer-container p { margin-bottom: 10px; }
.contact-links a { color: rgb(255, 255, 255); margin: 0px 15px; font-weight: bold; display: inline-block; background-color: rgb(52, 73, 94); padding: 8px 15px; border-radius: 5px; transition: background-color 0.3s ease 0s; }
.contact-links a:hover { background-color: rgb(26, 188, 156); text-decoration: none; }
@media (max-width: 768px) {
  .header-container { flex-direction: column; align-items: flex-start; }
  .main-navigation { margin-top: 10px; }
  .main-navigation ul { flex-direction: column; }
  .main-navigation li { margin-left: 0px; margin-bottom: 10px; }
  .hero h1 { font-size: 2em; }
  .hero p { font-size: 1em; }
  .author-content { flex-direction: column; align-items: center; text-align: center; }
  .author-photo { margin-bottom: 20px; }
  .author-bio { text-align: left; }
}