html, html[data-theme="light"] {
  --background-color: snow;
  --color: #000;
}

html[data-theme="dark"] {
  --background-color: #1f272d;
  --color: #fff;
  --tcolor: pink;
}
@media (prefers-color-scheme: dark) {
  html {
    --background-color: #222830;
    --color: #fff;
    --hcolor: #e976d9;
    --tcolor: pink;
  }
}
 .articles { 
   padding: 5px;
   border: var(--line-width) solid;
   border-top-style: dashed;
   border-bottom-style: dashed;
   border-right-style: none;
   border-left-style: none;
 }
  section {
    border: var(--line-width) solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;   
    text-align: left;
    padding-bottom: 20px;
    padding-top: 0px;
 }
 h3 { 
  text-align: left;
  margin-top: 10px;
  padding-top: 0px;
  color: var(--hcolor);
 }
.summary {
  padding-left: 1.5rem;
  margin-top: 0.1rem;
}
.metadata { 
  padding-left: 0.5rem;
  border-top-style: none;
  border-bottom-style: none;
  padding-bottom: 0.3rem;
}
.metadata a { 
	text-decoration: underline;
	color: var(--tcolor);
}