body {
    width: 780;
    text-align: center;
    margin: 10px auto;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Arial Unicode MS, Helvetica, sans-serif;
}
.pagecontent {
    text-align: left;
    width: 780;
    margin: 0 auto;
}
#keeled { position:relative; float: right; margin: 24px }
ul, ol {
    font-size: 14px;
}
.tervikart a:link { color: #330000 }
.tervikart a:visited { color: #330000 }

.p_taandeta {margin: 0 0 0 0.5cm; padding:0 auto; text-indent: -0.5cm}
.p_taandega {margin: 0 0 0 0.5cm; padding:0 auto; text-indent: -0.5cm}
.XXXp_taandega {margin: 0 0 0 0.5cm; padding:0 auto;}
.tervikart {margin-top: 1em}
.rasvane {font-weight:bold;}
.inf {font-size:smaller;}
.artpart {background-color:#cfecec}
.leitud_id {background-color:#b4d8e7}
.xxleitud_ss {background-color:#ffaeae}

.mn, .me {font-weight:bold;}
.dn, .de, .ls, .sl, .pe, .sn, .pl, .pn, .xn {font-style:italic;}
.fn, .tp {font-weight:bold; font-style:italic;}
.ht {font-size:x-small; text-transform:uppercase;}

.etvw_gki, .etvw_vk, .etvw_sl, .etvw_rk {font-family:'Arial Narrow'; font-size:smaller;}
.etvw_kom {color:Blue;}



details {
  display: contents; /* Optional: only as wide as needed */
}

details summary {
  list-style: none;
  cursor: pointer;
  display: contents;
  align-items: center;
}
details summary:focus {
  outline: none; /* Remove the focus outline */
  border: none; /* Ensure no border on focus */
  box-shadow: 0 0 5px rgba(77, 144, 254, 0.5); /* Custom glow for focus */
}

details ul {
  margin: 10px;
  padding: 0px;
}
summary::-webkit-details-marker {
  display: none;
}

details summary::after {
  content: "▶";
  font-size: 1em;
  display: inline-block;
  margin-left: 0.5em;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

details[open] summary::after {
  font-size: 1em;
  transform: rotate(90deg); /* Rotate the arrow */
}