/* KeywordLens theme · 무료 진단 페이지와 같은 남색·라임 톤으로 사이트 전체를 맞춘다.
   design.css 뒤에 불러오며, 이 파일만 빼면 이전 모양으로 돌아간다. */
:root {
  --navy: #15233b;
  --navy-2: #22355a;
  --lime: #d6ff4a;
  --lime-2: #c6f032;
  --action: var(--navy);
  --action-hover: var(--navy-2);
}

/* Header */
.browse-first .brand-mark { background: var(--navy); }
.browse-first .nav-item.active { color: var(--navy); border-bottom-color: var(--lime); border-bottom-width: 3px; font-weight: 700; }
.browse-first .sidebar .fortify-header-link { background: var(--lime); border-color: var(--lime); color: var(--navy); font-weight: 700; }
.browse-first .sidebar .fortify-header-link:hover { background: var(--lime-2); }

/* Hero: page intro + search panel form one navy card */
.browse-first .page-intro { background: var(--navy); border-radius: 16px; padding: 30px 32px 26px; margin-bottom: 24px; }
.browse-first .page-intro:has(+ .search-panel) { border-radius: 16px 16px 0 0; margin-bottom: 0; padding-bottom: 14px; }
.browse-first .page-intro h1, body[data-view="trending"] .page-intro h1 { color: #fff; }
.browse-first .page-intro .eyebrow { color: var(--lime); }
.browse-first .page-intro p:not(.eyebrow) { color: #c9d3e3; }
.browse-first .intro-art { color: rgba(214, 255, 74, .35); }
.browse-first .search-panel, body[data-view="trending"] .search-panel { background: var(--navy); border: 0; border-radius: 0 0 16px 16px; padding: 4px 32px 20px; }
.browse-first .search-input-row { background: #fff; border-radius: 12px; }
.browse-first .search-panel #advancedSettings { border-color: rgba(255, 255, 255, .14); }
.browse-first .search-panel #advancedSettings > summary, .browse-first .search-panel #advancedSummary { color: #c9d3e3; }
.browse-first .search-panel .search-controls, .browse-first .search-panel .business-controls { background: #fff; border-radius: 10px; margin: 0 0 10px; padding-top: 14px; }
.browse-first .search-footer, body[data-view="trending"] .search-footer { background: transparent; border-color: rgba(255, 255, 255, .14); color: #9fb0cc; padding-left: 0; padding-right: 0; }
.browse-first .search-footer .market-hint { color: #9fb0cc; }
.search-footer .chip { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .22); color: #fff; border-radius: 999px; }
.search-footer .chip:hover { background: rgba(255, 255, 255, .2); color: #fff; border-color: rgba(255, 255, 255, .35); }

/* Primary actions: lime like the diagnosis page */
.button.primary, button.primary { background: var(--lime); border-color: var(--lime); color: var(--navy); font-weight: 700; }
.button.primary:hover, button.primary:hover { background: var(--lime-2); border-color: var(--lime-2); color: var(--navy); }

/* Cards and accents */
.eyebrow { color: #265dc7; }
.number-badge, .rank.top { color: var(--navy); }

@media (max-width: 600px) {
  .browse-first .page-intro { padding: 24px 18px 22px; border-radius: 14px; }
  .browse-first .page-intro:has(+ .search-panel) { border-radius: 14px 14px 0 0; padding-bottom: 12px; }
  .browse-first .search-panel, body[data-view="trending"] .search-panel { padding: 4px 16px 16px; border-radius: 0 0 14px 14px; }
}