@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.resource-page,
.resource-breadcrumb,
.related-resources,
.note-description {
  font-family: "Poppins", Arial, sans-serif;
}
.resource-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  font-size: .9rem;
}
.resource-breadcrumb li:not(:last-child)::after {
  content: "/";
  margin-left: .4rem;
  color: #6b7280;
}
.resource-breadcrumb a { color: #344e8c; text-decoration: none; }
.resource-breadcrumb a:hover { text-decoration: underline; }
.resource-header h1 { line-height: 1.25; margin-bottom: .5rem; }
.resource-byline { color: #5f6673; font-size: .9rem; }
.resource-thumbnail { display: block; width: 100%; max-width: 800px; height: auto; }
.note-description { font-size: 1rem; line-height: 1.7; }
.note-description h2 { margin: 2rem 0 .75rem; line-height: 1.3; }
.note-description h3 { margin: 1.4rem 0 .6rem; line-height: 1.35; }
.note-description img { max-width: 100%; height: auto; }
.resource-toc { background: #f5f7fb; border-left: 4px solid #344e8c; padding: 1rem 1.2rem; margin: 1.5rem 0; }
.resource-toc h2 { font-size: 1.1rem; margin: 0 0 .5rem; }
.resource-toc ol { margin: 0; padding-left: 1.25rem; }
.chapter-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; }
.chapter-navigation > div:last-child { text-align: right; }
.chapter-navigation a { color: #344e8c; font-weight: 600; }
.subject-index-link { margin-top: 1rem; }
.related-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.related-card img { width: 100%; height: auto; aspect-ratio: 16 / 13; object-fit: cover; }
.resource-faqs { margin-top: 2rem; }
.faq-item { margin-bottom: 1rem; }
@media (max-width: 768px) {
  .chapter-navigation { grid-template-columns: 1fr; }
  .chapter-navigation > div:last-child { text-align: left; }
  .related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}