/* style.css */
:root { --de-blue: #003366; --de-gold: #ffcc00; --de-gray: #f4f4f4; }
body { font-family: 'Segoe UI', Arial, sans-serif; background: var(--de-gray); color: #333; margin: 0; line-height: 1.6; }
.header { background: var(--de-blue); color: white; padding: 40px 10%; border-bottom: 5px solid var(--de-gold); }
.nav { background: #002244; padding: 12px 10%; position: sticky; top: 0; z-index: 100; }
.nav a { color: #fff; text-decoration: none; margin-right: 25px; font-weight: 500; font-size: 14px; text-transform: uppercase; }
.container { padding: 40px 10%; display: grid; grid-template-columns: 2fr 1fr; gap: 30px; }
.card { background: white; padding: 30px; border-radius: 2px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); border-left: 4px solid var(--de-blue); margin-bottom: 25px; }
.sidebar-box { background: white; padding: 20px; border: 1px solid #ddd; margin-bottom: 20px; }
.tag { display: inline-block; background: var(--de-blue); color: white; padding: 2px 10px; font-size: 12px; margin-bottom: 10px; }
h2 { color: var(--de-blue); margin-top: 0; }
table { width: 100%; border-collapse: collapse; margin: 15px 0; }
th, td { border: 1px solid #eee; padding: 12px; text-align: left; }
th { background: #fafafa; color: var(--de-blue); }
footer { background: #333; color: #ccc; text-align: center; padding: 30px; font-size: 12px; }