/* ==========================================================================
   SCIENCE SHEET — an editorial page: serif name, mono labels, numbered notes.
   Reuses .sheet from share-sheet.css for the backdrop and slide-up.
   ========================================================================== */

.science {
  width: min(460px, calc(100% - 24px));
  max-height: calc(100vh - 40px - var(--safe-top) - var(--safe-bottom));
  padding: 20px 20px 22px;
  display: flex; flex-direction: column;
  overflow: hidden;
}

.science__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.science__animal { display: flex; align-items: center; gap: 14px; }
.science__icon {
  flex: 0 0 auto;
  width: 46px; height: 46px; padding: 10px;
  border-radius: 50%;
  border: 1px solid var(--hairline);
}
.science__name { margin-top: 4px; font-family: var(--font-display); font-size: 30px; line-height: 1; }
.science__head .icon-btn { flex: 0 0 auto; }

.science__body { overflow-y: auto; margin-top: 20px; padding-right: 4px; }

.science__senses {
  display: grid; grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
}
.science__senses > div { padding: 14px 14px 14px 0; }
.science__senses > div + div { padding-left: 14px; border-left: 1px solid var(--hairline); }
.science__senses b,
.science__label,
.science__num,
.science__source {
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: 9.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.science__senses b { display: block; margin-bottom: 6px; color: var(--ink-faint); }
.science__senses p { font-family: var(--font-display); font-size: 17px; line-height: 1.25; }

.science__label { margin: 22px 0 10px; color: var(--ink); }
.science__label--style { color: var(--gold); }

.science__list { list-style: none; display: grid; gap: 10px; }
.science__list li {
  display: grid; grid-template-columns: 26px 1fr; gap: 6px;
  font-size: 13.5px; line-height: 1.45; color: var(--ink);
}
.science__list--style li { color: var(--ink-dim); }
.science__num { color: var(--ink-faint); padding-top: 3px; letter-spacing: 0.06em; }

.science__source {
  margin-top: 22px; padding-top: 12px;
  border-top: 1px solid var(--hairline);
  color: var(--ink-faint);
  letter-spacing: 0.1em;
  text-transform: none;
  line-height: 1.5;
}