/* VS Article Extras — newsletter box and gold "Continue reading" card.
   Uses the VedicSiddhanta theme colours when present (--vst-*), with the same values as fallbacks. */

/* ---------- Newsletter inside articles ---------- */
.vsae-nl{
  --vsae-navy:var(--vst-navy-deep,#0b1634);
  --vsae-navy-2:var(--vst-navy-3,#1d2f61);
  --vsae-gold:var(--vst-gold-bright,#d9a441);
  --vsae-gold-hi:#e9bd5f;
  clear:both;margin:44px 0 36px;border-radius:18px;overflow:hidden;position:relative;
  background:radial-gradient(520px 220px at 100% 0%,rgba(217,164,65,.22),transparent 62%),linear-gradient(140deg,var(--vsae-navy) 0%,#16254e 60%,var(--vsae-navy-2) 100%);
  border:1px solid rgba(217,164,65,.4);box-shadow:inset 0 3px 0 var(--vsae-gold),0 24px 48px -30px rgba(15,27,61,.6);
  color:#c6cce3;font-family:var(--vst-sans,"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif);
}
.vsae-nl-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center;padding:30px 32px;}
.vsae-nl-mark{display:block;width:40px;height:40px;color:var(--vsae-gold);margin:0 0 10px;}
.vsae-nl-mark svg{width:100%;height:100%;display:block;}
body .vsae-nl .vsae-nl-kicker{margin:0 0 6px !important;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--vsae-gold);}
body .vsae-nl .vsae-nl-t{margin:0 0 8px !important;padding:0 !important;font-family:var(--vst-serif,"Cormorant Garamond",Georgia,serif);font-size:1.75rem;line-height:1.15;font-weight:600;color:#fff;text-transform:none;letter-spacing:0;}
body .vsae-nl .vsae-nl-x{margin:0 !important;font-size:.95rem;line-height:1.6;color:#c6cce3;}
.vsae-nl-form{margin:0;display:flex;flex-direction:column;gap:12px;}
.vsae-nl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body .vsae-nl .vsae-nl-f{display:flex;flex-direction:column;gap:6px;margin:0;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c6cce3;}
body .vsae-nl .vsae-nl-f small{font-weight:600;letter-spacing:0;text-transform:none;color:#8f98ba;font-size:.78rem;}
body .vsae-nl .vsae-nl-f b{color:var(--vsae-gold-hi);}
body .vsae-nl .vsae-nl-f input{box-sizing:border-box;width:100% !important;height:auto !important;min-height:48px;margin:0 !important;padding:12px 14px !important;line-height:1.4;border:1px solid rgba(217,164,65,.28) !important;border-radius:10px !important;background:rgba(255,255,255,.07) !important;color:#fff !important;-webkit-text-fill-color:#fff;caret-color:#e9bd5f;font:inherit;font-size:15px;letter-spacing:0;text-transform:none;box-shadow:none;}
body .vsae-nl .vsae-nl-f input:focus{outline:none;border-color:var(--vsae-gold) !important;background:rgba(217,164,65,.08) !important;box-shadow:0 0 0 3px rgba(217,164,65,.2);}
body .vsae-nl .vsae-nl-f input[aria-invalid="true"]{border-color:#f0896b;box-shadow:0 0 0 3px rgba(240,137,107,.2);}
body .vsae-nl .vsae-nl-btn{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:52px;margin:0;padding:13px 20px;line-height:1.2;border:0;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,#e9bd5f,#c99232);color:#231703;font:inherit;font-size:15px;font-weight:800;letter-spacing:.02em;text-transform:none;box-shadow:0 12px 24px -14px rgba(201,146,50,.9);transition:transform .18s ease,background .18s ease;}
body .vsae-nl .vsae-nl-btn:hover{background:linear-gradient(180deg,#f0c86f,#b9852b);color:#231703;transform:translateY(-1px);}
body .vsae-nl .vsae-nl-btn:disabled{opacity:.7;cursor:wait;transform:none;}
body .vsae-nl .vsae-nl-note{margin:0;font-size:.78rem;color:#8f98ba;text-align:center;}
body .vsae-nl .vsae-nl-msg{margin:0;padding:10px 14px;border-radius:10px;background:rgba(217,164,65,.14);border:1px solid rgba(217,164,65,.45);color:#f3dfb2;font-size:.9rem;}
body .vsae-nl .vsae-nl-msg.is-error{background:rgba(240,137,107,.12);border-color:rgba(240,137,107,.5);color:#ffd7cc;}
body .vsae-nl .vsae-nl-msg[hidden],.vsae-nl-thanks{display:none !important;}
.vsae-nl-form.is-done .vsae-nl-fields{opacity:.55;}
.vsae-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0;}
@media (max-width:760px){
  .vsae-nl-in{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 20px;}
  .vsae-nl-fields{grid-template-columns:minmax(0,1fr);}
  body .vsae-nl .vsae-nl-t{font-size:1.5rem;}
}

/* ---------- "Continue reading" as a gold-bordered card ---------- */
body.vsae-card .vs-related-reading{
  clear:both;position:relative;margin:36px 0 12px;padding:26px 28px 22px;border-radius:16px;
  background:linear-gradient(180deg,#fffdf8,#fbf3e3);
  border:1px solid var(--vst-gold-line,#e6d5b0);border-top:3px solid var(--vst-gold-bright,#d9a441);
  box-shadow:0 1px 2px rgba(15,27,61,.04),0 18px 40px -28px rgba(15,27,61,.35);
}
body.vsae-card .vs-related-reading::before{content:"";position:absolute;right:22px;top:18px;width:46px;height:46px;opacity:.35;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46' fill='none' stroke='%23b8892c' stroke-width='1.4'%3E%3Ccircle cx='23' cy='23' r='21'/%3E%3Ccircle cx='23' cy='23' r='14'/%3E%3Cpath d='M23 6 L33 29 L13 29 Z'/%3E%3Cpath d='M23 40 L13 17 L33 17 Z'/%3E%3C/svg%3E") center/contain no-repeat;}
body.vsae-card .vs-related-reading h3{margin:0 0 14px !important;padding:0 60px 0 0;font-family:var(--vst-serif,"Cormorant Garamond",Georgia,serif);font-size:1.7rem !important;line-height:1.15;font-weight:600;color:var(--vst-navy,#0f1b3d);text-transform:none;letter-spacing:0;}
body.vsae-card .vs-related-reading h3::before{content:"Vedic Siddhanta · Read next";display:block;margin:0 0 6px;font-family:var(--vst-sans,"Manrope",system-ui,sans-serif);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--vst-gold,#8a6516);}
body.vsae-card .vs-related-reading ul{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
body.vsae-card .vs-related-reading li{list-style:none !important;margin:0 !important;padding:0 !important;line-height:inherit !important;}
body.vsae-card .vs-related-reading li::before,body.vsae-card .vs-related-reading li::marker{content:none !important;display:none !important;}
body.vsae-card .vs-related-reading li a{display:flex;align-items:flex-start;gap:10px;height:100%;box-sizing:border-box;min-height:52px;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid var(--vst-line,#ebe1cd);color:var(--vst-navy,#0f1b3d) !important;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none !important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
body.vsae-card .vs-related-reading li a::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b8892c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;}
body.vsae-card .vs-related-reading li a:hover{border-color:var(--vst-gold-mid,#b8892c);box-shadow:0 10px 22px -16px rgba(184,137,44,.6);transform:translateY(-1px);color:var(--vst-rust,#a8461a) !important;}
body.vsae-card .vs-related-reading .vs-related-cta{margin:16px 0 0 !important;padding:14px 0 0;border-top:1px solid var(--vst-gold-line,#e6d5b0);font-size:.92rem;color:var(--vst-ink-2,#4f5670);}
body.vsae-card .vs-related-reading .vs-related-cta a{color:var(--vst-rust,#a8461a);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
@media (max-width:760px){
  body.vsae-card .vs-related-reading{padding:22px 18px 18px;}
  body.vsae-card .vs-related-reading ul{grid-template-columns:minmax(0,1fr);}
  body.vsae-card .vs-related-reading h3{font-size:1.45rem !important;}
}
@media print{.vsae-nl{display:none !important;}}

/* Long web addresses inside articles wrap on phones instead of being cut off */
body.single-post .vst-prose a,body.single-post .vst-prose code{overflow-wrap:anywhere;word-break:normal;}

body .vsae-nl .vsae-nl-t::after,body .vsae-nl .vsae-nl-t::before{display:none !important;}
body .vsae-nl .vsae-nl-f input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #16254e inset !important;-webkit-text-fill-color:#fff !important;}