/* Marwan & Hssn client draft — interior typesetting on top of style.css */
.hosts p{font:15px/2 var(--ui);text-wrap:balance}
.hosts .invite-line{margin-top:8px;color:var(--burgundy-2)}
.hosts p[lang=en]{font-family:var(--latin);font-size:19px;line-height:1.4;color:#76594a;max-width:22em;margin:0 auto}
.names{margin:22px 0 6px}
.names-ar{align-items:flex-end;gap:.3em;padding-top:.2em;line-height:1.7}
.names-ar .person{display:flex;flex-direction:column;align-items:center}
.names-ar small{font:400 12px/1.4 var(--ui);color:var(--gold-ink);letter-spacing:.5px;margin-bottom:.1em}
.names-ar .nm{display:block;padding:.18em .05em 0;line-height:1.5}
.names-ar .and-ar{padding-bottom:.35em}
.card-venue{font-size:15px;line-height:1.9}
.programme .timeline{list-style:none;margin:0 0 14px;padding:0;position:relative}
.timeline:before{content:'';position:absolute;inset-block:12px;inset-inline-start:5px;width:1px;background:var(--gold-line)}
.timeline li{position:relative;display:grid;grid-template-columns:minmax(7.5em,auto) 1fr;gap:4px 14px;align-items:baseline;padding:11px 0;padding-inline-start:24px;border-bottom:1px solid var(--line)}
.timeline li:last-child{border-bottom:0}
.timeline li:before{content:'';position:absolute;inset-inline-start:1px;top:19px;width:9px;height:9px;border-radius:50%;background:var(--ivory);border:1px solid var(--gold-ink)}
.timeline time{font:500 14px/1.5 var(--ui);color:var(--burgundy);font-variant-numeric:tabular-nums}
.timeline span{font:15px/1.6 var(--ui)}
@media(max-width:360px){.timeline li{grid-template-columns:1fr}}
.guidance-intro{font:14px/1.8 var(--ui);margin:0 0 6px;color:var(--burgundy-2)}
.guidance .fact strong{font-weight:500}
.env-pocket .pocket-names{position:absolute;left:0;right:0;bottom:9%;display:flex;align-items:center;justify-content:center;gap:2.2cqw;font:400 4.4cqw/1.5 Amiri,serif;color:#d9b46e;direction:rtl;pointer-events:none;letter-spacing:.02em}
.env-pocket .pocket-names::before,.env-pocket .pocket-names::after{content:"";width:7cqw;height:1px;background:linear-gradient(90deg,transparent,#c9a15a)}
.env-pocket .pocket-names::after{transform:scaleX(-1)}
.env-card svg{display:none}
.env-card::before{content:"";position:absolute;inset:5%;border:1px solid #c39b57;border-radius:.3cqw;box-shadow:inset 0 0 0 .6cqw #fdfbf6,inset 0 0 0 calc(.6cqw + 1px) #c39b5788;pointer-events:none}
.env-card .card-title{top:14%;display:flex;flex-direction:column;align-items:center;gap:1.2cqw;font:400 5.6cqw/1.4 Amiri,serif;color:#5e2333}
.env-card .card-title small{font:400 2.4cqw/1 Amiri,serif;color:#a9823f;letter-spacing:.1em}
.env-card .card-title small::before{content:"";display:block;width:10cqw;height:1px;margin:0 auto 1.2cqw;background:#c39b57}
.env-pocket .pocket-names{display:none}
