/*
 * Wikipedia Keyword Tool , brand-specific styles. Wikipedia's
 * recognisable look is monochrome serif (black on white), so the
 * accent leans into Wikipedia's internal-link blue (#3366cc).
 */

:root {
    --kt-brand: #3366cc;
    --kt-brand-fade: #2a55a8;
    --kt-brand-tint: #e6ecf7;
}

.tool-form-card .primary-btn:hover { background: var(--kt-brand-fade); }
.kt-trend polyline { stroke: var(--kt-brand); }
.kt-results-table th[data-sort].is-sorted-asc::after,
.kt-results-table th[data-sort].is-sorted-desc::after {
    color: var(--kt-brand);
    opacity: 0.7;
}
.kt-modifier-badge { background: var(--kt-brand-tint); color: var(--kt-brand-fade); }
.kt-progress-fill { background: linear-gradient(90deg, var(--kt-brand) 0%, #5577dd 100%); }
.history-item { cursor: pointer; }
.history-item:hover { background: var(--kt-brand-tint); }
.kt-example-chip:hover { border-color: var(--kt-brand); color: var(--kt-brand); }
.results-header { align-items: center; flex-wrap: wrap; gap: 12px; }
.kt-mode-toggle .mode-btn { min-width: 135px; text-align: center; }

/* Wikipedia "W" mark , black serif "W" on a white circle, echoing
   the puzzle-globe logo's monogram aesthetic. */
.wkt-hero-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    margin-right: 0.45em;
    vertical-align: -0.12em;
    background: #fff;
    border-radius: 50%;
    padding: 0.18em;
    box-sizing: content-box;
    border: 1px solid #d0d0d0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.wkt-hero-logo svg { width: 100%; height: 100%; display: block; }