body{color:#222;background-color:#f5f5f5;margin:0;font-family:Arial,sans-serif}header{color:#fff;background-color:#2f5d3a;padding:20px}header h1{margin-top:0}nav a{color:#fff;margin-right:15px;text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:1100px;margin:auto;padding:20px}section{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:18px}h1,h2{color:#2f5d3a}main a{color:#246b3c}select{margin:5px;padding:6px}table{border-collapse:collapse;width:100%;margin-top:10px}th,td{text-align:left;border:1px solid #ccc;padding:10px}th{background-color:#e4eee6}.table-container{overflow-x:auto}@media (width<=600px){main{padding:10px}header{padding:15px}table{font-size:14px}}