
#vk{--bg:#fff;--fg:#221b33;--card:#f6f1fb;--ac:#6a2c91;--ln:#a8742c;--or:#c4560a;--bd:#d9cde8;box-sizing:border-box;max-width:680px;margin:20px auto;padding:16px;background:var(--bg);color:var(--fg);border:1px solid var(--bd);border-radius:14px;font:16px/1.55 "Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left}
#vk *,#vk *::before,#vk *::after{box-sizing:border-box}
#vk [hidden]{display:none!important}
#vk div,#vk p,#vk ol,#vk li,#vk summary,#vk label,#vk td,#vk th,#vk h3{color:var(--fg);font-family:inherit}
#vk .vk-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
#vk .vk-title{font-size:22px;font-weight:700;line-height:1.3;margin:0}
#vk h3{font-size:17px;font-weight:700;line-height:1.3;margin:18px 0 8px;padding:0;border:0;text-transform:none;letter-spacing:normal}
#vk .vk-card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px;margin:14px 0}
#vk summary{cursor:pointer;font-size:16px;margin:0;padding:0}
#vk .vk-r{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#vk label{display:block;font-size:14px;font-weight:600;margin:12px 0 4px;padding:0}
#vk input,#vk select,#vk textarea{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:10px!important;font:inherit;line-height:1.4;color:var(--fg)!important;background:#fff!important;border:1px solid var(--bd)!important;border-radius:8px!important;box-shadow:none!important}
#vk textarea{resize:vertical;min-height:90px}
#vk #vk-out{font:12px/1.45 ui-monospace,Menlo,Consolas,monospace!important;min-height:300px;margin-top:10px}
#vk button{display:block;width:100%;margin:12px 0 0;padding:10px 16px!important;font:inherit;font-weight:600;line-height:1.3;text-transform:none;letter-spacing:normal;cursor:pointer;color:#fff!important;background:var(--ac)!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
#vk button.vk-auto{display:inline-block;width:auto;margin:0}
#vk button.vk-sec{color:var(--fg)!important;background:var(--card)!important;border:1px solid var(--bd)!important}
#vk .vk-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
#vk .vk-tabs button{padding:7px 13px!important}
#vk .vk-tabs button.vk-on{color:#fff!important;background:var(--ac)!important;border-color:var(--ac)!important}
#vk .vk-tabs select{width:auto}
#vk .vk-w{overflow-x:auto}
#vk table{width:100%;margin:0;border-collapse:collapse;border:0;font-size:13px}
#vk td,#vk th{padding:6px 8px!important;text-align:left;white-space:nowrap;background:transparent!important;border:0!important;border-bottom:1px solid var(--bd)!important}
#vk th{font-weight:700;background:var(--card)!important}
#vk svg{display:block;width:100%;max-width:440px;height:auto;margin:0 auto}
#vk svg text{fill:var(--fg)}
#vk .vk-sn{fill:var(--or)!important;font-weight:700}
#vk ol{margin:10px 0 0;padding:0 0 0 22px;list-style:decimal}
#vk li{margin:6px 0;padding:0;list-style:decimal}
#vk a{color:var(--ac);text-decoration:underline}
#vk .vk-n{font-size:13px;line-height:1.5;opacity:.85;margin:8px 0}
@media(max-width:480px){#vk{margin:10px 0;padding:12px;border-radius:10px}#vk .vk-title{font-size:19px}#vk .vk-card{padding:12px}}

/* ===== Responsive / cross-browser additions ===== */
#vk{width:100%;max-width:760px;overflow-wrap:break-word;word-wrap:break-word;
font-family:"Inter","Noto Sans Devanagari","Kohinoor Devanagari","Nirmala UI",Mangal,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
#vk .vk-r>*{min-width:0}
#vk .vk-top{flex-wrap:wrap}
#vk input,#vk select,#vk textarea{min-height:44px;-webkit-appearance:none;appearance:none;-webkit-text-size-adjust:100%}
#vk select{-webkit-appearance:menulist;appearance:auto;text-overflow:ellipsis}
#vk input[type=date],#vk input[type=time]{-webkit-appearance:none;appearance:none;min-width:0}
#vk input::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
#vk textarea{min-height:90px}
#vk button{min-height:44px;touch-action:manipulation;-webkit-appearance:none;appearance:none}
#vk .vk-tabs button{min-height:40px}
#vk .vk-w{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
#vk svg{max-width:min(100%,480px)}
#vk summary{-webkit-tap-highlight-color:transparent}
#vk :focus-visible{outline:2px solid var(--ac);outline-offset:2px}
#vk .vk-n,#vk td,#vk th{-webkit-text-size-adjust:100%}
@media(max-width:600px){#vk .vk-tabs select{flex:1 1 140px}}
@media(max-width:480px){
#vk{margin:8px auto}
#vk #vk-out{font-size:16px!important;min-height:240px}
#vk .vk-tabs button{flex:1 1 auto}
}
@media(max-width:380px){
#vk .vk-r:not([style]){grid-template-columns:1fr}
#vk .vk-title{font-size:17px}
#vk{padding:10px}
}
@media print{#vk{border:0;max-width:none;margin:0}#vk button,#vk #vk-how{display:none!important}}

/* ===== Top disclaimer banner ===== */
.vk-warn{box-sizing:border-box;width:100%;max-width:760px;margin:12px auto 0;padding:12px 14px;background:#fff8e8;border:1px solid #e6c27a;border-left:5px solid #c4560a;border-radius:10px;color:#3b2a08;font:14px/1.55 "Inter","Noto Sans Devanagari","Kohinoor Devanagari","Nirmala UI",Mangal,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-wrap:break-word}
.vk-warn .vk-wt{display:block;margin:0 0 6px;font-weight:700;font-size:14px;letter-spacing:.2px;color:#7a2e00}
.vk-warn p{margin:0;color:#3b2a08}
.vk-wrap[data-lang=en] .vk-hi{display:none!important}
.vk-wrap[data-lang=hi] .vk-en{display:none!important}
@media(max-width:480px){.vk-warn{margin-top:8px;padding:10px 12px;font-size:13px}}
@media print{.vk-warn{background:#fff;border-color:#999}}

/* ===== Hero ===== */
.vk-hero{box-sizing:border-box;width:100%;max-width:760px;margin:14px auto 0;padding:26px 22px;border-radius:16px;background:linear-gradient(135deg,#34175a 0%,#6a2c91 58%,#9b4fb3 100%);color:#fff;font-family:"Inter","Noto Sans Devanagari","Kohinoor Devanagari","Nirmala UI",Mangal,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-shadow:0 8px 24px rgba(52,23,90,.18);overflow-wrap:break-word}
.vk-hero .vk-kick{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e9d8fb}
.vk-hero h1{margin:8px 0 10px;font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:#fff;border:0;padding:0}
.vk-hero p{margin:0;max-width:60ch;font-size:16px;line-height:1.6;color:#f3eaff}
.vk-hero ul{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.vk-hero li{margin:0;padding:6px 12px;font-size:13px;font-weight:600;line-height:1.3;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px}
@media(max-width:480px){.vk-hero{margin-top:8px;padding:18px 16px;border-radius:14px}.vk-hero h1{font-size:25px}.vk-hero p{font-size:15px}.vk-hero ul{margin-top:14px;gap:6px}.vk-hero li{font-size:12px;padding:5px 10px}}
@media print{.vk-hero{background:#fff;color:#000;box-shadow:none}.vk-hero *{color:#000!important}}

/* ===== Light example text in empty fields ===== */
#vk input::placeholder,#vk textarea::placeholder{color:#b7aec6!important;opacity:1;font-weight:400}
#vk input::-webkit-input-placeholder{color:#b7aec6!important;opacity:1}
#vk input::-moz-placeholder{color:#b7aec6!important;opacity:1}
#vk .vk-ph{position:relative}
#vk .vk-ph .vk-ex{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#b7aec6!important;font:inherit;line-height:1.4;pointer-events:none;white-space:nowrap}
#vk .vk-ph:not(.vk-e) .vk-ex,#vk .vk-ph:focus-within .vk-ex{display:none}
#vk .vk-ph.vk-e:not(:focus-within) input{color:transparent!important}
#vk .vk-ph.vk-e:not(:focus-within) input::-webkit-datetime-edit,
#vk .vk-ph.vk-e:not(:focus-within) input::-webkit-datetime-edit-fields-wrapper{color:transparent!important}

/* ===== Plugin wrapper & share box ===== */
.vk-wrap{box-sizing:border-box;width:100%;padding:0 6px;background:linear-gradient(180deg,#f5effb 0,#ece3f6 100%);border-radius:16px;padding-bottom:14px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.vk-wrap *{box-sizing:border-box}
.vk-share{width:100%;max-width:760px;margin:14px auto 0;padding:16px;background:#fff;border:1px solid #d9cde8;border-radius:14px;color:#221b33;font:15px/1.55 "Inter","Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.vk-share .vk-st{display:block;margin:0 0 4px;font-size:17px;font-weight:700;color:#221b33}
.vk-share p{margin:0 0 10px;font-size:13px;opacity:.85;color:#221b33}
.vk-share .vk-lr{display:flex;gap:8px;flex-wrap:wrap}
.vk-share input{flex:1 1 200px;min-width:0;min-height:44px;padding:10px!important;font:inherit;font-size:13px;color:#221b33!important;background:#f6f1fb!important;border:1px solid #d9cde8!important;border-radius:8px!important;box-shadow:none!important}
.vk-share button,.vk-share a.vk-b{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 14px!important;font:inherit;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none!important;cursor:pointer;color:#fff!important;background:#6a2c91!important;border:0!important;border-radius:8px!important;box-shadow:none!important;touch-action:manipulation}
.vk-share .vk-bs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.vk-share a.vk-b.vk-wa{background:#1f9d55!important}
.vk-share a.vk-b.vk-tg{background:#2a8bc4!important}
.vk-share a.vk-b.vk-fb{background:#2d5db3!important}
.vk-share a.vk-b.vk-x{background:#222!important}
.vk-share a.vk-b.vk-ml{background:#7a6a8a!important}
@media(max-width:480px){.vk-wrap{padding:0 2px 10px}.vk-share{padding:12px}.vk-share .vk-bs>*{flex:1 1 40%}}
@media print{.vk-share{display:none!important}.vk-wrap{background:#fff}}
