/* CRP SHELL — shared nav + search (BVDS v2.0 / gamblingnerd pattern). Scope: all non-heritage pages. */
.crp-nav {
  position: sticky; top: 0; z-index: 1000;
  background: #14161a;
  display: flex; align-items: center; gap: 4px;
  padding: 0 20px; height: 60px;
  box-shadow: 0 2px 8px rgba(0,0,0,.35);
}
.crp-nav-logo { display: flex; align-items: center; margin-right: 14px; }
.crp-nav-logo img { height: 40px; width: auto; border-radius: 4px; display: block; }
.crp-nav-menu { display: flex; align-items: center; gap: 2px; flex: 1; }
.crp-nav-item { position: relative; }
.crp-nav-item > a {
  color: #e8e8e8; text-decoration: none; font-size: 14.5px; font-weight: 600;
  padding: 10px 14px; display: block; border-radius: 4px;
}
.crp-nav-item > a:hover, .crp-nav-item:focus-within > a { background: #23262e; color: #e8b64c; }
.crp-drop {
  display: none; position: absolute; top: 100%; left: 0; min-width: 230px;
  background: #1a1d24; border: 1px solid #2c2f36; border-radius: 6px;
  padding: 6px; box-shadow: 0 8px 24px rgba(0,0,0,.5);
}
.crp-nav-item:hover .crp-drop, .crp-nav-item:focus-within .crp-drop { display: block; }
.crp-drop a {
  color: #c9cdd4; text-decoration: none; font-size: 13.5px;
  padding: 9px 12px; display: block; border-radius: 4px;
}
.crp-drop a:hover { background: #23262e; color: #e8b64c; }
.crp-search { position: relative; margin-left: auto; }
.crp-search input {
  background: #23262e; border: 1px solid #2c2f36; border-radius: 6px;
  color: #e8e8e8; font-size: 13.5px; padding: 8px 12px; width: 190px;
  outline: none;
}
.crp-search input:focus { border-color: #e8b64c; width: 230px; }
.crp-search-results {
  display: none; position: absolute; right: 0; top: calc(100% + 6px); width: 320px;
  background: #1a1d24; border: 1px solid #2c2f36; border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.5); overflow: hidden;
}
.crp-search-results a {
  display: block; padding: 10px 14px; text-decoration: none;
  border-bottom: 1px solid #23262e;
}
.crp-search-results a:last-child { border-bottom: 0; }
.crp-search-results strong { display: block; color: #e8e8e8; font-size: 13.5px; }
.crp-search-results span { display: block; color: #8b93a1; font-size: 12px; margin-top: 2px; }
.crp-search-results a:hover { background: #23262e; }
.crp-search-results a:hover strong { color: #e8b64c; }
.crp-search-empty { display: block; padding: 12px 14px; color: #8b93a1; font-size: 13px; }
.crp-nav-toggle, .crp-nav-burger { display: none; }

@media (max-width: 860px) {
  .crp-nav { flex-wrap: wrap; height: auto; padding: 10px 14px; }
  .crp-nav-burger {
    display: block; color: #e8b64c; font-size: 22px; cursor: pointer;
    margin-left: auto; padding: 4px 10px; user-select: none;
  }
  .crp-nav-menu {
    display: none; flex-direction: column; align-items: stretch; width: 100%;
    order: 3; padding-top: 8px;
  }
  .crp-nav-toggle:checked ~ .crp-nav-menu { display: flex; }
  .crp-drop { position: static; box-shadow: none; border: 0; background: transparent; padding: 0 0 0 16px; }
  .crp-search { order: 4; width: 100%; margin: 10px 0 4px; }
  .crp-search input { width: 100%; }
  .crp-search input:focus { width: 100%; }
  .crp-search-results { left: 0; width: 100%; }
}