/* Original scratch-page rules retained for the requested reference elements. */
.wrap{max-width:76rem;margin-inline:auto;padding-inline:var(--gutter)}
.measure{max-width:62ch}
.measure-wide{max-width:74ch}
.lat{font-family:"EB Garamond",Georgia,serif;font-feature-settings:"kern" 1}

/* ── Inscriptional label (Cinzel small caps) ────────────────────────────── */
.label{
  font-family:"Cinzel",Georgia,serif;
  font-size:var(--fs-label);
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--bronze-deep);
  line-height:1.6;
}

/* ── Rules & ornament ───────────────────────────────────────────────────── */
.rule-double{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);height:4px}
.rule-hair{border:0;border-top:1px solid var(--rule);margin:0}

.rosette{display:block;color:var(--bronze);opacity:.85}
.rosette use{stroke:currentColor;fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}

.ornament{
  display:flex;align-items:center;gap:1.1rem;
  color:var(--rule);
  padding-block:var(--band) 0;
}
.ornament::before,.ornament::after{content:"";flex:1;height:1px;background:currentColor}
.ornament .rosette{width:34px;height:34px;flex:none;opacity:.7}


.formula{text-align:center}
.formula-row{
  display:flex;justify-content:center;align-items:center;gap:1.2rem;flex-wrap:wrap;
  font-family:"EB Garamond",Georgia,serif;font-size:clamp(1.15rem,3vw,1.65rem);
}
.formula-row .op{color:var(--text-muted);font-size:1.1em}
.formula .vision{color:var(--bronze-deep)}
.formula .flora{color:var(--verdigris)}
.formula-join{width:min(100%,22rem);height:54px;margin:.35rem auto 0;display:block;color:var(--rule);}
.formula-out{margin-block-start:.25rem}
.formula-out .en{
  font-family:"Cinzel",Georgia,serif;font-size:clamp(1.4rem,4vw,2.1rem);
  letter-spacing:.34em;text-indent:.34em;color:var(--text-strong);
}
.formula-out .ar{font-size:clamp(1.9rem,5vw,2.6rem);font-weight:700;color:var(--text-strong);line-height:1.3}

/* ── Chapters ───────────────────────────────────────────────────────────── */
.chapter{padding-block:var(--band) 0}
.runhead{
  display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:1rem;
  padding-block-end:.55rem;
}
.runhead .folio{
  font-size:1.35rem;color:var(--bronze);line-height:1;
  font-variant-numeric:tabular-nums;
}
.runhead .ar{color:var(--text-strong);font-size:1.05rem;line-height:1.5}
.runhead .lat{
  font-family:"Cinzel",Georgia,serif;font-size:var(--fs-label);letter-spacing:.2em;
  color:var(--text-muted);white-space:nowrap;
}
@media (max-width:44rem){
  .runhead{grid-template-columns:auto 1fr}
  .runhead .lat{display:none}
}
.chapter-head{margin-block-start:clamp(1.75rem,4vw,2.75rem)}
.chapter-title{
  font-size:var(--fs-h2);font-weight:700;line-height:1.5;color:var(--text-strong);
  margin:0;text-wrap:balance;max-width:24ch;
}
.chapter-lede{margin:1.35rem 0 0;color:var(--text)}
.chapter-lede + .chapter-lede{margin-block-start:1rem}

/* Hairline list — deliberately not cards: these four are peers, not steps. */
.plates{
  display:grid;gap:clamp(1.75rem,3.5vw,3rem);
  margin-block-start:clamp(2.25rem,5vw,3.5rem);
  grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));
}
.plate{border-top:1px solid var(--rule);padding-block-start:1.1rem}
.plate h3{
  font-size:var(--fs-h3);font-weight:700;color:var(--text-strong);
  margin:0 0 .5rem;line-height:1.7;display:flex;align-items:baseline;gap:.6rem;
}
.plate h3::before{
  content:"";width:5px;height:5px;rotate:45deg;background:var(--bronze);
  flex:none;translate:0 -.3em;
}
.plate p{margin:0;font-size:var(--fs-small);color:var(--text-muted);line-height:1.95}
.plate--verdigris h3::before{background:var(--verdigris)}


/* ── Deep band ──────────────────────────────────────────────────────────── */
.band{
  background:var(--deep);color:var(--deep-text);
  margin-block-start:clamp(3rem,6vw,5rem);
}
.band-in{
  padding-block:clamp(3rem,7vw,5rem);
  display:grid;gap:clamp(1.75rem,4vw,3.5rem);align-items:center;
}
@media (min-width:56rem){.band-in{grid-template-columns:auto 1px 1fr}}
.band-stat{text-align:center}
.band-stat .n{
  font-size:clamp(3rem,9vw,5rem);font-weight:700;line-height:1;color:var(--deep-text);
  display:block;
}
.band-stat .cap{color:var(--deep-bronze);font-size:1.05rem;line-height:1.7;margin-block-start:.6rem}
.band-divider{background:var(--deep-rule);align-self:stretch}
@media (max-width:55.99rem){.band-divider{height:1px;width:100%}}
.band p{margin:0;color:var(--deep-muted);max-width:52ch}
.band .lead-in{
  color:var(--deep-text);font-size:clamp(1.2rem,2.8vw,1.6rem);line-height:1.7;
  margin-block-end:1rem;max-width:24ch;
}


/* ── Vision chapter on deep ground ──────────────────────────────────────── */
.chapter--deep{
  background:var(--deep);color:var(--deep-text);
  margin-block-start:var(--band);padding-block:var(--band);
}
.chapter--deep .runhead .folio{color:var(--deep-bronze)}
.chapter--deep .runhead .ar{color:var(--deep-text)}
.chapter--deep .runhead .lat{color:var(--deep-muted)}
.chapter--deep .rule-double{border-color:var(--deep-rule)}
.chapter--deep .chapter-title{color:var(--deep-text)}
.chapter--deep .chapter-lede{color:var(--deep-muted)}
.chapter--deep .plate{border-top-color:var(--deep-rule)}
.chapter--deep .plate h3{color:var(--deep-text)}
.chapter--deep .plate h3::before{background:var(--deep-bronze)}
.chapter--deep .plate p{color:var(--deep-muted)}
.chapter--deep .closing{
  margin-block-start:clamp(3rem,6vw,4.5rem);
  border-top:1px solid var(--deep-rule);padding-block-start:clamp(2.25rem,5vw,3rem);
  text-align:center;
}
.chapter--deep .closing .rosette{width:30px;height:30px;margin:0 auto 1.5rem;color:var(--deep-bronze);opacity:.75}
.chapter--deep .closing p{
  margin:0 auto;max-width:40ch;font-size:clamp(1.2rem,2.9vw,1.7rem);line-height:1.75;
  color:var(--deep-text);text-wrap:balance;
}