feed {
  display: block;
  font-family: 'atkinson hyperlegible', system-ui, -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'segoe ui', 'helvetica neue', noto, 'noto sans', roboto, cantarell, ubuntu, helvetica, 'trebuchet ms', verdana, calibri, arial, sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';
  line-height: 1.666;
  margin: 2rem 2rem 1rem;
}

/* Hide irrelevant elements */
id, updated, published, generator, author, rights, entry > id, entry > updated, entry > link {
  display: none;
}

/* 2. Header / Feed Info Styling */
feed > title {
  display: block;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #111;
}

subtitle {
  display: block;
  font-size: 1.2rem;
  color: #666;
  margin-bottom: 2rem;
}

subtitle::after {
  display: block;
  font-size: 1rem;
  color: #666;
  margin-top: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #eee;
  content: "This feed has been formatted for easier reading. Please visit https://aboutfeeds.com to learn more."
}

/* 3. Entry / Article Styling */
entry {
  display: block;
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eee;
}

entry > title {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0066cc;
  margin-bottom: 0.5rem;
}

summary {
  display: block;
  font-size: 1.05rem;
  color: #444;
  margin-bottom: 0.75rem;
}

/* Container rules */
content {
  display: block;
  margin-top: 1.5rem;
  font-size: 1.1rem;
  color: #222;
  line-height: 1.7;
}

/* Force HTML elements inside content to behave like block structures */
content > div > p,
content > div > figure,
content > div > blockquote,
content > div > ul,
content > div > ol,
content > div > h2,
content > div > footer {
  display: block;
  margin: 0 0 1.25rem 0;
}

content > div > footer {
  font-size: .9rem;
}
