/* Original official webfont, unmodified. Copyright Alimama (Alibaba).
   Downloaded from https://www.iconfont.cn/fonts/detail?cnid=pOvFIr086ADR
   License and instructions are retained in fonts/. */
@font-face {
  font-family: GullRounded;
  src: url('fonts/AlimamaFangYuanTiVF-Thin.woff2') format('woff2');
  font-weight: 200 700;
  font-display: swap;
}
:root {
  --kids-font: GullRounded, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --sans: var(--kids-font);
  --serif: var(--kids-font);
}
body {font-weight:550;font-variation-settings:'BEVL' 100}
body * {font-family:var(--kids-font)!important}
body, button, input, select, textarea, h1, h2, h3, h4, p, small, span, strong, em, b, a, text {
  font-family:var(--kids-font);
}
h1,h2,h3,strong,b {font-weight:700}
h1,h2,h3 {font-weight:700!important}
.wordmark>span,.shore-note>strong,.opening-copy h1,.transition-copy>p,.map-story h2,.next-copy h2,dialog h2 {font-weight:700}
.site-header nav,.sound-toggle,.journey-play,.next-link {font-size:15px}
.eyebrow {font-size:12px;letter-spacing:1.4px}
.opening-copy>.eyebrow {font-size:14px}
.opening-intro,.next-copy>p:not(.eyebrow) {font-size:17px}
.scroll-invitation,.shore-note>small,.chapter-count>small,.chapter-dots button>small,.play-control>small {font-size:12px}
.specimen-note em {font-family:var(--kids-font);font-size:12px}
.site-footer,.site-footer a,.site-footer button {font-size:12px}
#note-body,#info-content {font-size:17px;line-height:1.9}
#note-body small,#info-content small {font-size:13px}
.direction-list strong {font-size:17px;font-weight:650}
.direction-list small,.map-intro {font-size:14px}
.route-index {font-family:var(--kids-font);font-size:18px;font-weight:700}
.direction-list [aria-pressed=true] .route-index {font-size:18px}
.evidence-link {font-size:14px}
.map-instruments>button {font-size:13px}
.destination-note>.eyebrow,.map-evidence-note {font-size:12px}
.destination-note>small {font-size:13px}
.place-label {font-size:17px;font-weight:650}
.place-small {font-size:11px}
.geo-country {font-size:16px;font-weight:600;letter-spacing:4px}
.geo-country-en {font-family:var(--kids-font);font-size:9px}
/* The observation manual and quiz use the same rounded typeface. */
.hero-intro,.section-heading>p,.route-story p,.selection-heading p,.selection-live,.archive-note small {font-size:15px}
.species-tile strong {font-size:17px;font-weight:700}
.species-tile small,.plate-top,.plate-record,.plumage-note {font-size:12px}
.feature-line,.segmented button,.comparison-slots button,.quiz-options button,.inline-ask,.rare-names button {font-size:14px}
.bird-caption h2 {font-weight:700}
.bird-caption h2 span,.bird-caption em {font-size:12px}
.guide-answer,.guide-questions button {font-size:16px}
.observation-strip>p {font-size:15px}
@media(max-width:1100px) {
  .site-header nav {gap:20px;font-size:14px}
  .site-header nav a {font-size:14px}
  .direction-list strong {font-size:16px}
  .direction-list small {font-size:13px}
  .map-instruments>button {font-size:12px}
  .species-tile strong {font-size:16px}
  .feature-line {font-size:13px}
}
@media(max-width:600px) {
  .site-header nav {gap:12px}
  .site-header nav a {font-size:12px}
  .site-header nav a[href='quiz.html'] {display:none}
  .wordmark small {display:none}
  .opening-copy h1 {font-size:clamp(41px,10.6vw,60px)}
  .opening-copy>.eyebrow {font-size:12px;letter-spacing:1px}
  .opening-intro,.next-copy>p:not(.eyebrow) {font-size:15px}
  .journey-play {font-size:15px}
  .scroll-invitation,.shore-note>small {font-size:11px}
  .direction-list strong {font-size:13px}
  .direction-list small {font-size:11px}
  .route-index,.direction-list [aria-pressed=true] .route-index {font-size:14px}
  .map-evidence-note {font-size:10px}
  .feature-line {font-size:12px}
  .bird-caption h2 span,.bird-caption em,.plate-record {font-size:10px}
  .segmented button {font-size:13px}
  .species-tile small,.selection-live {font-size:12px}
}