/* BASE — reset, body, shared bits (divider, reveal, fonts) */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:var(--font-body);font-size:21px;font-weight:500;line-height:1.5;background:var(--page-bg) fixed;overflow-x:hidden}
button,a{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
main{position:relative;z-index:10}
.tamil{font-family:var(--font-tamil)}
.gold{color:var(--gold)}
.arabic{font:32px/2.15 var(--font-arabic)}

.divider{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gold);opacity:.82;margin:28px 0}
.divider i{height:1px;width:56px;background:linear-gradient(90deg,transparent,var(--gold))}
.divider i:last-child{background:linear-gradient(270deg,transparent,var(--gold))}
.divider svg{width:34px;height:14px}

/* Scroll-reveal (toggled by js/reveal.js) */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.reveal.visible{opacity:1;transform:none}