/* Additions for the live site: sign-in, status pills, admin screen, legal pages */
.nav-user{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.linkbtn{background:none;border:0;padding:4px 2px;cursor:pointer;color:var(--muted);font-weight:600;font-size:14px}
.linkbtn:hover{color:var(--accent)}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.pill{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}
.pill.pending{background:#FFF1D6;color:#8A5A00}
.pill.live{background:#E3F4E8;color:#1F6B3A}
.pill.vfy{background:#FFE8D1;color:#A24F00}
:root[data-theme="dark"] .pill.pending{background:#3A2C10;color:#F2C46B}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pill.pending{background:#3A2C10;color:#F2C46B}:root:not([data-theme="light"]) .pill.live{background:#163322;color:#7FD39E}:root:not([data-theme="light"]) .pill.vfy{background:#3A240E;color:#FFB070}}
:root[data-theme="dark"] .pill.live{background:#163322;color:#7FD39E}
:root[data-theme="dark"] .pill.vfy{background:#3A240E;color:#FFB070}
.mine-note{font-size:13.5px;background:var(--surface);border:1px dashed var(--line);border-radius:10px;padding:8px 12px;color:var(--muted)}
.setup-banner{background:#FFF1D6;color:#5A3C00;padding:10px 16px;text-align:center;font-size:14px;font-weight:600}
.signin-box{max-width:520px;margin:0 auto;text-align:center}
.gbtn{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--line);border-radius:8px;padding:11px 18px;font-weight:600;cursor:pointer}
.gbtn:hover{border-color:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.stat b{display:block;font-family:var(--f-display);font-size:26px;font-variant-numeric:tabular-nums}
.stat span{font-size:13px;color:var(--muted)}
.arow{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:10px 18px;align-items:start}
.arow h3{font-size:17px}
.arow .meta{font-size:13.5px;color:var(--muted);display:grid;gap:2px;min-width:0;word-break:break-word}
.arow .acts{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:150px}
.alist{display:grid;gap:12px}
.checklist{background:var(--card);border-radius:14px;padding:18px 20px;margin-bottom:22px}
.checklist h3{font-size:17px;margin-bottom:8px}
.checklist ol{margin:0;padding-left:20px;color:var(--muted);font-size:14.5px;display:grid;gap:4px}
.footlinks{display:flex;gap:16px;flex-wrap:wrap}
.footlinks a{color:var(--muted);text-decoration:none;font-weight:600}
.footlinks a:hover{color:var(--accent)}
.legal{max-width:760px;margin:0 auto;padding-block:48px}
.legal h1{font-size:clamp(28px,4vw,40px);margin-bottom:6px}
.legal h2{font-size:20px;margin:28px 0 8px}
.legal p,.legal li{color:var(--ink);line-height:1.65}
.legal .updated{color:var(--muted);font-size:14px}
@media (max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}.arow{grid-template-columns:1fr}.arow .acts{flex-direction:row;flex-wrap:wrap;min-width:0}}

/* Language menu */
.langpick{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:8px;padding:5px 8px;background:var(--surface);color:var(--muted)}
.langpick:focus-within{border-color:var(--accent)}
.langpick svg{width:16px;height:16px;flex:none}
.langpick select{border:0;background:transparent;font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;padding:2px 0;max-width:110px}
.langpick select:focus{outline:none}
/* Indian scripts: no capitals to make and wide letter-spacing breaks joined letters */
html:not([lang="en"]) .eyebrow, html:not([lang="en"]) .src{letter-spacing:.02em;text-transform:none;font-size:13.5px}
html:not([lang="en"]) .hero h1{line-height:1.3;font-size:clamp(30px,4.4vw,50px)}
html:not([lang="en"]) .lede{line-height:1.5}
html:not([lang="en"]) body, html:not([lang="en"]) p{line-height:1.7}
html[lang="ml"] .hero h1, html[lang="ta"] .hero h1{font-size:clamp(26px,3.6vw,42px)}
@media (max-width:860px){.langpick{margin-left:auto}.nav .wrap>.btn{margin-left:0}}

/* First-visit language chooser */
.langmodal{position:fixed;inset:0;z-index:50;background:rgba(27,23,18,.55);display:grid;place-items:center;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));overflow:auto}
.langbox{background:var(--bg);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:28px 24px 22px;width:min(460px,100%);text-align:center;border-top:4px solid var(--accent)}
.lm-logo svg{width:56px;height:56px}
.lm-name{font-family:var(--f-deva);font-size:28px;line-height:1.2;margin:4px 0 10px}
.lm-name em{font-style:normal;color:var(--accent)}
.langbox h2{font-size:22px;margin:0 0 4px}
.lm-sub{color:var(--muted);font-size:13.5px;margin:0 0 18px;line-height:1.6}
.lm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lm-opt{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:13px 10px;font-size:18px;font-weight:600;cursor:pointer;color:var(--ink);transition:border-color .15s,background .15s}
.lm-opt:hover,.lm-opt:focus-visible{border-color:var(--accent);background:var(--accent-soft)}
.lm-opt[aria-pressed="true"]{border-color:var(--accent)}
.lm-grid .lm-opt:first-child{grid-column:1/-1}
.check.agree{align-items:flex-start;font-size:14.5px;line-height:1.5}
.check.agree input{margin-top:4px;flex:none}
.check.agree a{color:var(--accent);font-weight:600}

/* Contact section */
.contact-card{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;background:var(--card);border-radius:20px;padding:30px;box-shadow:var(--shadow);border-top:4px solid var(--accent)}
.contact-card h2{font-size:clamp(24px,3vw,32px);margin:6px 0 10px}
.contact-card p{margin:0 0 10px;max-width:56ch}
.contact-orgs{font-size:14.5px;color:var(--muted)}
.contact-mail{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center;display:grid;gap:12px;justify-items:center;min-width:0}
.contact-mail svg{width:34px;height:34px;color:var(--accent)}
.contact-mail code{font-size:16px;font-weight:600;word-break:break-all;color:var(--ink);background:none}
.contact-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
@media (max-width:760px){.contact-card{grid-template-columns:1fr;padding:22px}}

/* Advertisement slot */
.adslot{padding-block:8px 40px}
.adcard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 24px 22px;box-shadow:var(--shadow);overflow:hidden}
.adcard::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--gold),var(--accent))}
.ad-tag{position:absolute;top:12px;right:16px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 8px;background:var(--bg)}
.ad-body{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.ad-img{width:120px;height:120px;border-radius:14px;object-fit:cover;max-width:100%;background:var(--card)}
.ad-mark{display:grid;place-items:center}
.ad-mark svg{width:64px;height:64px}
.ad-copy{min-width:0;padding-right:90px}
.ad-by{font-size:12.5px;font-weight:700;color:var(--gold);letter-spacing:.04em;margin-bottom:2px}
.ad-copy h3{font-size:clamp(18px,2.2vw,22px);margin:0 0 6px}
.ad-copy p{margin:0 0 12px;color:var(--muted);font-size:14.5px;max-width:60ch}
.adcard.house{background:var(--card)}
@media (max-width:620px){.ad-body{grid-template-columns:1fr}.ad-img{width:84px;height:84px}.ad-copy{padding-right:0}.ad-tag{position:static;display:inline-block;margin-bottom:10px}}
.adform{margin-bottom:22px}

/* Admin visitor dashboard */
.vdash{margin-bottom:8px}
.vhead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.vhead h3{font-size:18px;margin:0}
.vnote-s{font-size:13px;color:var(--muted)}
.vstats{margin-bottom:16px}
.vchart{overflow-x:auto}
.vchart svg{display:block;width:100%;min-width:520px;height:auto}
.vg{stroke:var(--line);stroke-width:1}
.vt{fill:var(--muted);font-size:11px;font-family:var(--f-body)}
.vbar{fill:var(--accent);opacity:.55}
.vbar.vtoday{opacity:1}
.vhit{fill:transparent}
.vb:hover .vbar{opacity:1}
.vtable{margin-top:12px;font-size:14px}
.vtable summary{cursor:pointer;color:var(--muted);font-weight:600}
.vtable table{border-collapse:collapse;margin-top:8px;font-variant-numeric:tabular-nums}
.vtable td,.vtable th{padding:4px 18px 4px 0;text-align:left;border-bottom:1px solid var(--line)}

/* Subhāṣita (shown in the advertisement space when no ad is placed) */
.subh{position:relative;background:var(--card);border-radius:20px;padding:30px 26px 22px;text-align:center;box-shadow:var(--shadow);overflow:hidden}
.subh::before,.subh::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:64px;height:3px;border-radius:2px;background:var(--gold);opacity:.7}
.subh::before{top:14px}
.subh::after{bottom:0;width:100%;height:4px;background:linear-gradient(90deg,var(--gold),var(--accent),var(--gold));opacity:.85}
.subh-verse{font-family:var(--f-deva);font-size:clamp(19px,2.4vw,25px);line-height:1.65;margin:10px 0 6px}
.subh .iast{font-size:13.5px;margin:0 auto 12px;max-width:62ch}
.subh-m{max-width:60ch;margin:0 auto 10px;font-size:15.5px}
.subh-ad{margin:18px auto 0;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted);max-width:60ch}
.subh-ad a{color:var(--accent);font-weight:600;word-break:break-all}