*{box-sizing:border-box;margin:0;padding:0;}
nav.navbar{background:var(--clr-surface-elevated)!important;backdrop-filter:blur(20px);border-bottom:1px solid var(--clr-border);padding:12px 0;}
.navbar-brand{font-size:1.3rem;font-weight:900;color:var(--clr-on-surface)!important;}
.nav-link{color:var(--clr-white-soft)!important;font-weight:600;font-size:0.85rem;}
.form-control{background:var(--clr-white-hover)!important;border:1px solid var(--clr-border)!important;color:var(--clr-text)!important;border-radius:12px!important;font-family:'Cairo',sans-serif!important;font-size:0.88rem!important;padding:11px 16px!important;}
.form-control::placeholder{color:var(--clr-muted)!important;}
.form-control:focus{box-shadow:0 0 0 3px rgba(99,102,241,0.12)!important;border-color:rgba(99,102,241,0.35)!important;}
.alpha-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--clr-border);background:transparent;color:var(--clr-white-soft);font-family:'Cairo',sans-serif;font-size:0.82rem;font-weight:800;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;}
.alpha-btn:hover,.alpha-btn.active{background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.25);color:var(--p2);}
.term-section{margin-bottom:32px;}
.term-letter{font-size:1.4rem;font-weight:900;color:var(--p2);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--clr-border);}
.term-card{background:var(--clr-surface-glass);border:1px solid var(--clr-border);border-radius:14px;padding:18px;margin-bottom:10px;transition:all 0.2s;}
.term-card:hover{border-color:rgba(99,102,241,0.2);background:var(--clr-surface-glass);}
.term-en{font-size:0.72rem;color:var(--accent);font-weight:700;margin-bottom:4px;}
.term-ar{font-size:0.95rem;font-weight:800;color:var(--clr-on-surface);margin-bottom:8px;}
.term-def{font-size:0.8rem;color:var(--clr-white-soft);line-height:1.8;}
.term-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.term-tag{font-size:0.62rem;font-weight:700;padding:2px 8px;border-radius:50px;background:rgba(99,102,241,0.1);color:var(--p2);cursor:pointer;transition:all 0.2s;}
.term-tag:hover{background:rgba(99,102,241,0.2);color:var(--clr-on-surface);}
.term-examples{font-size:0.75rem;color:var(--clr-muted);margin-top:8px;padding-top:8px;border-top:1px dashed var(--clr-grid-line);}
.cat-link{font-size:0.78rem;color:var(--clr-white-soft);text-decoration:none;padding:4px 0;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all 0.2s;}
.cat-link:hover, .cat-link.active{color:var(--p2);}
.cat-link.active span{background:var(--accent)!important;}
footer{background:var(--clr-surface);border-top:1px solid var(--clr-border);padding:30px 0 20px;}

/* ── Light Mode ── */
html[data-theme="light"] .term-card { box-shadow: 0 1px 6px rgba(0,0,0,0.04); }
html[data-theme="light"] .term-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
html[data-theme="light"] .alpha-btn { box-shadow: 0 1px 3px rgba(0,0,0,0.03); }
html[data-theme="light"] .form-control { box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important; }