:root { --cos-blue: #1C2B52; --cos-gold: #C49A22; }
.hero { background-color: var(--cos-blue); color:#fff; padding:5rem 0 4rem; background-size:cover; background-position:center; background-repeat:no-repeat; }
.hero h1 { font-size: clamp(2rem,5vw,3.5rem); font-weight:800; }
.section-title { font-size:1.5rem; font-weight:700; color:var(--cos-blue); border-left:4px solid var(--cos-gold); padding-left:.75rem; margin-bottom:1.5rem; }
.page-header { background:#f0f4f8; border-bottom:1px solid #dee2e6; padding:1.5rem 0; margin-bottom:2rem; }
.page-header h1 { font-size:1.75rem; font-weight:700; margin:0; color:var(--cos-blue); }
.pdf-item { display:flex; align-items:center; gap:1rem; padding:.75rem 1rem; border-radius:.5rem; border:1px solid #dee2e6; margin-bottom:.5rem; background:#fff; }
.pdf-item:hover { background:#f8f9fa; }
.pdf-item .pdf-icon { color:#dc3545; font-size:1.5rem; flex-shrink:0; }
.pdf-item .pdf-info { flex:1; min-width:0; }
.pdf-item .pdf-title { font-weight:600; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pdf-item .pdf-date  { font-size:.8rem; color:#6c757d; margin:0; }
.btn-primary { background-color:var(--cos-blue)!important; border-color:var(--cos-blue)!important; }
.btn-primary:hover { background-color:#131e3a!important; border-color:#131e3a!important; }
.navbar.bg-primary { background-color:var(--cos-blue)!important; }