/* Zoology Practical-I (213106) — route-scoped accessibility support.
   This file is loaded only by the nine Practical-I pages. */

html.lbfl-zoology-route body.layout--single.wide article.zoology-practical-page .page__content blockquote {
  margin-inline: 0;
  padding: 1rem 1.1rem;
  border: 1px solid #c9ddd8 !important;
  border-left: 0.25rem solid #0f706d !important;
  background: #f5f9f8 !important;
  color: #17353a !important;
}

html.lbfl-zoology-route body.layout--single.wide article.zoology-practical-page .page__content blockquote p,
html.lbfl-zoology-route body.layout--single.wide article.zoology-practical-page .page__content blockquote strong,
html.lbfl-zoology-route body.layout--single.wide article.zoology-practical-page .page__content blockquote em,
html.lbfl-zoology-route body.layout--single.wide article.zoology-practical-page .page__content blockquote a {
  color: #17353a !important;
}

.zoology-practical-page .page__content code.highlighter-rouge,
.zoology-practical-page .page__content :not(pre) > code {
  background: #eef3f2;
  color: #102a43;
  border: 1px solid #d4e0dd;
}

.zoology-practical-page .zoology-practical-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  margin-block: 1rem;
  border-radius: 0.25rem;
  outline-offset: 0.2rem;
}

.zoology-practical-page .zoology-practical-table-scroll:focus-visible {
  outline: 3px solid #0f706d;
}

html.lbfl-zoology-route body.layout--single.wide article.zoology-practical-page .zoology-practical-table-scroll > table {
  display: table !important;
  width: max-content !important;
  min-width: 100%;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
}




/* Museum verified-image R1 — restored taxon-matched Practical deck assets. */
.zoology-practical-page .museum-verified-figure {
  margin: 1rem 0 1.5rem;
}
.zoology-practical-page .museum-verified-image {
  width: min(100%, 42rem);
  aspect-ratio: 4 / 3;
  margin-inline: auto;
  background-image: url("/assets/biology/higher-zoology-tree/practical/museum-specimens/museum-verified-core15.webp");
  background-size: 300% 500%;
  background-position: var(--museum-x) var(--museum-y);
  background-repeat: no-repeat;
  border: 1px solid #c9ddd8;
  border-radius: .75rem;
  background-color: #fff;
}
.zoology-practical-page .museum-verified-figure figcaption {
  width: min(100%, 42rem);
  margin: .55rem auto 0;
  color: #334e52;
  font-size: .92rem;
  line-height: 1.5;
}
@media (max-width: 30rem) {
  .zoology-practical-page .museum-verified-figure { margin-block: .85rem 1.25rem; }
}