/* Khat — Islami: kaligrafi hitam-emas di atas kertas gading */
.tpl-khat{
  --paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .15 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --bg:#f6eedc;--bg-alt:#efe3c8;--surface:#fffaf0;--text:#3b2f22;--muted:#7a6a55;--heading:#231a10;
  --primary:#b8913f;--accent:#2a2016;--line:rgba(184,145,63,.32);
  --btn-bg:#231a10;--btn-text:#f6eedc;--btn-radius:4px;
  --cover-bg:#14110d;--cover-text:#f3e6c4;
  --cover-overlay:radial-gradient(ellipse at 50% 35%,rgba(184,145,63,.22),rgba(20,17,13,.2) 60%);
  --hero-overlay:linear-gradient(180deg,rgba(20,17,13,.4),rgba(20,17,13,.92));
  --cover-pattern:repeating-linear-gradient(45deg,rgba(184,145,63,.05) 0 1px,transparent 1px 16px),repeating-linear-gradient(-45deg,rgba(184,145,63,.05) 0 1px,transparent 1px 16px);
  --f-display:'Aref Ruqaa',serif;--f-script:'Imperial Script',cursive;--f-body:'EB Garamond',serif;--f-arabic:'Aref Ruqaa';
  --radius:6px;--shadow:0 22px 44px -28px rgba(35,26,16,.55);
  --card-grad:linear-gradient(135deg,#231a10,#4a3a22 55%,#b8913f);
  --fx1:#e6c77e;--fx2:#b8913f;--fx3:#fff1c9;
  --ill-groom:#f8f2e4;--ill-groom-2:#e1d4b6;--ill-pants:#2a2016;--ill-band:#b8913f;
  --ill-bride:#fffaf0;--ill-hijab:#f1e7d2;--ill-hijab-2:#e3d3b1;--ill-niqab:#ece1c9;
  --ill-flower:#b8913f;--ill-flower-2:#e9d39c;--ill-leaf:#6b7a52;--ill-bg:#efe3c8;
}
.tpl-khat.inv,.tpl-khat .inv-main{background-color:var(--bg);background-image:var(--paper)}
.tpl-khat .khat-art{position:relative;width:min(66vw,240px);margin:0 auto 6px;color:var(--primary)}
.tpl-khat .khat-art .orn{width:100%;height:auto;animation:spin 80s linear infinite}
.tpl-khat .khat-art__ar{position:absolute;inset:0;display:grid;place-items:center;padding:24%;font-family:'Aref Ruqaa',serif;font-size:clamp(1rem,4.6vw,1.35rem);line-height:1.7;text-align:center;color:#e6c77e}
.has-ill.tpl-khat .cover__art{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:min(86vw,320px);opacity:.55;z-index:-1;margin:0}
.has-ill.tpl-khat .khat-art{width:100%}
.has-ill.tpl-khat .khat-art__ar{display:none}
.tpl-khat .cover__kicker,.tpl-khat .hero__kicker{font-family:var(--f-body);letter-spacing:.4em;color:var(--primary)}
.tpl-khat .cover__names,.tpl-khat .hero__names,.tpl-khat .aside__names{color:#f3e6c4}
.tpl-khat .cover__names i,.tpl-khat .hero__names i{color:var(--primary)}
.tpl-khat .cover__guest{border-color:rgba(184,145,63,.45)}
.tpl-khat .btn--open{background:var(--primary);color:#14110d}
.tpl-khat .op-rod{background:linear-gradient(#6b4a1d,#e6c77e 45%,#8a6526 80%,#4a3212)}
.tpl-khat .sec--hero,.tpl-khat .sec--closing{color:#f3e6c4}
.tpl-khat .hero__date{color:#e6c77e}
.tpl-khat .sec__kicker{font-family:var(--f-body);letter-spacing:.32em}
.tpl-khat .sec__title{font-weight:700;font-size:clamp(2rem,9vw,2.6rem)}
.tpl-khat .quote__ar,.tpl-khat .doa__ar,.tpl-khat .bismillah{font-family:'Aref Ruqaa',serif;color:var(--accent)}
.tpl-khat .sec--quote{background:#14110d;color:#f3e6c4}
.tpl-khat .sec--quote .quote,.tpl-khat .sec--quote .quote__ar{color:#f3e6c4}
.tpl-khat .sec--quote .quote__ar{color:#e6c77e;font-size:2rem}
.tpl-khat .card,.tpl-khat .event{outline:1px solid var(--line);outline-offset:-7px}
.tpl-khat .person__photo,.tpl-khat .person__mono,.tpl-khat .person__ill{border-radius:4px;box-shadow:0 0 0 5px var(--surface),0 0 0 6px var(--primary),var(--shadow)}
.tpl-khat .person__nick{color:var(--heading)}
.tpl-khat .event__name{color:var(--heading)}
.tpl-khat .closing__title{color:#e6c77e}
.tpl-khat .sec--closing .doa__ar{color:#e6c77e}
.tpl-khat .cover__names,.tpl-khat .hero__names{font-size:clamp(3.6rem,17vw,5.2rem);color:#f6e9c8;text-shadow:0 0 24px rgba(230,199,126,.35)}