/* Q99: phosphorescent orange names and reliable native navigation. */
:root {
  --neon-orange: #ff9638;
  --neon-glow: 0 0 12px #ff6a164d, 0 0 30px #ff6a1626;
}
.language-links { display: flex; align-items: center; gap: 5px; margin-inline-start: 0; }
.language-links a {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 43px; min-height: 42px; padding: 8px 10px; border: 1px solid var(--line);
  border-radius: 7px; background: var(--surface); color: var(--ink);
  font-size: 12px; text-decoration: none; white-space: nowrap;
}
.language-links a[aria-current="page"], .quick-ranges a[aria-current="page"] {
  color: var(--neon-orange); border-color: var(--neon-orange);
  box-shadow: inset 0 0 16px #ff6a1614, 0 0 14px #ff6a161a;
}
.language-links a:hover, .quick-ranges a:hover { border-color: var(--neon-orange); }
.lemma-button, .lyric-title > a, .detail-title h1, .detail-title h2, .detail-title > .arabic,
.relation-card h3 > a, .classical-arabic, .classical-latin, .comparison-link,
.parent-link, .hamd-heading h2, .music-panel h3, .musical-note h3,
.record-lyric > .overline, [data-nav-view="hamd"], .search-suggestions > a > span {
  color: var(--neon-orange); text-shadow: var(--neon-glow);
}
.lemma-button:hover, .lyric-title > a:hover, .comparison-link:hover {
  color: #ffb76e; text-shadow: 0 0 14px #ff6a1680;
}
html[data-theme="dark"] .workspace {
  background: radial-gradient(ellipse at 90% 0, #ff6a160b, transparent 45%), var(--paper);
}
html[data-theme="dark"] .sidebar {
  background: linear-gradient(165deg, #14253b, #0b1728 68%);
  border-inline-end-color: #ff6a1630;
}
.nav-item.active { box-shadow: inset 2px 0 var(--neon-orange); }
html[dir="rtl"] .nav-item.active { box-shadow: inset -2px 0 var(--neon-orange); }
.table-shell, .music-panel { border-color: #a56b3a66; }
.hamd-heading { border-bottom: 1px solid #ff6a1640; }
html[data-theme="light"] { --neon-orange: #aa3b00; --neon-glow: none; }
html[data-theme="light"] .lemma-button:hover,
html[data-theme="light"] .lyric-title > a:hover,
html[data-theme="light"] .comparison-link:hover { color: #7e2b00; text-shadow: none; }
@media (max-width: 620px) {
  .topbar { flex-wrap: wrap; gap: 9px; }
  .language-links { margin-inline-start: auto; gap: 4px; }
  .language-links a { min-width: 40px; min-height: 44px; padding-inline: 8px; }
  .quick-ranges a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
}

/* Five primary destinations; range navigation belongs to the index workspace. */
.sidebar{padding:32px 18px;gap:40px;overflow-y:auto}
.sidebar .brand{padding:0 12px;flex-shrink:0}
.sidebar .primary-nav{display:flex;flex-direction:column;gap:9px;width:100%}
.sidebar .primary-nav .nav-item{min-height:50px;margin:0;padding:13px 14px;font-size:13px;line-height:1.4;text-decoration:none;border:1px solid transparent;border-radius:10px;gap:12px}
.sidebar .primary-nav .nav-item>span{display:inline-block;font-size:21px;width:22px;flex-shrink:0}
.sidebar .primary-nav .nav-item:hover{border-color:#ff96384d;background:#ff96380a}
.sidebar .primary-nav .nav-item.active{border-color:#ff963866;background:#ff963812;color:var(--neon-orange)}
.index-workspace .quick-ranges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;padding:12px 0;border-block:1px solid var(--line)}
.index-workspace .quick-ranges>span{margin:0 8px 0 0;font-size:12px;color:var(--muted)}
.index-workspace .quick-ranges a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-decoration:none}
.main-footer .secondary-nav{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px}
.main-footer .secondary-nav a{color:var(--muted);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.main-footer .secondary-nav a:hover{color:var(--neon-orange)}
@media(max-width:900px){.sidebar{padding:20px 24px;gap:20px;flex-direction:row;align-items:center}.sidebar .primary-nav{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-end}.sidebar .primary-nav .nav-item{width:auto;flex:0 1 auto;min-height:44px;font-size:12px;padding:10px}.sidebar .primary-nav .nav-item>span{display:none}}
@media(max-width:620px){.sidebar{flex-direction:column;align-items:flex-start;gap:18px;padding:20px}.sidebar .primary-nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.sidebar .primary-nav .nav-item{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:10px 12px}.main-footer{display:flex;flex-direction:column;gap:12px}.index-workspace .quick-ranges>span{flex-basis:100%}}