/* Kweider Lebenswerk — Chapter Page Stylesheet */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0F0E0A;--gold:#B8933A;--gold-s:#D4AB56;
  --cream:#F7F2E8;--cream2:#EFE8D6;--parch:#E5D9C0;--white:#FDFAF4;
  --t1:#1A1714;--t2:#4A4440;--t3:#8A7F74;
  --verse:#1F4A2C;--red:#6B2A00;--blue:#1A2744;
}
html{scroll-behavior:smooth}
body{font-family:'Amiri',serif;background:var(--cream);color:var(--t1);direction:rtl;-webkit-font-smoothing:antialiased;margin:0;text-align:right}

/* NAV */
.ch-nav{
  position:sticky;top:0;z-index:100;
  background:rgba(247,242,232,.97);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--parch);
  padding:.9rem 5vw;
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;direction:rtl;
}
.ch-back{
  font-family:'Noto Naskh Arabic',serif;font-size:.85rem;
  color:var(--gold);text-decoration:none;
  white-space:nowrap;flex-shrink:0;
  transition:opacity .2s;
}
.ch-back:hover{opacity:.7}
.ch-nav-title{
  font-family:'Amiri',serif;font-size:.95rem;color:var(--t3);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-align:center;flex:1;
}

/* HERO */
.ch-hero{
  background:var(--ink);
  padding:4rem 5vw 3.5rem;
  text-align:right;
  direction:rtl;
}
.ch-hero-tag{
  font-family:'Noto Naskh Arabic',serif;font-size:.75rem;
  color:rgba(184,147,58,.6);margin-bottom:1.2rem;display:block;
}
.ch-title{
  font-family:'Amiri',serif;font-size:clamp(1.8rem,5vw,3.2rem);
  font-weight:700;color:var(--cream);line-height:1.45;
  margin-bottom:.6rem;
}
.ch-rule{width:44px;height:2px;background:var(--gold);margin-top:1.2rem}

/* CONTENT */
.ch-wrap{max-width:960px;margin:0 auto;padding:3.5rem 6vw 6rem;direction:rtl}

.ch-body{
  font-family:'Amiri',serif;
  font-size:1.2rem;
  line-height:2.3;
  color:var(--t1);
  text-align:right;
  direction:rtl;
}
.ch-body *{direction:rtl;text-align:right}
.ch-body > *{margin-bottom:1.8rem}
.ch-body p,.ch-body > span{text-align:justify;text-align-last:right;hyphens:auto;-webkit-hyphens:auto;word-spacing:normal}
.ch-body > strong{display:block;margin-bottom:1.8rem;text-align:right !important;text-align-last:right !important}
.ch-body > p strong{display:inline}

/* DE-Seiten: LTR */
.de .ch-body,.de .ch-wrap{direction:ltr;text-align:left}
.de .ch-body *{direction:ltr !important;text-align:left !important}
.de .ch-body h2,.de .ch-body h1{text-align:left !important;border-bottom:1px solid rgba(184,147,58,.2)}
.de .ch-body h3{text-align:left !important;color:var(--gold)}
.de .ch-body > *{margin-bottom:1.8rem !important}
.de .ch-body p,.de .ch-body > strong{text-align:justify !important;text-align-last:left !important;hyphens:auto !important;word-spacing:normal !important}
.de .ch-body > strong{display:block}
.de .ch-body blockquote{text-align:left !important;border-right:none;border-left:3px solid var(--gold);background:rgba(184,147,58,.06);border-radius:4px 0 0 4px;padding-right:1rem;padding-left:1.6rem}
.de .ch-title{text-align:left !important}
.ch-body h1,.ch-body h2{
  font-family:'Amiri',serif;font-weight:700;color:var(--red);
  margin:2.5rem 0 .8rem;font-size:1.4rem;text-align:right;
}
.ch-body h3{
  font-family:'Amiri',serif;font-weight:700;color:var(--ink);
  margin:2rem 0 .6rem;font-size:1.2rem;text-align:right;
}
.ch-body blockquote{
  border-right:3px solid var(--gold);
  border-left:none;
  padding:.9rem 1.4rem .9rem .9rem;
  background:rgba(184,147,58,.04);
  color:var(--verse);
  margin:1.8rem 0;
  font-size:1.1rem;
  line-height:2.1;
  text-align:right;
}
.ch-body img{max-width:100%;height:auto;margin:2rem auto;display:block}

/* FOOTER */
.ch-foot{
  background:var(--ink);
  padding:3rem 5vw;
  text-align:center;
}
.ch-foot-name{
  font-family:'Amiri',serif;font-size:1.1rem;
  color:var(--gold-s);display:block;margin-bottom:.4rem;
}
.ch-foot-sub{
  font-family:'Noto Naskh Arabic',serif;font-size:.7rem;
  color:rgba(247,242,232,.22);
}
.ch-foot-rule{width:34px;height:1px;background:rgba(184,147,58,.2);margin:1.8rem auto}
.ch-foot-link{
  font-family:'Noto Naskh Arabic',serif;font-size:.8rem;
  color:rgba(184,147,58,.55);text-decoration:none;
  border:1px solid rgba(184,147,58,.2);
  padding:.4rem 1.1rem;display:inline-block;
  transition:all .2s;
}
.ch-foot-link:hover{color:var(--gold);border-color:rgba(184,147,58,.4)}

@media(max-width:600px){
  .ch-wrap{padding:2.5rem 5vw 5rem}
  .ch-body{font-size:1.08rem;line-height:2.2}
  .ch-title{font-size:1.7rem}
}

/* Arabische Zitate (strong nach Attributionssatz) wie blockquote stylen */
.ch-body strong[data-quote],
.ch-body p strong[data-quote]{
  display:block;
  border-right:3px solid var(--gold);
  background:rgba(184,147,58,.06);
  border-radius:0 4px 4px 0;
  padding:1.1rem 1.6rem 1.1rem 1rem;
  margin:2.2rem 0;
  color:var(--t2);
  font-size:1.08rem;
  line-height:2.2;
  font-weight:normal;
}


/* Arabische Gedicht-Verse — Zweihalbvers-Layout */
/* strong-Elemente die Gedichtverse sind (erkannt durch JS) */
.ch-body strong.verse-line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  font-weight: normal;
  font-family: 'Amiri', serif;
  font-size: 1.05rem;
  line-height: 2;
  margin-bottom: .3rem;
  direction: rtl;
}
.ch-body strong.verse-line .verse-a { text-align: right; }
.ch-body strong.verse-line .verse-b { text-align: left; }

/* Gedicht-Container */
.ch-body .poem-block {
  background: rgba(184,147,58,.04);
  border-right: 3px solid var(--gold);
  border-radius: 0 4px 4px 0;
  padding: 1.2rem 1.5rem;
  margin: 2rem 0;
  direction: rtl;
}