/* XERICORE tools page: same colors as the Courses page (loaded last) */

html body { background-color: #05080c !important; }

/* Header */
html body .tools-hero { background: var(--xc-bg, #070b11) !important; border-bottom: 1px solid var(--xc-line, rgba(255,255,255,.08)) !important; box-shadow: none !important; }
html body .tools-hero::before, html body .tools-hero::after { display: none !important; }
html body .tools-hero .tools-hero-desc { color: var(--xc-soft, #b4bfcc) !important; }
html body .tools-hero .tools-stat { border-left-color: var(--xc-line, rgba(255,255,255,.08)) !important; }
html body .tools-hero .tools-stat:first-child { border-left: 0 !important; }
html body .tools-hero .tools-stat-label { color: var(--xc-muted, #8b98a8) !important; }

/* Filters and search */
html body .tools-filter-bar { border-bottom: 1px solid var(--xc-line, rgba(255,255,255,.08)) !important; }
html body .tools-filter-bar .tools-filter-btn { background: rgba(255,255,255,.04) !important; border: 1px solid var(--xc-line, rgba(255,255,255,.08)) !important; color: var(--xc-soft, #b4bfcc) !important; box-shadow: none !important; }
html body .tools-filter-bar .tools-filter-btn:hover { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.22) !important; color: #fff !important; }
html body .tools-filter-bar .tools-filter-btn.active { background: var(--xc-acc, #00d4ff) !important; border-color: var(--xc-acc, #00d4ff) !important; color: #04121a !important; font-weight: 600 !important; }
html body .tools-filter-bar .tools-search { background: #070b11 !important; border: 1px solid var(--xc-line, rgba(255,255,255,.08)) !important; color: var(--xc-text, #e6edf3) !important; box-shadow: none !important; }
html body .tools-filter-bar .tools-search:focus { background: #070b11 !important; border-color: rgba(255,255,255,.28) !important; box-shadow: none !important; outline: none !important; }

/* Cards */
html body .tools-grid .tool-card { background: var(--xc-panel, #0a1018) !important; border: 1px solid var(--xc-line, rgba(255,255,255,.08)) !important; box-shadow: none !important; }
html body .tools-grid .tool-card:hover { background: var(--xc-panel, #0a1018) !important; border-color: rgba(255,255,255,.2) !important; box-shadow: none !important; }
html body .tools-grid .tc-icon-wrap { background: #070b11 !important; border: 1px solid var(--xc-line, rgba(255,255,255,.08)) !important; box-shadow: none !important; }
html body .tools-grid .tool-card:hover .tc-icon-wrap { border-color: rgba(255,255,255,.22) !important; box-shadow: none !important; }
html body .tools-grid .tc-footer { border-top: 1px solid var(--xc-line, rgba(255,255,255,.08)) !important; }
html body .tools-grid .tc-tagline, html body .tools-grid .tc-desc, html body .tools-grid .tc-stat, html body .tools-grid .tc-meta-line { color: var(--xc-muted, #8b98a8) !important; }
html body .tool-card-skeleton { background: var(--xc-panel, #0a1018) !important; border: 1px solid var(--xc-line, rgba(255,255,255,.08)) !important; }


/* TOOLS CARD SIMPLE */
html body .tools-grid .tool-card { display: flex !important; flex-direction: column !important; }
html body .tools-grid .tc-body { display: none !important; }

html body .tools-grid .tc-header { align-items: flex-start !important; padding: 1.15rem 1.15rem 1.1rem !important; gap: .9rem !important; }
html body .tools-grid .tc-icon-wrap { width: 44px !important; height: 44px !important; border-radius: 11px !important; }
html body .tools-grid .tc-meta { display: flex !important; flex-direction: column !important; min-width: 0; flex: 1; }
html body .tools-grid .tc-namerow { order: 0; }
html body .tools-grid .tc-meta-line { order: 1; margin: .2rem 0 0 !important; }
html body .tools-grid .tc-tagline { order: 2; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; margin: .6rem 0 0 !important; font-size: .85rem !important; line-height: 1.5 !important; color: var(--xc-soft, #b4bfcc) !important; }

html body .tools-grid .tc-footer { margin-top: auto !important; padding: .8rem 1.15rem !important; }


/* TOOLS TITLE ACCENT */
html body .tools-hero .tools-hero-title .accent { color: var(--xc-acc, #00d4ff) !important; text-shadow: none !important; background: none !important; -webkit-text-fill-color: var(--xc-acc, #00d4ff) !important; font-family: inherit !important; font-weight: inherit !important; }