/* Shared native poem styling. Load once in both front end and block editor.
   Scope every rule to ka-poem-page; never style html/body/global headings.
   Uses the theme's existing typography and colors. No network/runtime CSS. */
.ka-poem-page {
  --ka-poem-rule: color-mix(in srgb, currentColor 22%, transparent);
  width: min(100%, 72rem);
  margin-inline: auto;
  padding-block: clamp(1.5rem, 5vw, 4rem);
}
.ka-poem-page .ka-poem-art {
  width: min(320px, 100%);
  padding:12px;
  background:rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.05);
  border-radius:16px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  margin: clamp(1.5rem, 3vw, 2rem) auto;
}
.ka-poem-page .ka-poem-art img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 972 / 1225; /* Verified attachment 21 intrinsic dimensions; reserves space before decoding. */
  border-radius:12px;
}
.ka-poem-page .ka-poem-title {
  margin: 0 auto;
  max-width: 24ch;
  font-family: var(--wp--preset--font-family--heading, Georgia, 'Times New Roman', serif);
  font-size: clamp(2rem, 5vw, 3.6rem);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.025em;
  text-align: center;
  text-wrap: balance;
}
.ka-poem-page .ka-poem-subtitle {
  max-width: 58ch;
  margin: 1.1rem auto 0;
  font-family: var(--wp--preset--font-family--heading, Georgia, 'Times New Roman', serif);
  font-size: clamp(1rem, 2vw, 1.35rem);
  line-height: 1.5;
  text-align: center;
  text-wrap: balance;
}
.ka-poem-page .ka-poem-columns {
  gap: clamp(2rem, 5vw, 4rem);
  margin-block: clamp(2rem, 4vw, 3rem) 0;
  align-items: flex-start;
}
.ka-poem-page .wp-block-column {
  min-width: 0;
}
.ka-poem-page .ka-poem-verse {
  /* Exact source contents retain HTML-formatting indentation. pre-line matches
     their original Tailwind whitespace-pre-line display while preserving every
     line break and spelling in the editable verse block. */
  white-space: pre-line;
  margin-block: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: normal;
  font-family: inherit;
  font-size: clamp(1.125rem, 1.7vw, 1.25rem);
  line-height: 1.65;
  font-weight: 400;
  letter-spacing: normal;
}
.ka-poem-page .ka-translation .ka-poem-verse {
  font-style: italic;
}
.ka-poem-page .ka-poem-section + .ka-poem-section {
  margin-block-start: 2.5rem;
}
.ka-poem-page .ka-poem-section-title {
  margin-block: 0 .75rem;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .12em;
}
.ka-poem-page .ka-poem-language { scroll-margin-block-start: 6rem; }
.ka-poem-page .ka-poem-language-links,
.ka-poem-page .ka-poem-reading-links {
  justify-content: center;
  gap: .75rem;
}
.ka-poem-page .ka-poem-language-links { margin-block: 1.5rem 0; }
.ka-poem-page .ka-poem-reading-links {
  margin-block: 3rem 0;
  padding-block-start: 1.5rem;
  border-block-start: 1px solid var(--ka-poem-rule, #9c968a);
}
.ka-poem-page .wp-block-button { max-width: 100%; }
.ka-poem-page .wp-block-button__link {
  padding: .6rem 1rem;
  font-size: .95rem;
  line-height: 1.5;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
@media (min-width: 782px) {
  .ka-poem-page .ka-original {
    padding-inline-end: clamp(1.5rem, 3vw, 2.5rem);
    border-inline-end: 1px solid var(--ka-poem-rule, #9c968a);
    text-align: right;
  }
}
@media (max-width: 781px) {
  .ka-poem-page .ka-poem-columns { gap: 2rem; }
  .ka-poem-page .ka-poem-art { width: min(280px, 100%); }
  .ka-poem-page .ka-original {
    padding-block-end: 2rem;
    border-block-end: 1px solid var(--ka-poem-rule, #9c968a);
  }
  .ka-poem-page .ka-poem-verse { line-height: 1.65; }
}
@media print {
  .ka-poem-page .ka-poem-art { max-width: 10rem; }
  .ka-poem-page .ka-poem-verse { overflow-wrap: normal; }
  .ka-poem-page .ka-poem-section { break-inside: avoid; }
}