/* Custom styles for #1a6faf / #f0a500 */
:root {
  --primary: #1a6faf;
  --accent: #f0a500;
}
body { font-family: 'Segoe UI', Arial, sans-serif; color: #222; }
.uk-active > a { color: #f0a500 !important; font-weight: 700; }
.uk-navbar-nav > li > a { color: #fff !important; }
.uk-navbar-nav > li > a:hover { color: #f0a500 !important; }
.hero-section { background: linear-gradient(135deg, #1a6faf 0%, #f0a500 100%); color: #fff; padding: 80px 0; }
.hero-section h1 { font-size: 2.5rem; font-weight: 800; }
.hero-section p { font-size: 1.15rem; opacity: 0.95; }
.section-title { color: #1a6faf; font-weight: 700; border-left: 5px solid #f0a500; padding-left: 14px; margin-bottom: 24px; }
.matrix-table th { background: #1a6faf; color: #fff; }
.matrix-table td { vertical-align: middle; }
.highlight-box { border-left: 4px solid #f0a500; background: #f9f9f9; padding: 16px 20px; margin: 16px 0; border-radius: 4px; }
.cta-section { background: #f0a500; color: #fff; padding: 50px 0; text-align: center; }
.cta-section a { background: #1a6faf; color: #fff; padding: 14px 36px; border-radius: 4px; font-size: 1.1rem; font-weight: 700; display: inline-block; margin-top: 16px; text-decoration: none; }
.step-number { display: inline-block; background: #1a6faf; color: #fff; width: 36px; height: 36px; border-radius: 50%; text-align: center; line-height: 36px; font-weight: 700; margin-right: 10px; }
.review-card { border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
.review-card .stars { color: #f0a500; font-size: 1.3rem; }
details summary { cursor: pointer; font-weight: 600; color: #1a6faf; padding: 10px 0; border-bottom: 1px solid #eee; }
details[open] summary { color: #f0a500; }
.checklist li::before { content: "✓ "; color: #f0a500; font-weight: 700; }
.checklist { list-style: none; padding-left: 0; }
.exclusion-list li::before { content: "✗ "; color: #c62828; font-weight: 700; }
.exclusion-list { list-style: none; padding-left: 0; }
.breadcrumb { background: #f5f5f5; padding: 10px 0; font-size: 0.9rem; }
.matrix-ref { display: inline-block; background: #f0a500; color: #fff; padding: 4px 12px; border-radius: 3px; font-size: 0.85rem; text-decoration: none; margin: 4px 0; }
.matrix-ref:hover { background: #1a6faf; color: #fff; }
table.uk-table th { background: #1a6faf; color: #fff; }
.tag { display: inline-block; background: #f0a500; color: #fff; padding: 2px 10px; border-radius: 12px; font-size: 0.8rem; margin: 2px; }