/* markers for divs which will become visible after clicking on corresponding links */

#more0 {display: none;}
#more0:target {display: block; border: 1px solid #ccc; padding: 10px;}
#more1 {display: none;}
#more1:target {display: block; border: 1px solid #ccc; padding: 10px;}
#more2 {display: none;}
#more2:target {display: block; border: 1px solid #ccc; padding: 10px;}
#more3 {display: none;}
#more3:target {display: block; border: 1px solid #ccc; padding: 10px;}
#more4 {display: none;}
#more4:target {display: block; border: 1px solid #ccc; padding: 10px;}
#more5 {display: none;}
#more5:target {display: block; border: 1px solid #ccc; padding: 10px;}
#more6 {display: none;}
#more6:target {display: block; border: 1px solid #ccc; padding: 10px;}


/* Brand names: the class to be used to mark 'Akhil HE', 'SuNagari', etc.
   We may use title while marking brand names using "brand-name"
   The title will explain that the word is a 'brand name' and not a 'word'
   e.g.: <span class="brand-name" title="अखिल हिंदी इंग्लिश फ़ॉन्ट">Akhil HE</span>
*/

.brand-name {
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.02em;
}

/* Abbreviations (formal Hindi style, with dots) */

.alt-spelling {
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.02em;
}

/* Optional: hover info to remind the rule */

.alt-spelling[title],
.brand-name[title] {
  border-bottom: 1px dotted #aaa;
  cursor: help;
}

/* Remove default underline */

abbr[title] {
  text-decoration: none; /* remove default */
  border-bottom: 1px dotted #aaa;
  cursor: help;
}