/* قالب «حبر الذهب» — ذهب على سواد، والكتابة تنكشف كأن القلم يخطّها */
body.tpl-goldink { --q-bg: #121212; --q-soft: #1C1C1C; --q-ink: #EDE3CF; --q-muted: #ADA594; --q-accent: #D9B56A; --q-line: rgba(217,181,106,.35); --q-btn: #D9B56A; --q-btn-ink: #121212; --q-display: 'Aref Ruqaa', serif; background: #121212; }
.gi-cover { position: absolute; inset: 0; background: radial-gradient(460px 460px at 50% 45%, #232018, #0B0B0B 75%); display: flex; flex-direction: column; align-items: center; justify-content: safe center; gap: 22px; padding: 30px 20px; color: #EDE3CF; overflow-y: auto; transition: opacity 1s ease; }
.gi-write { background: linear-gradient(135deg, #A88126, #E8CD8F 40%, #F5E296, #9B7821); -webkit-background-clip: text; background-clip: text; color: transparent; clip-path: inset(0 0 0 100%); animation: gi-write 2.2s cubic-bezier(.5,0,.3,1) forwards; }
.gi-write.w1 { font: 700 26px 'Aref Ruqaa', serif; }
.gi-write.w2 { animation-delay: 1.4s; animation-duration: 2.4s; }
@keyframes gi-write { to { clip-path: inset(0 0 0 0); } }
.gi-cn { font: 700 44px/1.5 'Aref Ruqaa', serif; text-align: center; }
.gi-cn i { font-style: normal; font-size: 26px; }
.gi-cover .q-guest { font-size: 15px; color: #ADA594; }
.gi-cover .q-guest strong { font: 700 24px 'Amiri', serif; color: #EDE3CF; }
.gi-flour { width: 200px; height: 30px; }
.gi-flour path { fill: none; stroke: #D9B56A; stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: 260; stroke-dashoffset: 260; animation: gi-line 1.6s ease 3.2s forwards; }
@keyframes gi-line { to { stroke-dashoffset: 0; } }
.gi-open { min-height: 52px; padding: 0 30px; border-radius: 999px; border: 1.5px solid #D9B56A; background: transparent; color: #E8CD8F; font: 600 16px 'Plex Arabic', sans-serif; cursor: pointer; }
.is-opening .gi-cover { opacity: 0; }
.gi-band { height: 1px; margin: 0 24px; background: linear-gradient(90deg, transparent, #D9B56A, transparent); }
.gi-hero { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; padding: 40px 24px 10px; }
.gi-host { font: 400 17px 'Amiri', serif; color: #ADA594; max-width: 30ch; }
.gi-names { display: flex; flex-direction: column; font: 700 54px/1.3 'Aref Ruqaa', serif; background: linear-gradient(135deg, #A88126, #E8CD8F 40%, #F5E296, #9B7821); -webkit-background-clip: text; background-clip: text; color: transparent; outline: none; }
.gi-names.is-mono, .gi-names.is-headline { color: #E8CD8F; background: none; }
.gi-names.is-mono .q-mono-l { color: #E8CD8F; }
.gi-and { font-size: 24px; }
.gi-flour.sm path { animation: none; stroke-dashoffset: 0; }
.gi-tag { font: 400 19px 'Aref Ruqaa', serif; color: #EDE3CF; }
.gi-when { display: flex; flex-direction: column; gap: 2px; }
.gi-when strong { font-size: 18px; }
.gi-when span { font-size: 14px; color: #ADA594; }
@media (prefers-reduced-motion: reduce) { .gi-write, .gi-flour path { animation: none; clip-path: none; stroke-dashoffset: 0; } .gi-cover { transition: none; } }