/* Content helpers used by the owner's corrections (_tools/i18n/corrections.py). */

/* YouTube links: a small red play badge before the title */
.ka-yt a { font-weight: 600; }
.ka-yt a::before {
  content: "▶";
  display: inline-block;
  margin-right: .45em;
  padding: 0 .38em;
  border-radius: .3em;
  background: #ff0000;
  color: #ffffff;
  font-size: .7em;
  line-height: 1.6em;
  vertical-align: .15em;
}
/* Google Docs link: a small blue document badge */
a.ka-doc::before {
  content: "≡";
  display: inline-block;
  margin-right: .45em;
  padding: 0 .35em;
  border-radius: .2em;
  background: #4285f4;
  color: #ffffff;
  font-size: .8em;
  line-height: 1.5em;
}

/* An image with its explanatory text beside it */
.ka-fig-row { display: flex; gap: 1.25rem; align-items: flex-start; margin: 1rem 0; }
.ka-fig-row .ka-fig-img { flex: 0 0 auto; max-width: 48%; }
.ka-fig-row .ka-fig-img img { display: block; max-width: 100%; height: auto; }
.ka-fig-row .ka-fig-text { flex: 1 1 auto; }
.ka-fig-row .ka-fig-text p { margin: 0 0 .9rem; }

/* Two photos side by side, each with a caption underneath */
.ka-photo-pair { display: flex; gap: 0; margin: 1rem 0; border: 1px solid #000000; }
.ka-photo-pair figure { flex: 1 1 50%; margin: 0; padding: .5rem; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; }
.ka-photo-pair figure + figure { border-left: 1px solid #000000; }
.ka-photo-pair img { max-width: 100%; max-height: 420px; height: auto; margin: 0 auto; }
.ka-photo-pair figcaption { margin-top: .4rem; }

@media (max-width: 600px) {
  .ka-fig-row { flex-direction: column; }
  .ka-fig-row .ka-fig-img { max-width: 100%; }
}