/* Styles for the static pages written by scripts/build-seo.ts (/animal/...). The globe app has its own stylesheet. */
:root { color-scheme: dark; }
body { margin: 0; background: #06070a; color: #e8e6e1; font: 17px/1.6 Georgia, 'Times New Roman', serif; }
a { color: #ff5a36; }
.top { display: flex; justify-content: space-between; gap: 16px; padding: 16px max(16px, 4vw); font-size: 15px; }
.top a:first-child { font-size: 22px; color: inherit; text-decoration: none; }
.top em { color: #ff5a36; }
main { max-width: 760px; margin: 0 auto; padding: 8px 16px 48px; }
h1 { font-size: clamp(34px, 6vw, 52px); line-height: 1.1; margin: 8px 0 4px; font-weight: 400; }
h2 { font-size: 24px; font-weight: 400; margin: 32px 0 4px; }
.sci, .crumb { color: #9a978f; margin: 0 0 16px; }
.crumb { font-size: 14px; }
figure { margin: 16px 0; }
img { max-width: 100%; height: auto; border-radius: 6px; }
figcaption { font-size: 13px; color: #9a978f; }
.cta { display: inline-block; padding: 10px 18px; border: 1px solid #ff5a36; border-radius: 999px; text-decoration: none; }
.all { columns: 2 260px; padding-left: 18px; }
.all i { color: #9a978f; font-size: 14px; }
.foot { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; font-size: 14px; color: #9a978f; }