/* AKJ PaisaGyan - colourful look for the "Money Rules" pages (savings schemes, rates & rules, which option, tax regime, stamp duty, ITR guide, what changed, scam alerts).
   html.ms-page + --ms-a / --ms-b / --ms-ar are set per page by partials/section-tabs.php. */
html.ms-page { --ms-a: #4f46e5; --ms-b: #db2777; --ms-ar: 79,70,229; }
html.ms-page[data-ms="rates"] { --ms-a: #0ea5e9; --ms-b: #6366f1; --ms-ar: 14,165,233; }
html.ms-page[data-ms="finder"] { --ms-a: #f97316; --ms-b: #ef4444; --ms-ar: 249,115,22; }
html.ms-page[data-ms="taxregime"] { --ms-a: #10b981; --ms-b: #0d9488; --ms-ar: 16,185,129; }
html.ms-page[data-ms="stamp"] { --ms-a: #f59e0b; --ms-b: #ea580c; --ms-ar: 245,158,11; }
html.ms-page[data-ms="itr"] { --ms-a: #ec4899; --ms-b: #a855f7; --ms-ar: 236,72,153; }
html.ms-page[data-ms="changes"] { --ms-a: #7c3aed; --ms-b: #ec4899; --ms-ar: 124,58,237; }
html.ms-page[data-ms="scam"] { --ms-a: #ef4444; --ms-b: #b91c1c; --ms-ar: 239,68,68; }

/* hero */
html.ms-page .faq-hero-section { position: relative; overflow: hidden; background: linear-gradient(120deg, var(--ms-a), var(--ms-b), var(--ms-a)) !important; }
html.ms-page .faq-hero-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 88% -10%, rgba(255,255,255,.35), transparent 55%), radial-gradient(circle at 0% 120%, rgba(255,255,255,.22), transparent 50%); }
html.ms-page .faq-hero-section > .container { position: relative; }
@keyframes ms-grad { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
/* page background */
html.ms-page main { background: linear-gradient(180deg, rgba(var(--ms-ar), .08), rgba(var(--ms-ar), .03) 35%, transparent 70%); }
html[data-theme="dark"].ms-page main, html[data-theme="ocean"].ms-page main { background: linear-gradient(180deg, rgba(var(--ms-ar), .18), rgba(var(--ms-ar), .06) 35%, transparent 70%); }
/* headings */
html.ms-page main .container h2:not(.accordion-header) { display: inline-block; background: linear-gradient(90deg, var(--ms-a), var(--ms-b)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
/* cards */
html.ms-page main .container .card { border-radius: 16px; border-top: 4px solid var(--ms-a) !important; transition: transform .3s cubic-bezier(.2,1.3,.4,1), box-shadow .3s; }
html.ms-page main .container .card:hover { transform: translateY(-5px); box-shadow: 0 14px 28px rgba(var(--ms-ar), .25) !important; }
/* tables */
html.ms-page main .table thead th, html.ms-page main .ps-tbl3 thead th { background: linear-gradient(135deg, var(--ms-a), var(--ms-b)) !important; color: #fff !important; border-color: transparent !important; }
html.ms-page main .table-striped > tbody > tr:nth-of-type(odd) > *, html.ms-page main .table > tbody > tr:nth-of-type(odd):not(.sc-note) > td { --bs-table-accent-bg: rgba(var(--ms-ar), .06); }
html.ms-page main .table tbody tr:hover > * { background-color: rgba(var(--ms-ar), .1); }
/* the page's own buttons */
html.ms-page main .btn { border-radius: 999px; font-weight: 700; transition: transform .25s cubic-bezier(.2,1.5,.4,1), box-shadow .25s; }
html.ms-page main .btn:hover { transform: translateY(-3px) scale(1.04); }
html.ms-page main .btn-primary, html.ms-page main .btn-success, html.ms-page main .btn-danger, html.ms-page main .btn-dark { color: #fff; border: 0; background: linear-gradient(135deg, var(--ms-a), var(--ms-b)); box-shadow: 0 6px 14px rgba(var(--ms-ar), .35); }
html.ms-page main .btn-outline-primary, html.ms-page main .btn-outline-secondary, html.ms-page main .btn-outline-dark, html.ms-page main .btn-outline-success, html.ms-page main .btn-outline-danger, html.ms-page main .btn-light {
    border: 2px solid transparent; color: var(--ms-a); background: linear-gradient(var(--card-bg, #fff), var(--card-bg, #fff)) padding-box, linear-gradient(135deg, var(--ms-a), var(--ms-b)) border-box; }
html.ms-page main .btn-outline-primary:hover, html.ms-page main .btn-outline-secondary:hover, html.ms-page main .btn-outline-dark:hover, html.ms-page main .btn-outline-success:hover, html.ms-page main .btn-outline-danger:hover, html.ms-page main .btn-light:hover { color: #fff; background: linear-gradient(135deg, var(--ms-a), var(--ms-b)); box-shadow: 0 8px 16px rgba(var(--ms-ar), .35); }
html.ms-page main .btn.active, html.ms-page main .btn-check:checked + .btn { color: #fff !important; background: linear-gradient(135deg, var(--ms-a), var(--ms-b)) !important; border-color: transparent !important; }
html[data-theme="dark"].ms-page main .btn-outline-primary:not(:hover), html[data-theme="ocean"].ms-page main .btn-outline-primary:not(:hover), html[data-theme="dark"].ms-page main .btn-outline-secondary:not(:hover), html[data-theme="ocean"].ms-page main .btn-outline-secondary:not(:hover), html[data-theme="dark"].ms-page main .btn-outline-dark:not(:hover), html[data-theme="ocean"].ms-page main .btn-outline-dark:not(:hover) { background: linear-gradient(#1a1f2e, #1a1f2e) padding-box, linear-gradient(135deg, var(--ms-a), var(--ms-b)) border-box; color: #fff; }
/* accordions, badges, forms */
html.ms-page main .accordion-item { border-radius: 14px !important; overflow: hidden; margin-bottom: 8px; border: 2px solid rgba(var(--ms-ar), .35); }
html.ms-page main .accordion-button:not(.collapsed) { background: linear-gradient(135deg, var(--ms-a), var(--ms-b)); color: #fff; box-shadow: none; }
html.ms-page main .accordion-button:not(.collapsed)::after { filter: brightness(0) invert(1); }
html.ms-page main .form-control:focus, html.ms-page main .form-select:focus { border-color: var(--ms-a); box-shadow: 0 0 0 .25rem rgba(var(--ms-ar), .25); }
html.ms-page main .form-check-input:checked { background-color: var(--ms-a); border-color: var(--ms-a); }
html.ms-page main .badge.bg-primary, html.ms-page main .badge.bg-secondary { background: linear-gradient(135deg, var(--ms-a), var(--ms-b)) !important; }
@media (prefers-reduced-motion: reduce) { html.ms-page .faq-hero-section { animation: none; } html.ms-page main .btn, html.ms-page main .container .card { transition: none; } html.ms-page main .btn:hover, html.ms-page main .container .card:hover { transform: none; } }