/* Quick Finder styles */
.ccf { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.ccf-label { font-weight: 600; }
.ccf-select { min-width: 220px; padding: 0.35rem 0.5rem; }
.ccf-go { padding: 0.4rem 0.8rem; }
.ccf select:focus, .ccf button:focus { outline: 2px solid #2c7be5; outline-offset: 2px; }

/* Header dropdown (migrated from inline) */
.site-nav .dropdown { position: relative; display: inline-block; }
.site-nav .dropbtn { background: none; color: #2c3e50; font-weight: 500; border: none; padding: 0.5rem 1rem; border-radius: 0.5rem; font-size: 1.1rem; cursor: pointer; transition: background 0.2s; }
.site-nav .dropdown-content { display: none; position: absolute; background-color: #f5f5dc; min-width: 220px; box-shadow: 0 8px 16px rgba(0,0,0,0.12); z-index: 1000; border-radius: 0.5rem; margin-top: 0.5rem; border: 1px solid #8b7355; padding: 0.5rem 0; }
.site-nav .dropdown-content a { color: #2c3e50; padding: 0.75rem 1rem; text-decoration: none; display: block; border-radius: 0.5rem; margin: 0 0.5rem; transition: background 0.2s; }
.site-nav .dropdown-content a:hover { background-color: #e0e0d1; }
/* Show menu on hover OR when JS adds .active */
.site-nav .dropdown:hover .dropdown-content,
.site-nav .dropdown.active .dropdown-content,
.site-nav .dropdown-content:hover { display: block; }

/* Button highlight on hover or active */
.site-nav .dropdown:hover .dropbtn,
.site-nav .dropdown.active > .dropbtn,
.site-nav .dropdown-content:hover + .dropbtn { background-color: #e0e0d1; }
.site-header-bar { background: #f5f5dc; border-bottom: 2px solid #8b7355; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.header-content { display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem; }
.site-title a { color: #2c3e50; text-decoration: none; }
.nav-links { display: flex; gap: 2rem; list-style: none; margin: 0; padding: 0; font-size: 1.1rem; align-items: center; }
.nav-links a { color: #2c3e50; text-decoration: none; font-weight: 500; padding: 0.5rem 1rem; border-radius: 0.5rem; }

/* Content spacing below header */
.markdown-body { margin-top: 120px; }