
.single-band{
  height:122px;background:#090909;color:var(--accent);border-bottom:1px solid #000;overflow:hidden
}
.single-band-inner{
  max-width:1440px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:0 32px
}
.single-band blockquote{
  margin:0;max-width:520px;direction:rtl;text-align:center;font-family:Mashin,Niloofar,serif;
  font-size:18px;line-height:1.55;color:var(--accent)
}
.single-band .line{display:block}
.reading-page{background:var(--white)}
.article-head{
  width:min(880px,calc(100% - 64px));margin:0 auto 34px;padding:62px 0 28px;
  direction:rtl;text-align:left;border-bottom:1px solid var(--rule)
}
.collection-name{
  display:block;width:max-content;max-width:100%;margin:0 auto 11px 0;
  font-family:Mashin,Niloofar,serif;font-size:15px;line-height:1.5;color:var(--accent)
}
.collection-name:hover,.collection-name:focus-visible{color:#bd7100;outline:none}
.article-title{
  margin:0;font-family:Niloofar,serif;font-size:41px;line-height:1.3;font-weight:400;color:#141414
}
.article-title::after{
  content:"";display:block;width:42px;height:3px;margin-top:15px;margin-left:0;margin-right:auto;background:var(--accent)
}
.reading-stage{position:relative;margin:0 auto 100px}
.reading-stage.poem-stage{width:min(690px,calc(100% - 64px))}
.reading-stage.prose-stage{width:min(820px,calc(100% - 64px))}
.reading-static-rail{
  position:absolute;top:0;bottom:0;right:-30px;width:1px;background:rgba(0,0,0,.12);pointer-events:none
}
.reading-progress-rail{
  position:absolute;top:0;bottom:0;left:-30px;width:1px;background:rgba(0,0,0,.11);pointer-events:none
}
.reading-progress-marker{
  position:absolute;top:0;left:-2px;width:5px;height:42px;background:var(--accent);
  transform:translateY(-50%);transition:top .08s linear
}
.article-body{direction:rtl;color:#1f1f1f;font-family:Parastoo,Niloofar,serif;font-weight:400}
.article-body.poem{
  width:100%;margin:0;font-size:16px;line-height:2.02;text-align:right;white-space:normal;unicode-bidi:plaintext
}
/* v76 — WordPress poem markup stays authoritative. Only vertical line rhythm is normalized.
   P is a verse-line container, BR is an intra-poem line break. Horizontal margins/padding
   (including source indentation), inline styles, spans, divs and tables are untouched. */
/* v91 — retain stanza separation instead of flattening all poem paragraphs. */
.article-body.poem p{margin-block-start:0!important;margin-block-end:10px!important}
.article-body.poem br{line-height:inherit}
/* v82 — legacy WordPress editorial alignment marker.
   rteleft is preserved in the source HTML and means a left-aligned italic note/dedication.
   trlleft is supported as a compatibility spelling. */
.article-body .rteleft,.article-body .trlleft{
  text-align:left!important;
  text-align-last:left!important;
  font-style:italic!important
}

.article-body.prose{
  width:100%;margin:0;font-size:16px;line-height:2.02;text-align:justify;text-align-last:right
}
.article-body.prose p{margin:0 0 1.15em}
.document-section{
  margin:2.5em 0 1em;padding:0 0 .42em;border-bottom:1px solid var(--rule);
  font-family:Parastoo,Niloofar,serif;font-size:1.12em;line-height:1.6;font-weight:700;text-align:right
}
.document-section:first-child{margin-top:.15em}
.document-note-label{margin-top:1.7em!important;margin-bottom:.55em!important;font-weight:700}
@media(max-width:900px){
  .single-band{height:116px}
  .single-band blockquote{font-size:17px}
  .article-head{width:min(820px,calc(100% - 48px));padding-top:50px}
  .article-title{font-size:35px}
  .reading-stage.poem-stage{width:min(650px,calc(100% - 48px))}
  .reading-stage.prose-stage{width:min(760px,calc(100% - 48px))}
  .article-body.poem,.article-body.prose{font-size:15.2px}
  .reading-static-rail{right:-24px}.reading-progress-rail{left:-24px}
}
@media(max-width:640px){
  .single-band{height:auto;min-height:116px}
  .single-band-inner{padding:19px 22px}
  .single-band blockquote{max-width:340px;font-size:16px;line-height:1.65}
  .article-head{width:calc(100% - 40px);padding:42px 0 24px;margin-bottom:27px}
  .collection-name{font-size:14px}
  .article-title{font-size:31px}
  .reading-stage.poem-stage,.reading-stage.prose-stage{width:calc(100% - 48px);margin-bottom:76px}
  .article-body.poem,.article-body.prose{font-size:14.8px;line-height:1.92}
  .article-body.prose{text-align:right}
  .reading-static-rail{right:-15px}.reading-progress-rail{left:-15px}
  .reading-progress-marker{height:34px;width:4px;left:-1.5px}
}


/* v93 — theatrical dialogue tables (The House of Bernarda Alba, posts 345–350).
   The source uses a narrow actor-name column plus a dialogue column.
   A global mobile-containment rule (`overflow-wrap:anywhere`) was inherited by
   table cells and could break an actor name character-by-character. Keep the
   original two-column table structure, but make the speaker column intrinsic
   and non-breaking while the dialogue column retains normal wrapping. */
.article-body.prose.play-dialogue table{
  width:100%!important;
  max-width:100%!important;
  table-layout:auto!important;
  direction:rtl;
}
.article-body.prose.play-dialogue tr{
  vertical-align:top;
}
.article-body.prose.play-dialogue td,
.article-body.prose.play-dialogue th{
  vertical-align:top!important;
  word-break:normal!important;
  text-align:right!important;
  text-align-last:right!important;
}
.article-body.prose.play-dialogue td:first-child,
.article-body.prose.play-dialogue th:first-child{
  width:1%!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  padding-inline-start:1.15em;
}
.article-body.prose.play-dialogue td:nth-child(2),
.article-body.prose.play-dialogue th:nth-child(2){
  width:auto!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
@media(max-width:640px){
  .article-body.prose.play-dialogue td:first-child,
  .article-body.prose.play-dialogue th:first-child{
    padding-inline-start:.8em;
  }
}
