/* KundliLive site-wide Jyotish identity v2 — saffron, gold, ivory and maroon. */
:root {
    --site-maroon: #7b251f;
    --site-maroon-dark: #5d1b17;
    --site-saffron: #e3a52f;
    --site-gold: #c58b24;
    --site-gold-dark: #946116;
    --site-cream: #fff1c7;
    --site-ivory: #fffaf0;
    --site-paper: #fffdf8;
    --site-canvas: #faf1dc;
    --site-line: #dec17c;
    --site-line-soft: #ead9b1;
    --site-ink: #432d20;
    --site-muted: #786554;
    --site-positive: #287449;
    --site-shadow: 0 12px 30px rgba(104, 63, 17, .08);

    --public-primary: var(--site-maroon);
    --public-primary-dark: var(--site-maroon-dark);
    --public-ink: var(--site-ink);
    --public-muted: var(--site-muted);
    --public-line: var(--site-line);
    --public-soft: #f9e9b9;
    --public-paper: var(--site-paper);

    --navy: var(--site-maroon-dark);
    --blue: var(--site-gold);
    --green: var(--site-positive);
    --ink: var(--site-ink);
    --muted: var(--site-muted);
    --line: var(--site-line);
    --paper: var(--site-paper);
    --wash: var(--site-canvas);
    --soft: var(--site-ivory);
    --shadow: var(--site-shadow);

    --ka: var(--site-maroon);
    --ka2: var(--site-maroon-dark);
    --bg: var(--site-canvas);
}

html { background: #f7ecd3; }

body {
    color: var(--site-ink) !important;
    background-color: var(--site-canvas) !important;
    background-image:
        radial-gradient(circle at 50% 0, rgba(232, 171, 50, .16), transparent 440px),
        linear-gradient(45deg, rgba(177, 115, 21, .027) 25%, transparent 25%, transparent 75%, rgba(177, 115, 21, .027) 75%),
        linear-gradient(-45deg, rgba(177, 115, 21, .027) 25%, transparent 25%, transparent 75%, rgba(177, 115, 21, .027) 75%),
        linear-gradient(180deg, #fffdf8 0, #fbf4e2 440px, #f8eed8 100%) !important;
    background-position: center top, 0 0, 18px 0, 0 0 !important;
    background-size: auto, 36px 36px, 36px 36px, auto !important;
}

::selection { color: #fff; background: var(--site-maroon); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible {
    outline: 3px solid rgba(197, 139, 36, .3) !important;
    outline-offset: 2px;
}

/* Shared brand header and navigation. */
.tools-topbar {
    border-bottom: 1px solid var(--site-line) !important;
    background:
        radial-gradient(circle at 88% -30%, rgba(225, 166, 50, .14), transparent 210px),
        linear-gradient(180deg, #fffefb, #fff9eb) !important;
    box-shadow: 0 3px 13px rgba(94, 52, 13, .055) !important;
}

.tools-topbar .tools-topbar__inner {
    width: min(1752px, calc(100% - 48px)) !important;
    justify-content: flex-start !important;
    gap: 20px;
}

.tools-brand__mark {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}

.tools-brand__mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 4px 7px rgba(83, 29, 19, .15));
}

.tools-brand__copy { min-width: 0; }
.tools-brand strong {
    display: flex !important;
    align-items: baseline;
    color: var(--site-maroon-dark) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px !important;
    font-weight: 800 !important;
    letter-spacing: -.035em;
}
.tools-brand__accent { color: #b57616 !important; }
.tools-brand small {
    margin-top: 3px !important;
    color: #786247 !important;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .115em;
    line-height: 1.1 !important;
    white-space: nowrap;
}

.tools-brand-trust {
    display: grid;
    min-width: 0;
    gap: 3px;
    margin-right: auto;
    padding-left: 18px;
    border-left: 1px solid #dfc690;
    line-height: 1.15;
}

.tools-brand-trust strong {
    overflow: hidden;
    color: #5c261e;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .005em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tools-brand-trust small {
    overflow: hidden;
    color: #8a6a3d;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tools-brand-trust small span {
    padding-inline: 3px;
    color: #b17a21;
}

.tools-brand-trust small a {
    color: #7f251f;
    font-weight: 850;
    text-decoration: none;
}

.tools-brand-trust small a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.tools-topbar__actions { margin-left: auto; }

.tools-live-presence {
    border-color: #e2ca96 !important;
    color: #684d2d !important;
    background: #fffaf0 !important;
}

.tools-live-presence strong { color: var(--site-maroon-dark) !important; }

.tools-language {
    border-color: #d8b970 !important;
    background: #fffaf0 !important;
}

.tools-language a { color: #6d4a22 !important; }
.tools-language a + a { border-left-color: #dfc486 !important; }
.tools-language a.is-active { color: #fff !important; background: var(--site-maroon) !important; }

.tools-nav {
    border-bottom: 1px solid #c9993f !important;
    color: #5b3819 !important;
    background: linear-gradient(180deg, #ffe69a, #f4c960) !important;
    box-shadow: 0 4px 13px rgba(111, 70, 20, .11) !important;
}

.tools-nav__link,
.tools-nav__link:first-child {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    color: #5b3719 !important;
}

.tools-nav__link:hover {
    color: var(--site-maroon-dark) !important;
    background: rgba(255, 248, 225, .7) !important;
}

.tools-nav__link.is-active {
    border-bottom-color: #e7b746 !important;
    color: #fff9e8 !important;
    background: linear-gradient(180deg, #8c3028, #681d18) !important;
}

.kl-global-account-slot a,
.kl-global-account-slot button {
    border-color: #d8b970 !important;
    color: var(--site-maroon) !important;
    background: #fffaf0 !important;
}

.kl-global-account-slot a:last-of-type,
.kl-global-account-slot .is-primary {
    border-color: var(--site-maroon) !important;
    color: #fff !important;
    background: var(--site-maroon) !important;
}

/* Buttons, inputs, common reports and data tables. */
.tools-button,
.kl-place-search-btn,
.kl-generate,
.panchang-calculator-submit,
.ka-btn {
    border-color: var(--site-maroon-dark) !important;
    color: #fff !important;
    background: linear-gradient(180deg, #8d3129, var(--site-maroon-dark)) !important;
    box-shadow: 0 5px 12px rgba(93, 27, 23, .12) !important;
}

.tools-button:hover,
.kl-place-search-btn:hover,
.kl-generate:hover,
.panchang-calculator-submit:hover,
.ka-btn:hover { background: #521713 !important; }

.tools-button--secondary,
.tools-button--light,
.ka-btn.alt {
    border-color: #d6b56d !important;
    color: var(--site-maroon) !important;
    background: #fffaf0 !important;
    box-shadow: none !important;
}

.tools-button--secondary:hover,
.tools-button--light:hover,
.ka-btn.alt:hover { color: var(--site-maroon-dark) !important; background: #ffefc2 !important; }

input,
select,
textarea,
.tools-filter input,
.tools-form-grid input,
.ka-form input,
.ka-form select {
    border-color: #d5bd88 !important;
    color: var(--site-ink) !important;
    background: #fffefb !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--site-gold) !important;
    box-shadow: 0 0 0 3px rgba(197, 139, 36, .13) !important;
}

.tools-hero,
.tools-page-title,
.tools-filter,
.tools-data-panel,
.tools-match-form,
.tools-match-result,
.tools-person-summary,
.tools-summary-strip,
.tools-inline-data,
.tools-service-card,
.info-card,
.daily-seo-copy,
.matching-guide,
.matching-kootas,
.matching-faq,
.calendar-seo-intro {
    border-color: var(--site-line) !important;
    background: var(--site-paper) !important;
    box-shadow: var(--site-shadow) !important;
}

.tools-hero,
.tools-page-title,
.daily-page-head,
.info-hero,
.matching-guide__header {
    border-top-color: var(--site-gold) !important;
    background:
        radial-gradient(circle at 94% 18%, transparent 0 30px, rgba(193, 138, 45, .1) 31px 32px, transparent 33px 51px, rgba(193, 138, 45, .06) 52px 53px, transparent 54px),
        repeating-linear-gradient(135deg, rgba(148, 97, 22, .035) 0 1px, transparent 1px 12px),
        linear-gradient(110deg, #ffe8a4, #fff3cf 52%, #fffaf0) !important;
}

.tools-kicker,
.home-eyebrow,
.home-section__heading > span,
.home-chat__label,
.info-hero > span,
.daily-page-head > span,
.matching-section-heading > span { color: var(--site-gold-dark) !important; }

.tools-hero h1,
.tools-page-title h1,
.tools-section__heading h2,
.tools-data-panel h2,
.tools-score-summary h2,
.tools-result-heading h2,
.daily-page-head h1,
.info-hero h1,
.info-section-heading h2,
.matching-section-heading h2,
.panchang-report-head h1,
.panchang-day-title h2,
.panchang-text-section h2,
.panchang-date-calculator > h2 { color: var(--site-maroon-dark) !important; }

.tools-service-card { border-top-color: var(--site-gold) !important; }
.tools-service-card__icon { color: var(--site-maroon) !important; background: #fff0c5 !important; }
.tools-service-card h3 { color: var(--site-maroon-dark) !important; }

.tools-table th,
.calendar-window-table th,
.choghadiya-table th,
.panchang-choghadiya-row.is-heading,
.ka-table th {
    border-color: #9d6037 !important;
    color: #fff9e8 !important;
    background: linear-gradient(180deg, #8d392f, #70241e) !important;
}

.tools-table td,
.calendar-window-table td,
.choghadiya-table td,
.ka-table td { border-color: #e7d7b4 !important; }

.tools-table tbody tr:nth-child(even) td,
.calendar-window-table tbody tr:nth-child(even) td,
.choghadiya-table tbody tr:nth-child(even) td,
.ka-table tbody tr:nth-child(even) td { background: #fff8e8 !important; }

.tools-data-panel h2,
.panchang-text-section h2,
.panchang-date-calculator > h2 { border-bottom-color: var(--site-gold) !important; }

.tools-score {
    color: #fff9e8 !important;
    background:
        repeating-linear-gradient(135deg, rgba(255,225,147,.08) 0 1px, transparent 1px 11px),
        linear-gradient(145deg, #8c3229, #5d1b17) !important;
}

/* Home page. */
.home-page .tools-main { padding-top: 32px; }

.home-hero {
    border-color: #d6ad53 !important;
    border-top: 4px solid var(--site-gold) !important;
    background:
        radial-gradient(circle at 88% 8%, transparent 0 54px, rgba(193,138,45,.1) 55px 57px, transparent 58px 83px, rgba(193,138,45,.06) 84px 86px, transparent 87px),
        repeating-linear-gradient(135deg, rgba(148,97,22,.032) 0 1px, transparent 1px 12px),
        linear-gradient(110deg, #ffe7a0, #fff2c9 47%, #fffaf0) !important;
    box-shadow: 0 16px 38px rgba(105, 62, 16, .1) !important;
}

.home-hero h1,
.home-section__heading h2,
.home-chat__head h2,
.home-panchang-card h3,
.home-transit-card h3 { color: var(--site-maroon-dark) !important; }

.home-chat,
.home-chat__message,
.home-chat__suggestions span,
.home-chat__composer,
.home-tool-card,
.home-panchang-card,
.home-transit-card,
.home-daily-fallback {
    border-color: var(--site-line) !important;
    background: var(--site-paper) !important;
}

.home-chat {
    background:
        linear-gradient(rgba(255,250,238,.95), rgba(255,250,238,.95)),
        linear-gradient(45deg, rgba(197,139,36,.1) 1px, transparent 1px),
        linear-gradient(-45deg, rgba(197,139,36,.1) 1px, transparent 1px) !important;
    background-size: auto, 24px 24px, 24px 24px !important;
}

.home-chat__avatar,
.home-tool-card__icon,
.home-transit-symbol {
    color: #fff7dd !important;
    background: linear-gradient(145deg, #8d3129, var(--site-maroon-dark)) !important;
}

.home-chat__status {
    border-color: #d8bc7c !important;
    color: #78521d !important;
    background: #fff0c5 !important;
}

.home-tool-card { border-top: 3px solid #d7a13d !important; }
.home-tool-card:hover { border-color: var(--site-gold) !important; background: #fff9e9 !important; }
.home-arrow,.home-detail-link { color: var(--site-maroon) !important; }
.home-detail-link { border-color: #d5b771 !important; background: #fffaf0 !important; }
.home-detail-link:hover { background: #ffefc3 !important; }
.home-panchang-card > header,.home-transit-card header { border-color: var(--site-line-soft) !important; background: linear-gradient(90deg,#ffe9aa,#fff7df) !important; }
.home-panchang-facts,.home-time-strip { border-color: var(--site-line-soft) !important; background: #eed9aa !important; }
.home-panchang-facts > div,.home-time-strip > span { border-color: var(--site-line-soft) !important; background: #fffaf0 !important; }

/* v2: the home Kundali chat is live, inviting and unmistakably interactive. */
.home-chat--live {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-top: 4px solid var(--site-saffron) !important;
    background:
        radial-gradient(circle at 94% 8%, rgba(226,165,47,.2), transparent 105px),
        repeating-linear-gradient(135deg, rgba(148,97,22,.035) 0 1px, transparent 1px 12px),
        linear-gradient(145deg,#fff2c8,#fffaf0 58%,#fffdf8) !important;
    box-shadow: 0 16px 34px rgba(102,61,18,.11) !important;
}
.home-chat--live::after {
    position: absolute;
    right: -32px;
    bottom: -44px;
    width: 128px;
    height: 128px;
    border: 1px solid rgba(197,139,36,.16);
    border-radius: 50%;
    content: "";
    z-index: -1;
    box-shadow: 0 0 0 20px rgba(197,139,36,.045),0 0 0 42px rgba(197,139,36,.025);
}
.home-chat--live .home-chat__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-color: #9ac5a6 !important;
    color: #1f683f !important;
    background: #effaf1 !important;
}
.home-chat--live .home-chat__status span { color: #2aa260; font-size: 10px; }
.home-chat--live .home-chat__message {
    border-left: 4px solid var(--site-maroon) !important;
    box-shadow: 0 7px 20px rgba(91,52,17,.06);
}
.home-chat__suggestions { display: grid; gap: 8px; }
.home-chat__suggestions a {
    display: grid;
    grid-template-columns: 27px minmax(0,1fr);
    gap: 8px;
    align-items: center;
    min-height: 43px;
    padding: 8px 11px;
    border: 1px solid var(--site-line) !important;
    border-radius: 7px;
    color: #543721 !important;
    background: rgba(255,255,255,.9) !important;
    text-decoration: none;
    transition: transform .16s ease,border-color .16s ease,background .16s ease;
}
.home-chat__suggestions a > span {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 50%;
    color: #fff8e6;
    background: var(--site-maroon);
    font-size: 11px;
    font-weight: 900;
}
.home-chat__suggestions a:hover,
.home-chat__suggestions a:focus-visible {
    transform: translateX(3px);
    border-color: var(--site-gold) !important;
    background: #fff1c6 !important;
}
.home-chat--live .home-chat__composer {
    color: #fff !important;
    background: linear-gradient(180deg,#8d3129,var(--site-maroon-dark)) !important;
    text-decoration: none;
    box-shadow: 0 7px 16px rgba(93,27,23,.14);
}
.home-chat--live .home-chat__composer > span { color: #fff !important; }
.home-chat--live .home-chat__composer > strong {
    display: grid;
    height: 42px;
    place-items: center;
    border-left: 1px solid rgba(255,255,255,.24);
    color: #fff4cf;
    font-size: 20px;
}

/* Marriage-focused Kundli Milan hero using an original, optimised project asset. */
.matching-page-title {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(250px,31%);
    align-items: stretch;
    height: 185px;
    min-height: 185px;
    padding: 0 !important;
    overflow: hidden;
}
.matching-page-title__copy {
    align-self: center;
    padding: 20px 28px;
}
.matching-page-title__copy h1 {
    margin: 5px 0 7px !important;
    font-size: clamp(27px, 2.7vw, 36px) !important;
}
.matching-page-title__copy p { font-size: 15px !important; line-height: 1.45 !important; }
.matching-page-title__copy p { max-width: 720px; }
.matching-page-title__visual {
    position: relative;
    height: 185px;
    min-height: 185px;
    margin: 0;
    overflow: hidden;
    background: #f7d98e;
}
.matching-page-title__visual::after {
    position: absolute;
    inset: 0 auto 0 0;
    width: 34%;
    content: "";
    background: linear-gradient(90deg,#fff4d3,transparent);
}
.matching-page-title__visual img {
    display: block;
    width: 100%;
    height: 100%;
    height: 185px;
    min-height: 0;
    object-fit: cover;
    object-position: 64% center;
}
.matching-page-title__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}
.matching-page-title__trust span {
    padding: 6px 9px;
    border: 1px solid #d5af5e;
    border-radius: 999px;
    color: #6b3f1c;
    background: rgba(255,250,236,.86);
    font-size: 12px;
    font-weight: 800;
}
.tools-match-form,.tools-person-panel {
    border-color: var(--site-line) !important;
    background: rgba(255,253,248,.97) !important;
}
.tools-person-panel legend { color: var(--site-maroon-dark) !important; }

/* Keep both Kundli Milan birth panels in the first desktop viewport. */
.tools-match-form {
    margin-top: 10px !important;
    padding: 13px 15px 12px !important;
}
.tools-match-form .tools-person-grid { gap: 12px !important; }
.tools-match-form .tools-person-panel { padding: 10px 12px 12px !important; }
.tools-match-form .tools-person-panel legend { font-size: 17px !important; }
.tools-match-form .tools-form-grid { gap: 8px 10px !important; }
.tools-match-form .tools-form-grid label > span { margin-bottom: 3px !important; font-size: 11px !important; }
.tools-match-form .tools-form-grid input { height: 37px !important; padding: 6px 9px !important; }
.tools-match-form .tools-button { min-height: 37px !important; padding: 6px 14px !important; }
.tools-match-form .tools-form-action { margin-top: 10px !important; }

@media (max-width: 820px) {
    .matching-page-title { height: auto; min-height: 0; grid-template-columns: 1fr; }
    .matching-page-title__copy { padding: 22px 20px; }
    .matching-page-title__visual { min-height: 170px; }
    .matching-page-title__visual::after { inset: 0 0 auto; width: auto; height: 38%; background: linear-gradient(180deg,#fff4d3,transparent); }
    .matching-page-title__visual img { min-height: 170px; object-position: 62% center; }
}

/* Panchang, calendar and Choghadiya. */
.panchang-clean-report,
.panchang-sheet,
.panchang-change,
.panchang-sidebar section,
.panchang-choghadiya-card,
.choghadiya-table-card,
.hindu-calendar-card,
.calendar-day-detail,
.calendar-detail-card,
.calendar-chart-card {
    border-color: var(--site-line) !important;
    background: var(--site-paper) !important;
    box-shadow: var(--site-shadow) !important;
}

.panchang-day-title,
.panchang-sheet__header,
.panchang-sidebar h2,
.panchang-choghadiya-tabs,
.choghadiya-table-card > header,
.hindu-calendar-card__head,
.calendar-day-detail__head,
.calendar-detail-card > h2,
.calendar-chart-card > h2 {
    border-color: var(--site-line) !important;
    background:
        repeating-linear-gradient(135deg, rgba(148,97,22,.035) 0 1px, transparent 1px 10px),
        linear-gradient(90deg, #ffe8a3, #fff3d0) !important;
}

.panchang-sky-strip {
    color: #fff9e7 !important;
    background: linear-gradient(90deg, #7f2b24, #963b2e, #7f2b24) !important;
}

.panchang-sky-strip small { color: #f8dfad !important; }
.panchang-sidebar a,.panchang-related-pills a,.panchang-more-detail summary,.panchang-calculation-note summary { color: var(--site-maroon) !important; }
.panchang-sidebar a:hover,.panchang-related-pills a:hover { color: var(--site-maroon-dark) !important; background: #fff0c8 !important; }
.panchang-sidebar a span { background: var(--site-maroon) !important; }
.panchang-location-badge { border-color: #d5ad55 !important; color: #69451f !important; background: #fff2cf !important; }
.panchang-location-badge > span:first-child { background: var(--site-maroon) !important; }
.panchang-choghadiya-tabs button[aria-selected="true"] { color: var(--site-maroon-dark) !important; background: #fffaf0 !important; }
.panchang-choghadiya-tabs button[aria-selected="true"]::after { background: var(--site-gold) !important; }
.panchang-date-calculator > form { border-color: #d8b969 !important; background: #fff0bf !important; }

.hindu-calendar-weekday {
    border-color: #d6ad55 !important;
    color: #fff9e8 !important;
    background: var(--site-maroon) !important;
}

.hindu-calendar-day { border-color: #eadbb9 !important; background: #fffdf8 !important; }
.hindu-calendar-day:hover { background: #fff2cf !important; }
.hindu-calendar-day.is-today { outline-color: var(--site-maroon) !important; background: #ffeab0 !important; }
.calendar-toolbar,.calendar-selected-summary,.calendar-status-grid > div,.calendar-limb-grid > div,.calendar-reference-grid > *, .calendar-note { border-color: var(--site-line) !important; background: #fffaf0 !important; }
.calendar-month-arrow,.calendar-location-trigger { color: var(--site-maroon) !important; }
.calendar-seo-intro a,
.calendar-day-detail a,
.hindu-calendar-card a,
.daily-link-row a,
.daily-breadcrumb a,
.panchang-breadcrumb a,
.info-breadcrumb a,
.matching-kundli-link { color: var(--site-maroon) !important; }

.daily-page-head__art,
.calendar-day-chart,
.hindu-calendar-day__moon,
.hindu-calendar-day__sun {
    border-color: #d8b56b !important;
    color: var(--site-maroon) !important;
    background: #fff1c8 !important;
}

/* Matching, information and legal pages. */
.tools-person-panel,
.matching-koota-card,
.matching-overview-grid > article,
.matching-consideration-grid > article,
.matching-faq details,
.info-flow > article,
.info-workflow > article,
.info-founder,
.info-transparency,
.info-note,
.static-contact-card,
.static-related-links,
.method-principles > article {
    border-color: var(--site-line) !important;
    background: var(--site-paper) !important;
}

.tools-person-panel legend,
.tools-person-summary h3,
.matching-koota-card h3,
.matching-guide h2,
.matching-faq summary,
.info-card h2,
.info-card h3,
.static-contact-card h2,
.static-related-links h2 { color: var(--site-maroon-dark) !important; }

.info-card__number,
.matching-koota-card > span,
.info-founder__identity > span {
    color: #fff7df !important;
    background: var(--site-maroon) !important;
}

/* Account and conversation pages. */
.ka-wrap { color: var(--site-ink) !important; }
.ka-nav { padding: 10px 13px; border: 1px solid var(--site-line); border-radius: 11px; background: #fff7dd; }
.ka-nav a { color: var(--site-maroon) !important; }
.ka-card {
    border-color: var(--site-line) !important;
    border-top: 3px solid var(--site-gold) !important;
    background: var(--site-paper) !important;
    box-shadow: var(--site-shadow) !important;
}
.ka-title,.ka-card h2,.ka-card h3 { color: var(--site-maroon-dark) !important; }
.ka-muted { color: var(--site-muted) !important; }
.ka-stat,.ka-pay,.ka-history-item,.ka-continue { border-color: var(--site-line-soft) !important; background: #fff9e9 !important; }
.ka-history-item.is-user { border-color: #d6a950 !important; background: #ffefc3 !important; }
.ka-history-item.is-assistant { background: #fffdf8 !important; }
.ka-history-label,.ka-continue strong { color: var(--site-maroon) !important; }
.ka-badge { color: var(--site-maroon) !important; background: #ffedbd !important; }

/* Footer and editorial trust strip. */
.content-review-note {
    border-color: var(--site-line) !important;
    border-left-color: var(--site-gold) !important;
    color: #684f36 !important;
    background: #fff9e9 !important;
    box-shadow: var(--site-shadow) !important;
}
.content-review-note a { color: var(--site-maroon) !important; }

.site-footer {
    border-top: 4px solid #d3a03d !important;
    color: #f6e7ca !important;
    background:
        repeating-linear-gradient(135deg, rgba(255,220,139,.025) 0 1px, transparent 1px 12px),
        linear-gradient(135deg, #4a211d, #2c1c16) !important;
}
.site-footer__logo > img {
    display: block;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    filter: drop-shadow(0 4px 7px rgba(0, 0, 0, .18));
}
.site-footer__logo > span {
    display: block;
    width: auto;
    height: auto;
    border: 0 !important;
    border-radius: 0;
    color: inherit !important;
    background: transparent !important;
}
.site-footer__logo strong { display: block; font-family: Georgia, "Times New Roman", serif; }
.site-footer__logo strong span { display: inline; color: #edc263; }
.site-footer__logo small {
    display: block;
    margin-top: 2px;
    color: #d6c5a9;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .1em;
    white-space: nowrap;
}
.site-footer__brand p,.site-footer nav a { color: #dcc9aa !important; }
.site-footer nav strong,.site-footer__logo { color: #fff5df !important; }
.site-footer nav a:hover { color: #ffd976 !important; }
.site-footer__bottom { border-top-color: rgba(255,225,159,.16) !important; color: #cbb797 !important; }
.tools-back-top { border-color: #d5a344 !important; color: #fff9e8 !important; background: var(--site-maroon) !important; }
.tools-back-top:hover { background: var(--site-maroon-dark) !important; }

@media (max-width: 620px) {
    body { background-size: auto, 28px 28px, 28px 28px, auto !important; }
    .home-hero { padding: 25px 19px !important; }
    .ka-wrap { margin-top: 18px !important; }
}

@media (max-width: 1100px) {
    .tools-brand-trust { display: none; }
}

@media (max-width: 520px) {
    .tools-topbar .tools-topbar__inner { gap: 7px !important; }
    .tools-brand { gap: 7px !important; }
    .tools-brand small { display: block !important; font-size: 7.5px !important; letter-spacing: .07em; }
    .tools-brand strong { font-size: 19px !important; }
    .tools-live-presence { display: none !important; }
    .tools-topbar__actions { min-width: 0; gap: 4px !important; }
    .kl-global-account-auth { margin-right: 2px !important; flex-wrap: nowrap !important; }
    .kl-global-account-auth a,
    .kl-global-account-auth button { padding-inline: 7px !important; }
}

@media (max-width: 430px) {
    .tools-brand { flex: 0 0 auto; }
    .tools-brand__mark { flex: 0 0 40px; }
    .tools-brand__copy { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; }
}

/* Daily Panchang v4 — quiet white report with deliberate information hierarchy. */
body.panchang-page {
    background-color: #f8f7f3 !important;
    background-image: linear-gradient(180deg, #fff 0, #fbfaf7 520px, #f7f5f0 100%) !important;
}

body.panchang-page .panchang-report-head {
    border-bottom-color: #ded7ca;
}

body.panchang-page .panchang-report-head h1,
body.panchang-page .panchang-day-title h2,
body.panchang-page .panchang-daily-summary__head h2,
body.panchang-page .panchang-text-section h2 {
    color: #402b25 !important;
}

body.panchang-page .panchang-report-head .tools-kicker {
    color: var(--site-maroon) !important;
}

body.panchang-page .panchang-report-head .panchang-intro {
    color: #625b54;
}

body.panchang-page .panchang-top-summary {
    max-width: 1080px;
    margin-top: 16px;
    padding: 17px 20px 16px;
    border: 1px solid #e0d8cb;
    border-left: 4px solid var(--site-maroon);
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(73, 54, 37, .035);
}

body.panchang-page .panchang-top-summary p {
    max-width: none;
    color: #554b44;
}

body.panchang-page .panchang-top-summary__lead {
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
}

body.panchang-page .panchang-top-summary__detail {
    margin: 9px 0 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

body.panchang-page .panchang-top-summary__detail > span { display: inline; }
body.panchang-page .panchang-top-summary__detail > span + span::before { content: " "; }

body.panchang-page .panchang-top-summary b,
body.panchang-page .panchang-top-summary strong {
    color: #352824;
    font-weight: 800;
}

body.panchang-page .panchang-top-summary__detail b {
    color: var(--site-maroon);
}

body.panchang-page .panchang-top-summary__key {
    margin: 11px 0 0;
    padding-top: 10px;
    border-top: 1px solid #ece6dd;
    color: #62584f !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}

body.panchang-page .panchang-top-summary .panchang-location-badge {
    margin-top: 11px;
    padding: 7px 11px;
    box-shadow: none;
}

body.panchang-page .panchang-top-summary .panchang-location-badge > span:first-child {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
    font-size: 15px;
}

body.panchang-page .panchang-top-summary .panchang-location-badge strong { font-size: 14px; }

body.panchang-page .panchang-location-badge {
    border-color: #d4c6ac !important;
    background: #fff !important;
    color: #4d3a31 !important;
    box-shadow: 0 3px 10px rgba(74, 54, 38, .045);
}

body.panchang-page .panchang-location-badge small { color: #827466 !important; }
body.panchang-page .panchang-location-badge strong { color: #49332b !important; }
body.panchang-page .panchang-related-pills a { border-color: #d7d0c4; background: #fff; }

body.panchang-page .panchang-date-switcher {
    border-color: #ded8ce;
}

body.panchang-page .panchang-date-switcher > a,
body.panchang-page .panchang-date-jump label {
    border-color: #cfc6b7;
    background: #fff;
    color: var(--site-maroon);
}

body.panchang-page .panchang-date-switcher > a:hover,
body.panchang-page .panchang-date-switcher > a.is-current {
    border-color: #b99249;
    background: #f8f5ee;
}

body.panchang-page .panchang-date-jump button {
    border-color: var(--site-maroon);
    background: var(--site-maroon);
}

body.panchang-page .panchang-change,
body.panchang-page .panchang-clean-report,
body.panchang-page .panchang-sidebar section,
body.panchang-page .panchang-choghadiya-card {
    border-color: #d7cdbb !important;
    background: #fff !important;
    box-shadow: 0 9px 26px rgba(73, 54, 37, .055) !important;
}

body.panchang-page .panchang-change > summary {
    color: #4a332b;
    background: #fff;
}

body.panchang-page .panchang-clean-report {
    overflow: hidden;
    border-top: 3px solid #b98524 !important;
    border-radius: 2px;
}

body.panchang-page .panchang-day-title {
    padding: 18px 22px 16px;
    border: 0 !important;
    border-bottom: 1px solid #ded7ca !important;
    background: #fff !important;
}

body.panchang-page .panchang-day-title small {
    color: var(--site-maroon);
    font-weight: 700;
}

body.panchang-page .panchang-day-title > strong {
    color: #685446;
    font-weight: 700;
}

body.panchang-page .panchang-location-trigger { color: #786b60; }

body.panchang-page .panchang-sky-strip {
    border-bottom: 1px solid #ded7ca;
    color: #352b27 !important;
    background: #fff !important;
}

body.panchang-page .panchang-sky-strip > div {
    border-right: 1px solid #ece7de;
    background: #fff;
}

body.panchang-page .panchang-sky-strip > div > span {
    color: #ad7b20 !important;
}

body.panchang-page .panchang-sky-strip small {
    color: #81776d !important;
    font-weight: 500;
}

body.panchang-page .panchang-sky-strip strong {
    color: #352b27;
    font-weight: 800;
}

body.panchang-page .panchang-clean-body {
    background: #fff;
}

body.panchang-page .panchang-daily-summary {
    margin: 0 0 24px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ddd5c8;
    border-radius: 2px;
    background: #fff;
}

body.panchang-page .panchang-daily-summary__head {
    padding: 10px 14px 9px;
    border-left: 4px solid var(--site-maroon);
    background: #f6f4ef;
}

body.panchang-page .panchang-daily-summary__head span {
    display: block;
    color: #87776b;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .035em;
}

body.panchang-page .panchang-daily-summary__head h2 {
    margin: 1px 0 0;
    font-size: 20px;
    line-height: 1.3;
}

body.panchang-page .panchang-daily-summary__lead {
    margin: 0;
    padding: 13px 15px;
    color: #625a52;
    font-size: 15px;
    line-height: 1.65;
}

body.panchang-page .panchang-daily-summary__identity {
    color: #54473f;
    font-weight: 400;
}

body.panchang-page .panchang-daily-summary__identity strong {
    color: #392a25;
    font-weight: 800;
}

body.panchang-page .panchang-daily-summary__lead span { font-weight: 400; }

body.panchang-page .panchang-summary-calendar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0 15px 13px;
    gap: 5px 18px;
}

body.panchang-page .panchang-summary-calendar > span {
    min-width: 0;
    color: #766d65;
    font-size: 12px;
    font-weight: 400;
}

body.panchang-page .panchang-summary-calendar strong {
    color: #3b2c27;
    font-size: 13px;
    font-weight: 800;
}

body.panchang-page .panchang-summary-calendar small {
    display: block;
    color: #8a7f74;
    font-size: 11px;
    font-weight: 400;
}

body.panchang-page .panchang-summary-limbs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #e5dfd5;
    border-bottom: 1px solid #e5dfd5;
}

body.panchang-page .panchang-summary-limbs article {
    min-width: 0;
    padding: 12px 14px;
}

body.panchang-page .panchang-summary-limbs article + article { border-left: 1px solid #ece7de; }

body.panchang-page .panchang-summary-limbs article > span {
    display: block;
    margin-bottom: 6px;
    color: #82766b;
    font-size: 12px;
    font-weight: 500;
}

body.panchang-page .panchang-summary-limbs p {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 6px;
    margin: 3px 0;
    color: #746960;
    font-size: 12px;
    line-height: 1.45;
}

body.panchang-page .panchang-summary-limbs strong {
    color: #352824;
    font-size: 14px;
    font-weight: 800;
}

body.panchang-page .panchang-summary-limbs time {
    color: #756b62;
    font-size: 12px;
    font-weight: 500;
}

body.panchang-page .panchang-summary-key-times {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 12px 15px;
    gap: 10px 18px;
    background: #fbfaf7;
}

body.panchang-page .panchang-summary-key-times p { margin: 0; }
body.panchang-page .panchang-summary-key-times span { display: block; color: #83786e; font-size: 11px; font-weight: 400; }
body.panchang-page .panchang-summary-key-times strong { color: #49342c; font-size: 13px; font-weight: 800; }

body.panchang-page .panchang-festival-box {
    border: 1px solid #ddd3c1;
    border-left: 4px solid #b98524;
    background: #fff;
    box-shadow: none;
}

body.panchang-page .panchang-festival-box__head > span {
    color: #fff;
    background: var(--site-maroon);
}

body.panchang-page .panchang-festival-box__head small { color: #89796a; }
body.panchang-page .panchang-festival-box__head h2 { color: #432e27; }
body.panchang-page .panchang-festival-list article { border-color: #e3ddd3; background: #fbfaf7; }
body.panchang-page .panchang-festival-list strong { color: #50352b; }

body.panchang-page .panchang-text-section h2 {
    display: block;
    margin-bottom: 11px;
    padding: 7px 11px;
    border: 0 !important;
    border-left: 3px solid var(--site-maroon) !important;
    background: #f6f4ef;
    font-size: 19px;
}

body.panchang-page .panchang-text-section p { color: #685f57; }
body.panchang-page .panchang-text-section p > strong { color: #3d2e29; font-weight: 800; }
body.panchang-page .panchang-time-groups > div > p { border-bottom-color: #e6e0d7; }
body.panchang-page .panchang-time-groups span { color: #766d65; font-weight: 500; }

body.panchang-page .panchang-sidebar h2,
body.panchang-page .panchang-choghadiya-tabs {
    border-color: #ddd5c8 !important;
    background: #f6f4ef !important;
}

body.panchang-page .panchang-sidebar h2 { color: #49342c; }
body.panchang-page .panchang-sidebar a { border-color: #ece6dc; background: #fff; }
body.panchang-page .panchang-sidebar a:hover { background: #f8f5ee !important; }
body.panchang-page .panchang-choghadiya-tabs button[aria-selected="true"] { background: #fff !important; }
body.panchang-page .panchang-date-calculator > form { border-color: #d9d0c2 !important; background: #fff !important; }

@media (max-width: 760px) {
    body.panchang-page .panchang-top-summary { padding: 15px 16px 14px; }
    body.panchang-page .panchang-top-summary__lead { font-size: 16px; line-height: 1.78; }
    body.panchang-page .panchang-top-summary__detail,
    body.panchang-page .panchang-top-summary__key { font-size: 14px; line-height: 1.72; }
    body.panchang-page .panchang-summary-calendar,
    body.panchang-page .panchang-summary-limbs,
    body.panchang-page .panchang-summary-key-times { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.panchang-page .panchang-summary-limbs article:nth-child(3) { border-left: 0; }
    body.panchang-page .panchang-summary-limbs article:nth-child(n+3) { border-top: 1px solid #ece7de; }
}

@media (max-width: 430px) {
    body.panchang-page .tools-brand { flex: 0 0 auto; }
    body.panchang-page .tools-brand__mark { flex: 0 0 40px; }
    body.panchang-page .tools-brand__copy { display: none; }
    body.panchang-page .tools-topbar__actions { min-width: 0; margin-left: auto; }
    body.panchang-page .panchang-day-title { padding: 15px 14px; }
    body.panchang-page .panchang-top-summary { margin-top: 13px; padding: 14px 13px 13px; }
    body.panchang-page .panchang-top-summary .panchang-location-badge { width: auto; max-width: 100%; }
    body.panchang-page .panchang-summary-calendar { grid-template-columns: 1fr 1fr; padding-inline: 13px; }
    body.panchang-page .panchang-summary-limbs article { padding-inline: 11px; }
    body.panchang-page .panchang-summary-key-times { padding-inline: 13px; gap: 9px 12px; }
}

/* v11: public suggestion community, instant hearts and WhatsApp sharing. */
.tools-brand-meta{display:flex!important;align-items:center;gap:3px}.tools-brand-community{display:inline-flex!important;padding:0!important;align-items:center;gap:5px;color:inherit!important}
.tools-feedback-trigger,.tools-whatsapp-share{display:inline-flex;min-height:25px;padding:3px 8px;align-items:center;justify-content:center;gap:4px;border:1px solid #dfc48b;border-radius:999px;font:inherit;font-size:9px;font-weight:850;line-height:1;text-decoration:none;cursor:pointer}
.tools-feedback-trigger{color:#7b2924;background:#fff8e9}.tools-feedback-trigger:hover{border-color:#bd8b3b;background:#fff2d4}.tools-whatsapp-share{border-color:#b9dfc7;color:#187342!important;background:#effaf3}
.tools-whatsapp-share svg,.site-suggestion-whatsapp svg,.tools-community-mobile svg{width:14px;height:14px;flex:0 0 14px;fill:currentColor}.tools-community-mobile{display:none}
.site-suggestion-layer[hidden]{display:none!important}.site-suggestion-layer{position:fixed;inset:0;z-index:10050;display:grid;padding:24px;place-items:center;opacity:0;transition:opacity .18s ease}.site-suggestion-layer.is-open{opacity:1}.site-suggestion-open{overflow:hidden!important}
.site-suggestion-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(43,25,23,.58);backdrop-filter:blur(5px);cursor:default}
.site-suggestion-dialog{position:relative;width:min(980px,100%);max-height:min(86dvh,760px);overflow:hidden;border:1px solid #e0c995;border-radius:18px;color:#463734;background:#fffdfa;box-shadow:0 28px 80px rgba(45,24,18,.25);transform:translateY(12px) scale(.985);transition:transform .2s ease}.site-suggestion-layer.is-open .site-suggestion-dialog{transform:translateY(0) scale(1)}
.site-suggestion-head{display:flex;min-height:108px;padding:21px 24px;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #ead9bd;background:radial-gradient(circle at 88% 0,rgba(207,155,57,.18),transparent 190px),linear-gradient(120deg,#fff8ec,#fffdf9 65%)}
.site-suggestion-head>div>span{color:#ad7520;font-size:10px;font-weight:900;letter-spacing:.13em}.site-suggestion-head h2,.site-suggestion-head .site-suggestion-title{margin:3px 0 4px;color:#63231f;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.2}.site-suggestion-head p{margin:0;color:#79675e;font-size:12.5px}
.site-suggestion-close{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid #ddc8aa;border-radius:10px;color:#762a2a;background:rgba(255,255,255,.75);font-size:25px;line-height:1;cursor:pointer}
.site-suggestion-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(360px,1.18fr);min-height:0}.site-suggestion-form{display:grid;padding:22px 24px 24px;align-content:start;gap:13px;border-right:1px solid #eadfce;background:#fffaf5}
.site-suggestion-form-title{display:flex;margin-bottom:2px;align-items:center;gap:10px}.site-suggestion-form-title>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#fff7df;background:linear-gradient(145deg,#8f302b,#b87c2e)}
.site-suggestion-form-title strong,.site-suggestion-form-title small{display:block}.site-suggestion-form-title strong{color:#612521;font-size:14px}.site-suggestion-form-title small{margin-top:2px;color:#6c856f;font-size:10px;font-weight:750}
.site-suggestion-form label{display:grid;gap:5px}.site-suggestion-form label>span{color:#624843;font-size:11px;font-weight:800}.site-suggestion-form input,.site-suggestion-form textarea{width:100%;border:1px solid #dbcdbd;border-radius:10px;color:#403431;background:#fff;font:inherit;font-size:13px}.site-suggestion-form input{min-height:42px;padding:8px 11px}.site-suggestion-form textarea{min-height:122px;padding:10px 11px;resize:vertical;line-height:1.55}
.site-suggestion-form input:focus,.site-suggestion-form textarea:focus{border-color:#b98839;outline:3px solid rgba(192,143,56,.14)!important}.site-suggestion-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.site-suggestion-form-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:#8a7b72;font-size:9.5px;line-height:1.4}.site-suggestion-form-meta b{color:#77554b;white-space:nowrap}.site-suggestion-status{min-height:18px;margin:-3px 0 0;color:#6c5a53;font-size:10.5px;font-weight:750}.site-suggestion-status.is-success{color:#237344}.site-suggestion-status.is-error{color:#a52d2d}
.site-suggestion-form-actions{display:flex;align-items:stretch;gap:8px}.site-suggestion-submit,.site-suggestion-whatsapp{display:inline-flex;min-height:42px;padding:9px 13px;align-items:center;justify-content:center;gap:6px;border-radius:10px;font:inherit;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer}.site-suggestion-submit{flex:1;border:1px solid #762a2a;color:#fff;background:linear-gradient(145deg,#8c302b,#70211f)}.site-suggestion-submit:disabled{opacity:.55;cursor:wait}.site-suggestion-whatsapp{border:1px solid #b6d9c2;color:#187542;background:#eff9f2}
.site-suggestion-feed{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);background:#fff}.site-suggestion-feed-head{display:flex;min-height:64px;padding:13px 18px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee4d9}.site-suggestion-feed-head strong,.site-suggestion-feed-head small{display:block}.site-suggestion-feed-head strong{color:#5f2a26;font-size:14px}.site-suggestion-feed-head small{margin-top:2px;color:#8b7d75;font-size:10px}.site-suggestion-feed-head>span{display:grid;min-width:30px;height:30px;padding-inline:7px;place-items:center;border:1px solid #ddccae;border-radius:999px;color:#7b5422;background:#fff8e9;font-size:11px;font-weight:900}
.site-suggestion-list{max-height:calc(min(86dvh,760px) - 172px);padding:13px 14px 18px;overflow:auto;overscroll-behavior:contain}.site-suggestion-card{padding:13px 13px 12px;border:1px solid #eadfd5;border-radius:12px;background:#fffdfb;box-shadow:0 4px 13px rgba(71,43,31,.035)}.site-suggestion-card+.site-suggestion-card{margin-top:9px}.site-suggestion-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-suggestion-card-head>div{display:flex;min-width:0;align-items:center;gap:8px}.site-suggestion-card-head strong,.site-suggestion-card-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-suggestion-card-head strong{color:#56332f;font-size:11px}.site-suggestion-card-head small{margin-top:2px;color:#9a8c83;font-size:8.5px}.site-suggestion-avatar{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:9px;color:#7c2c28;background:#f9ece9;font-size:11px;font-weight:900}.site-suggestion-card p{margin:9px 0 0;color:#554742;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.site-suggestion-heart{display:inline-flex;min-width:51px;height:31px;padding:4px 9px;align-items:center;justify-content:center;gap:5px;border:1px solid #e4d4d2;border-radius:999px;color:#9b706b;background:#fff;cursor:pointer}.site-suggestion-heart span{font-size:14px;line-height:1}.site-suggestion-heart b{font-size:10px}.site-suggestion-heart.is-liked{border-color:#e6b7bc;color:#ad3443;background:#fff1f3;box-shadow:0 0 0 3px rgba(185,60,73,.07)}.site-suggestion-heart:disabled{opacity:.6;cursor:wait}.site-suggestion-loading,.site-suggestion-empty{display:grid;min-height:180px;padding:25px;place-items:center;color:#8d7d73;font-size:12px;text-align:center}
@media(max-width:820px){.tools-community-mobile{display:inline-flex;align-items:center;gap:4px}.tools-community-mobile button,.tools-community-mobile a{display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid #dfc68f;border-radius:9px;color:#772923;background:#fff8e9;font-size:13px;cursor:pointer}.tools-community-mobile a{border-color:#b8ddc5;color:#18814a;background:#eff9f2}.site-suggestion-layer{padding:12px;align-items:end}.site-suggestion-dialog{width:100%;max-height:94dvh;border-radius:17px 17px 10px 10px}.site-suggestion-head{min-height:92px;padding:16px 16px 13px}.site-suggestion-head h2,.site-suggestion-head .site-suggestion-title{font-size:21px}.site-suggestion-head p{font-size:11px;line-height:1.45}.site-suggestion-layout{display:block;max-height:calc(94dvh - 92px);overflow:auto}.site-suggestion-form{padding:16px;border-right:0;border-bottom:1px solid #eadfce}.site-suggestion-form textarea{min-height:96px}.site-suggestion-list{max-height:300px}}

/* V15: cool-neutral site palette — ivory, sage and restrained maroon. */
:root {
    --site-maroon: #702a26;
    --site-maroon-dark: #53201d;
    --site-saffron: #9b7650;
    --site-gold: #9a7950;
    --site-gold-dark: #70583c;
    --site-cream: #edf3f0;
    --site-ivory: #f7faf8;
    --site-paper: #ffffff;
    --site-canvas: #f1f5f3;
    --site-line: #cbd8d4;
    --site-line-soft: #e1e9e6;
    --site-ink: #2f3b38;
    --site-muted: #687570;
    --site-positive: #34765c;
    --site-shadow: 0 12px 30px rgba(43, 65, 59, .075);
    --public-soft: #edf3f0;
}

html { background: #edf2f0; }

body {
    background-color: var(--site-canvas) !important;
    background-image:
        radial-gradient(circle at 50% 0, rgba(83, 123, 114, .08), transparent 460px),
        linear-gradient(180deg, #fbfcfc 0, #f3f6f4 520px, #edf2f0 100%) !important;
    background-position: center top, 0 0 !important;
    background-size: auto !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible {
    outline-color: rgba(61, 112, 103, .32) !important;
}

.tools-topbar {
    border-bottom-color: #d9e2df !important;
    background: linear-gradient(180deg, #fff, #fafcfb) !important;
    box-shadow: 0 3px 13px rgba(42, 63, 58, .05) !important;
}

.tools-brand__accent { color: #946b34 !important; }
.tools-brand small,
.tools-brand-trust small { color: #66756f !important; }
.tools-brand-trust { border-left-color: #d8e1de !important; }
.tools-brand-trust small span { color: #83705c !important; }

.tools-live-presence,
.tools-language,
.kl-global-account-slot a,
.kl-global-account-slot button {
    border-color: #cfdad6 !important;
    color: #40534f !important;
    background: #fff !important;
}

.tools-language a { color: #40534f !important; }
.tools-language a + a { border-left-color: #dbe4e1 !important; }

.tools-nav {
    border-bottom-color: #c8d6d2 !important;
    color: #344a45 !important;
    background: linear-gradient(180deg, #f6faf8, #e8f0ed) !important;
    box-shadow: 0 4px 13px rgba(42, 68, 61, .075) !important;
}

.tools-nav__link,
.tools-nav__link:first-child {
    color: #354a45 !important;
}

.tools-nav__link:hover {
    color: var(--site-maroon-dark) !important;
    background: rgba(255, 255, 255, .72) !important;
}

.tools-nav__link.is-active {
    border-bottom-color: #8ba9a1 !important;
    color: #fff !important;
    background: linear-gradient(180deg, #77302b, #5c2420) !important;
}

.tools-button--secondary,
.tools-button--light,
.ka-btn.alt,
.home-detail-link {
    border-color: #cbd8d4 !important;
    background: #f7faf8 !important;
}

.tools-button--secondary:hover,
.tools-button--light:hover,
.ka-btn.alt:hover,
.home-detail-link:hover { background: #edf4f1 !important; }

input,
select,
textarea,
.tools-filter input,
.tools-form-grid input,
.ka-form input,
.ka-form select {
    border-color: #cbd7d3 !important;
    background: #fff !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #56877e !important;
    box-shadow: 0 0 0 3px rgba(75, 124, 115, .12) !important;
}

.tools-hero,
.tools-page-title,
.daily-page-head,
.info-hero,
.matching-guide__header,
.home-hero {
    border-color: #cddbd7 !important;
    border-top-color: #6f968d !important;
    background:
        radial-gradient(circle at 94% 18%, rgba(84, 125, 116, .08), transparent 180px),
        linear-gradient(112deg, #f2f7f5, #fff 68%) !important;
    box-shadow: 0 14px 34px rgba(44, 70, 63, .075) !important;
}

.tools-kicker,
.home-eyebrow,
.home-section__heading > span,
.home-chat__label,
.info-hero > span,
.daily-page-head > span,
.matching-section-heading > span { color: #527a72 !important; }

.tools-service-card,
.home-chat,
.home-chat__message,
.home-chat__suggestions span,
.home-chat__composer,
.home-tool-card,
.home-panchang-card,
.home-transit-card,
.home-daily-fallback,
.tools-data-panel,
.tools-match-form,
.tools-match-result,
.tools-person-summary,
.tools-summary-strip,
.tools-inline-data,
.info-card,
.daily-seo-copy,
.matching-guide,
.matching-kootas,
.matching-faq,
.calendar-seo-intro {
    border-color: #d5dfdc !important;
    background: #fff !important;
    box-shadow: var(--site-shadow) !important;
}

.home-chat {
    background: linear-gradient(180deg, rgba(250, 252, 251, .98), #fff) !important;
}

.home-tool-card { border-top-color: #6f968d !important; }
.home-tool-card:hover { border-color: #7ea198 !important; background: #f6faf8 !important; }
.home-panchang-card > header,
.home-transit-card header { border-color: #d8e2df !important; background: #f1f6f4 !important; }
.home-panchang-facts,
.home-time-strip { border-color: #d5dfdc !important; background: #edf3f0 !important; }
.home-panchang-facts > div,
.home-time-strip > span { border-color: #dbe4e1 !important; background: #fff !important; }

.tools-table tbody tr:nth-child(even) td,
.calendar-window-table tbody tr:nth-child(even) td,
.choghadiya-table tbody tr:nth-child(even) td,
.ka-table tbody tr:nth-child(even) td { background: #f5f8f7 !important; }

.site-suggestion-dialog,
.site-suggestion-feed,
.site-suggestion-card { border-color: #d7e0dd; background: #fff; }
.site-suggestion-head { border-bottom-color: #dce5e2; background: linear-gradient(120deg, #f1f7f4, #fff 68%); }
.site-suggestion-form { border-color: #dce5e2; background: #f7faf9; }
.site-suggestion-form-title > span { background: linear-gradient(145deg, #6f302b, #49796f); }
@media(max-width:620px){.tools-topbar .tools-topbar__inner{gap:6px!important}.tools-community-mobile{gap:3px}.tools-community-mobile button,.tools-community-mobile a{width:30px;height:30px}.tools-live-presence{display:none!important}.site-suggestion-layer{padding:6px}.site-suggestion-form-actions{display:grid;grid-template-columns:1fr}.site-suggestion-whatsapp{min-height:38px}}

/* v12: larger desktop KundliLive identity and OPS engine credit. */
@media (min-width: 821px) {
    .tools-topbar .tools-topbar__inner {
        min-height: 90px !important;
        gap: 24px !important;
    }

    .tools-brand {
        gap: 15px !important;
    }

    .tools-brand__mark {
        width: 64px !important;
        height: 64px !important;
        flex: 0 0 64px !important;
    }

    .tools-brand strong {
        font-size: 32px !important;
    }

    .tools-brand small {
        font-size: 10px !important;
    }

    .tools-brand-trust {
        gap: 5px;
        padding-left: 22px;
    }

    .tools-brand-trust strong {
        font-size: 15px !important;
        line-height: 1.2;
    }

    .tools-brand-trust small {
        font-size: 10px !important;
    }
}

/* V19: shared classic-software master theme for every public route. */
:root {
    --master-navy: #003b6f;
    --master-blue: #3970a3;
    --master-green: #4c7b25;
    --master-green-dark: #3f681e;
    --master-line: #b9b9b9;
    --master-panel: #eeeeee;
}

body {
    color: #111 !important;
    background: #fff !important;
    font-family: Arial, "Noto Sans Devanagari", "Nirmala UI", sans-serif !important;
}

.tools-topbar {
    border: 0 !important;
    border-bottom: 1px solid var(--master-line) !important;
    background: #fff !important;
    box-shadow: none !important;
}

.tools-topbar .tools-topbar__inner {
    width: min(1200px, calc(100% - 24px)) !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.tools-brand {
    gap: 9px !important;
}

.tools-brand__mark {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
}

.tools-brand strong {
    color: #4f211e !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

.tools-brand small {
    margin-top: 3px !important;
    color: #5d6a70 !important;
    font-size: 8px !important;
}

.tools-brand-actions {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 auto 0 0 !important;
    padding: 0 0 0 12px !important;
    align-items: center !important;
    border: 0 !important;
    border-left: 1px solid var(--master-line) !important;
}

.tools-brand-actions .tools-brand-community {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.tools-brand-actions .tools-feedback-trigger,
.tools-brand-actions .tools-whatsapp-share {
    min-height: 32px !important;
    padding: 6px 9px !important;
    border-radius: 2px !important;
    font-family: Arial, "Noto Sans Devanagari", "Nirmala UI", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.tools-brand-actions .tools-feedback-trigger {
    border-color: #999 !important;
    color: #003366 !important;
    background: #eee !important;
}

.tools-brand-actions .tools-whatsapp-share {
    border-color: #416a20 !important;
    color: #fff !important;
    background: var(--master-green) !important;
}

.tools-topbar__actions {
    margin-left: auto !important;
    gap: 6px !important;
}

.tools-live-presence {
    min-height: 30px !important;
    padding: 4px 8px !important;
    border: 1px solid #bbb !important;
    border-radius: 2px !important;
    color: #334f61 !important;
    background: #fff !important;
    font-size: 11px !important;
}

.tools-live-presence strong {
    color: #003366 !important;
    font-size: 12px !important;
}

.tools-language {
    border-color: #aaa !important;
    border-radius: 2px !important;
    background: #fff !important;
}

.tools-language a {
    min-width: 34px !important;
    min-height: 30px !important;
    padding: 4px 7px !important;
    color: #003366 !important;
}

.tools-language a + a {
    border-left-color: #aaa !important;
}

.tools-language a.is-active {
    color: #fff !important;
    background: var(--master-navy) !important;
}

.kl-global-account-slot a,
.kl-global-account-slot button {
    min-height: 30px !important;
    padding: 5px 9px !important;
    border-radius: 2px !important;
    font-size: 11px !important;
    box-shadow: none !important;
}

.kl-global-account-slot a:last-of-type,
.kl-global-account-slot .is-primary {
    border-color: #416a20 !important;
    color: #fff !important;
    background: var(--master-green) !important;
}

.tools-nav {
    border: 0 !important;
    border-bottom: 1px solid #00264d !important;
    color: #fff !important;
    background: var(--master-navy) !important;
    box-shadow: none !important;
    font-family: Arial, "Noto Sans Devanagari", "Nirmala UI", sans-serif !important;
}

.tools-nav__inner {
    width: min(1200px, calc(100% - 24px)) !important;
    min-height: 38px !important;
    align-items: stretch !important;
}

.tools-nav__link,
.tools-nav__link:first-child {
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 11px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
}

.tools-nav__link:hover,
.tools-nav__link:focus-visible {
    border-color: rgba(255, 255, 255, .18) !important;
    color: #fff !important;
    background: var(--master-blue) !important;
    outline: 1px solid #fff !important;
    outline-offset: -2px !important;
}

.tools-nav__link.is-active,
.tools-nav__link.is-active:hover,
.tools-nav__link.is-active:focus-visible {
    border-color: rgba(255, 255, 255, .18) !important;
    color: #fff !important;
    background: var(--master-green) !important;
    font-weight: 700 !important;
}

.tools-nav__dropdown > summary span {
    color: #fff !important;
}

.tools-nav__dropdown-menu {
    padding: 12px !important;
    border: 1px solid var(--master-blue) !important;
    border-top: 3px solid var(--master-green) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, .2) !important;
}

.tools-nav__mega-head,
.tools-nav__tool-card,
.tools-nav__mega-foot,
.tools-nav__tool-icon,
.tools-nav__tool-action i,
.tools-nav__tool-action b {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.tools-nav__tool-card,
.tools-nav__tool-card:hover,
.tools-nav__tool-card.is-active {
    border-color: #bbb !important;
    background: #f7f7f7 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* The home route now uses the same flat calculator/software surfaces. */
.home-page .tools-main {
    width: min(1200px, calc(100% - 24px)) !important;
    padding-top: 16px !important;
}

.home-page .home-hero {
    gap: 22px !important;
    padding: 22px 24px !important;
    border: 1px solid #aaa !important;
    border-top: 6px solid var(--master-blue) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.home-page .home-hero h1 {
    color: #003366 !important;
    font-family: Arial, "Noto Sans Devanagari", "Nirmala UI", sans-serif !important;
    font-size: clamp(32px, 3.1vw, 44px) !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
}

.home-page .home-eyebrow,
.home-page .home-section__heading > span,
.home-page .home-chat__label {
    color: #003366 !important;
}

.home-page .home-hero__copy > p {
    color: #222 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

.home-page .tools-button,
.home-page .home-chat__composer {
    border: 1px solid #416a20 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: var(--master-green) !important;
    box-shadow: none !important;
}

.home-page .tools-button:hover,
.home-page .home-chat__composer:hover {
    background: var(--master-green-dark) !important;
}

.home-page .tools-button--secondary {
    border-color: #999 !important;
    color: #003366 !important;
    background: #eee !important;
}

.home-page .home-chat,
.home-page .home-chat__message,
.home-page .home-chat__suggestions a,
.home-page .home-positioning,
.home-page .home-tool-card,
.home-page .home-panchang-card,
.home-page .home-transit-card,
.home-page .home-daily-fallback {
    border-radius: 0 !important;
    background: #f7f7f7 !important;
    box-shadow: none !important;
}

.home-page .home-chat {
    padding: 16px !important;
    border: 1px solid #aaa !important;
    border-top: 5px solid var(--master-green) !important;
}

.home-page .home-chat::after {
    display: none !important;
}

.home-page .home-chat__message {
    border-left-color: var(--master-blue) !important;
}

.home-page .home-chat__suggestions a:hover,
.home-page .home-tool-card:hover {
    border-color: var(--master-blue) !important;
    background: #eee !important;
    transform: none !important;
}

.home-page .home-chat__avatar,
.home-page .home-tool-card__icon,
.home-page .home-transit-symbol {
    border-radius: 0 !important;
    color: #fff !important;
    background: var(--master-blue) !important;
    box-shadow: none !important;
}

.home-page .home-positioning,
.home-page .home-section,
.home-page .home-daily {
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1000px) {
    .tools-nav__dropdown-menu {
        top: 96px !important;
    }
}

@media (max-width: 820px) {
    .tools-brand-actions {
        display: none !important;
    }
}

@media (max-width: 620px) {
    .tools-topbar .tools-topbar__inner {
        width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 7px !important;
        gap: 5px !important;
    }

    .tools-brand__mark {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }

    .tools-community-mobile button,
    .tools-community-mobile a {
        width: 28px !important;
        height: 28px !important;
        border-radius: 2px !important;
    }

    .tools-nav__inner {
        width: 100% !important;
        min-height: 36px !important;
        padding: 0 !important;
    }

    .tools-nav__dropdown {
        order: 0 !important;
    }

    .tools-nav__link,
    .tools-nav__link:first-child {
        min-height: 36px !important;
        padding: 7px 9px !important;
        font-size: 12px !important;
    }

    .tools-nav__dropdown-menu {
        top: 90px !important;
    }

    .home-page .tools-main {
        width: calc(100% - 14px) !important;
        padding-top: 8px !important;
    }

    .home-page .home-hero {
        gap: 14px !important;
        padding: 16px 13px !important;
    }

    .home-page .home-hero h1 {
        font-size: 28px !important;
    }
}

/* V21: shared inner-page theme and readable typography. */
html,
body,
.tools-main,
.tools-main button,
.tools-main input,
.tools-main select,
.tools-main textarea {
    font-family: "Roboto", "Noto Sans Devanagari", "Nirmala UI", Arial, sans-serif !important;
}

body {
    font-size: 16px !important;
}

.tools-main {
    padding-block: 22px 46px !important;
    color: #333 !important;
    font-size: 16px !important;
}

.panchang-breadcrumb,
.tools-kicker,
.tools-main small,
.tools-main .tools-summary-strip span,
.tools-main .tools-inline-data span,
.tools-main .matching-page-title__trust span,
.tools-main .matching-koota-card span {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.tools-main p,
.tools-main li,
.tools-main dt,
.tools-main dd,
.tools-main td,
.tools-main th,
.tools-main summary {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.tools-main label,
.tools-main label > span,
.tools-main .tools-form-grid label > span,
.tools-main .tools-filter label > span,
.tools-main .panchang-date-calculator label > span {
    color: #514a44 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.tools-main input,
.tools-main select,
.tools-main textarea {
    min-height: 42px !important;
    padding: 9px 11px !important;
    color: #333 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

.tools-main .tools-button,
.tools-main button[type="submit"],
.tools-main input[type="submit"] {
    min-height: 40px !important;
    padding: 9px 17px !important;
    border: 1px solid var(--as-orange) !important;
    border-radius: 3px !important;
    color: #fff !important;
    background: var(--as-orange) !important;
    box-shadow: var(--as-shadow) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.tools-main .tools-button:hover,
.tools-main button[type="submit"]:hover,
.tools-main input[type="submit"]:hover {
    border-color: var(--as-orange-dark) !important;
    background: var(--as-orange-dark) !important;
}

.tools-main .tools-button--light,
.tools-main .tools-button--secondary {
    border-color: #ccc !important;
    color: #554a42 !important;
    background: #fff !important;
}

.tools-page-title,
.tools-filter,
.tools-data-panel,
.tools-match-form,
.tools-match-result,
.tools-person-summary,
.tools-service-card,
.matching-guide__header,
.matching-overview-grid article,
.matching-kootas,
.matching-consideration-grid article,
.matching-faq,
.matching-score-meaning,
.matching-question-card,
.daily-page-hero,
.daily-content-card,
.info-page-hero,
.info-content-card,
.gpm-hero,
.gpm-card,
.marriage-hero,
.marriage-card {
    border-color: var(--as-line) !important;
    border-radius: 3px !important;
    color: #333 !important;
    background: #fff !important;
    box-shadow: var(--as-shadow) !important;
}

.tools-page-title,
.matching-guide__header,
.matching-kootas,
.matching-faq,
.matching-score-meaning,
.matching-question-card {
    border-top: 5px solid var(--as-yellow) !important;
}

.tools-page-title h1,
.matching-page-title__copy h1 {
    color: var(--as-heading) !important;
    font-size: clamp(30px, 3vw, 38px) !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

.tools-page-title p,
.matching-page-title__copy p,
.tools-section__heading p,
.tools-result-heading > span {
    color: #57524d !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.tools-section__heading h2,
.tools-data-panel h2,
.tools-score-summary h2,
.matching-section-heading h2,
.matching-guide__header h2,
.matching-score-meaning h2,
.matching-question-card h2 {
    color: var(--as-heading) !important;
    font-size: clamp(24px, 2.2vw, 30px) !important;
    font-weight: 500 !important;
}

.tools-data-panel h2,
.tools-choghadiya h3 {
    border-bottom-color: var(--as-yellow) !important;
}

.tools-choghadiya h3,
.tools-table th,
.tools-summary-strip,
.tools-inline-data,
.matching-koota-card,
.matching-score-band,
.tools-person-panel {
    border-color: var(--as-line) !important;
    background: #fff !important;
}

.tools-choghadiya h3,
.tools-table th,
.tools-person-panel legend,
.matching-koota-card > div:first-child {
    color: var(--as-heading) !important;
    background: var(--as-yellow-soft) !important;
}

.tools-match-form {
    padding: 20px !important;
}

.tools-match-form .tools-person-grid {
    gap: 16px !important;
}

.tools-match-form .tools-person-panel {
    padding: 16px !important;
}

.tools-match-form .tools-person-panel legend {
    padding: 4px 10px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

.tools-match-form .tools-form-grid {
    gap: 12px !important;
}

.tools-match-form .tools-form-grid label > span {
    margin-bottom: 5px !important;
}

.tools-match-form .tools-form-grid input {
    height: 42px !important;
}

.matching-page .matching-page-title {
    overflow: hidden !important;
    border-top: 5px solid var(--as-yellow) !important;
    background: #fff !important;
}

.matching-page .matching-page-title__copy {
    padding: 28px !important;
}

.matching-page .matching-page-title__trust span,
.matching-page .matching-koota-card span {
    border-radius: 3px !important;
    color: #9d3e20 !important;
    background: #fff3cd !important;
}

.matching-page .matching-score-band {
    border-radius: 3px !important;
}

.matching-page .matching-kundli-link,
.tools-main a:not(.tools-button) {
    color: #d45520 !important;
    text-decoration: none !important;
}

.matching-page .tools-score {
    color: #fff !important;
    background: var(--as-orange) !important;
}

.matching-page .tools-score-summary,
.matching-page .tools-person-summary,
.matching-page .matching-score-band__top {
    background: #fff !important;
}

.matching-page .matching-faq summary::after {
    color: var(--as-orange) !important;
}

.daily-tool-page .tools-filter,
.panchang-page .tools-filter,
.calendar-page .tools-filter,
.choghadiya-page .tools-filter,
.gpm-page form,
.marriage-prediction-page form {
    border-top: 4px solid var(--as-yellow) !important;
    background: #fff !important;
}

.tools-main .tools-alert--note,
.tools-main .matching-note,
.tools-main blockquote {
    border-color: #e4c45d !important;
    color: #55462f !important;
    background: #fff8df !important;
}

@media (max-width: 620px) {
    body,
    .tools-main {
        font-size: 16px !important;
    }

    .tools-main {
        padding-block: 16px 34px !important;
    }

    .tools-main p,
    .tools-main li,
    .tools-main dt,
    .tools-main dd,
    .tools-main td,
    .tools-main th,
    .tools-main summary {
        font-size: 16px !important;
    }

    .tools-page-title,
    .matching-page .matching-page-title__copy,
    .tools-match-form,
    .tools-data-panel,
    .matching-guide__header,
    .matching-kootas,
    .matching-faq,
    .matching-score-meaning,
    .matching-question-card {
        padding: 18px 15px !important;
    }

    .tools-page-title h1,
    .matching-page-title__copy h1 {
        font-size: 28px !important;
    }

    .tools-match-form .tools-person-panel {
        padding: 14px !important;
    }
}

/* v13: stronger suggestion/share actions after one credentials separator. */
@media (min-width: 821px) {
    .tools-brand-meta {
        gap: 5px;
    }

    .tools-brand-community-separator {
        margin-inline: 4px 2px;
        color: #a36c1b !important;
        font-size: 15px;
        font-weight: 500;
    }

    .tools-brand-community {
        gap: 8px;
    }

    .tools-feedback-trigger,
    .tools-whatsapp-share {
        min-height: 32px;
        padding: 6px 11px;
        gap: 6px;
        font-size: 11px;
    }

    .tools-whatsapp-share svg {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }
}

/* v14: conversational Community Live modal with automatic updates. */
.site-suggestion-dialog {
    width: min(1080px, 100%);
    max-height: min(88dvh, 780px);
    border-color: #dfbf78;
    background: #fffdf9;
    box-shadow: 0 30px 90px rgba(48, 24, 19, .3);
}

.site-suggestion-head {
    min-height: 100px;
    padding: 19px 24px 17px;
    background:
        radial-gradient(circle at 86% 5%, rgba(211, 155, 51, .2), transparent 220px),
        linear-gradient(118deg, #fff7e9, #fffdf9 62%, #fff8ec);
}

.site-suggestion-head h2,
.site-suggestion-head .site-suggestion-title {
    font-size: clamp(24px, 3vw, 32px);
    letter-spacing: -.025em;
}

.site-suggestion-layout {
    grid-template-columns: minmax(320px, .84fr) minmax(440px, 1.36fr);
}

.site-suggestion-form {
    padding: 21px 23px 23px;
    gap: 12px;
    background: linear-gradient(180deg, #fffaf4, #fffdf9);
}

.site-suggestion-form-title > span {
    width: 39px;
    height: 39px;
    border-radius: 12px;
    background: linear-gradient(145deg, #8d2c28, #cb8d2c);
    box-shadow: 0 7px 17px rgba(127, 55, 29, .16);
}

.site-suggestion-form-title strong { font-size: 15px; }
.site-suggestion-form-title small { color: #43805a; font-size: 10.5px; }
.site-suggestion-form textarea { min-height: 104px; resize: none; }

.site-suggestion-status {
    min-height: 30px;
    margin: -2px 0 0;
    padding: 7px 9px;
    border-radius: 8px;
    background: #f8f4ee;
    line-height: 1.45;
}

.site-suggestion-status:empty { visibility: hidden; }
.site-suggestion-status.is-success { color: #207043; background: #edf8f0; }
.site-suggestion-status.is-error { color: #9f302d; background: #fff0ef; }
.site-suggestion-status.is-cooldown { color: #865b18; background: #fff5dc; }

.site-suggestion-submit {
    min-height: 45px;
    border-radius: 12px;
    background: linear-gradient(135deg, #91312c, #711f1c 70%);
    box-shadow: 0 8px 18px rgba(116, 34, 29, .14);
}

.site-suggestion-feed {
    background:
        radial-gradient(circle at 20% 10%, rgba(203, 146, 49, .055), transparent 190px),
        linear-gradient(180deg, #fff, #fffbf7);
}

.site-suggestion-feed-head {
    min-height: 66px;
    padding: 13px 18px;
    background: rgba(255, 253, 249, .94);
    box-shadow: 0 5px 15px rgba(78, 46, 30, .035);
}

.site-suggestion-feed-head strong {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 15px;
}

.site-suggestion-live-dot {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #32a665;
    box-shadow: 0 0 0 5px rgba(50, 166, 101, .12);
    animation: site-suggestion-live-pulse 1.9s ease-out infinite;
}

@keyframes site-suggestion-live-pulse {
    0%, 45% { box-shadow: 0 0 0 4px rgba(50, 166, 101, .14); }
    75%, 100% { box-shadow: 0 0 0 9px rgba(50, 166, 101, 0); }
}

.site-suggestion-list {
    max-height: calc(min(88dvh, 780px) - 166px);
    padding: 18px 18px 24px;
    background-image: radial-gradient(rgba(145, 93, 42, .09) .7px, transparent .7px);
    background-size: 18px 18px;
    scrollbar-color: #d7b36c transparent;
}

.site-suggestion-card {
    width: fit-content;
    max-width: 88%;
    padding: 11px 12px 10px;
    border-color: #e7dacd;
    border-radius: 7px 16px 16px 16px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 6px 16px rgba(75, 44, 32, .06);
    animation: site-suggestion-message-in .2s ease-out;
}

.site-suggestion-card:nth-child(even) {
    margin-left: auto;
    border-radius: 16px 7px 16px 16px;
    background: #fff8ec;
}

.site-suggestion-card.is-mine {
    margin-left: auto;
    border-color: #bcdac5;
    border-radius: 16px 7px 16px 16px;
    background: #f1faf4;
}

.site-suggestion-card.is-mine .site-suggestion-avatar {
    color: #fff;
    background: #318154;
}

@keyframes site-suggestion-message-in {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.site-suggestion-card p { margin-top: 7px; font-size: 12.5px; }
.site-suggestion-empty { min-height: 260px; align-content: center; gap: 5px; }
.site-suggestion-empty > span { color: #bd8125; font-size: 25px; }
.site-suggestion-empty strong { color: #66322b; font-size: 14px; }
.site-suggestion-empty small { color: #918077; font-size: 11px; }

@media (max-width: 820px) {
    .site-suggestion-dialog { max-height: 95dvh; }
    .site-suggestion-head { min-height: 88px; }
    .site-suggestion-layout { max-height: calc(95dvh - 88px); }
    .site-suggestion-form { padding: 15px; }
    .site-suggestion-form textarea { min-height: 84px; }
    .site-suggestion-list { max-height: 260px; padding: 13px; }
    .site-suggestion-card { max-width: 94%; }
    .site-suggestion-empty { min-height: 190px; }
}

@media (prefers-reduced-motion: reduce) {
    .site-suggestion-live-dot,
    .site-suggestion-card { animation: none; }
}

/* V15 final cascade: keep Community Live within the cool site palette. */
.site-suggestion-dialog {
    border-color: #cbd9d5;
    background: #fff;
    box-shadow: 0 30px 90px rgba(35, 54, 49, .26);
}

.site-suggestion-head {
    border-bottom-color: #d9e3e0;
    background:
        radial-gradient(circle at 86% 5%, rgba(73, 119, 108, .14), transparent 220px),
        linear-gradient(118deg, #edf5f2, #fff 65%, #f5f8f7);
}

.site-suggestion-form {
    border-color: #dce5e2;
    background: linear-gradient(180deg, #f6faf8, #fff);
}

.site-suggestion-form-title > span {
    background: linear-gradient(145deg, #75302b, #477a70);
}

.site-suggestion-feed {
    background: linear-gradient(180deg, #fff, #f7faf9);
}

.site-suggestion-list {
    background-image: radial-gradient(rgba(72, 112, 103, .08) .7px, transparent .7px);
    scrollbar-color: #9eb8b1 transparent;
}

.site-suggestion-card:nth-child(even) {
    background: #f1f7f5;
}

/* V16: compact news-style hover treatment for the primary navigation. */
@media (hover: hover) and (pointer: fine) and (min-width: 621px) {
    .tools-nav__inner {
        align-items: center !important;
        min-height: 48px;
    }

    .tools-nav__link,
    .tools-nav__link:first-child {
        min-height: 38px !important;
        margin: 5px 2px !important;
        padding: 8px 14px !important;
        border: 1px solid transparent !important;
        border-radius: 999px !important;
        transition: color .16s ease, background-color .16s ease, border-color .16s ease !important;
    }

    .tools-nav__link:hover,
    .tools-nav__link:focus-visible {
        border-color: #ffd9de !important;
        color: #c4132a !important;
        background: #ffe8eb !important;
        outline: none !important;
    }

    .tools-nav__link.is-active {
        border-color: #e79ca7 !important;
        border-bottom-color: #e79ca7 !important;
        border-radius: 999px !important;
        color: #c4132a !important;
        background: #ffe8eb !important;
        box-shadow: none !important;
        font-weight: 850 !important;
    }
}

/* V18: restrained professional palette and consistent contrast hierarchy. */
.tools-topbar {
    border-bottom-color: #d9e2df !important;
    background: #ffffff !important;
    box-shadow: 0 1px 0 rgba(37, 59, 54, .035) !important;
}

.tools-brand-trust > strong {
    color: #4f2928 !important;
}

.tools-brand-trust small,
.tools-brand-meta {
    color: #667570 !important;
}

.tools-nav {
    border-bottom-color: #cbd8d4 !important;
    color: #304843 !important;
    background: #f1f6f4 !important;
    box-shadow: 0 3px 10px rgba(40, 67, 60, .065) !important;
}

.tools-nav__link,
.tools-nav__link:first-child {
    color: #304843 !important;
}

@media (hover: hover) and (pointer: fine) and (min-width: 621px) {
    .tools-nav__link:hover,
    .tools-nav__link:focus-visible {
        border-color: #edc3ca !important;
        color: #a12132 !important;
        background: #fff5f6 !important;
    }

    .tools-nav__link.is-active,
    .tools-nav__link.is-active:hover,
    .tools-nav__link.is-active:focus-visible {
        border-color: #e2a0aa !important;
        border-bottom-color: #e2a0aa !important;
        color: #9f2031 !important;
        background: #fff0f2 !important;
        box-shadow: none !important;
        font-weight: 850 !important;
    }
}

body.is-kundli-landing {
    color: #263a40 !important;
    background: #f3f6f5 !important;
}

.is-kundli-landing .kl-breadcrumb,
.is-kundli-landing .kl-breadcrumb a {
    color: #4c6c65 !important;
}

.is-kundli-landing .kl-kundli-entry-card {
    border-color: #cbd8d4 !important;
    border-top: 3px solid #7a302d !important;
    background: #ffffff !important;
    box-shadow: 0 6px 20px rgba(35, 57, 52, .065) !important;
}

.is-kundli-landing .kl-landing-hero {
    border-bottom-color: #dce5e2 !important;
    background: linear-gradient(90deg, #f0f6f3 0%, #ffffff 76%) !important;
}

.is-kundli-landing .kl-eyebrow {
    color: #66564d !important;
}

.is-kundli-landing .kl-eyebrow-dot {
    background: #8a5b35 !important;
}

.is-kundli-landing .kl-page-title {
    color: #522725 !important;
}

.is-kundli-landing .kl-page-subtitle,
.is-kundli-landing .kl-generator-note,
.is-kundli-landing .kl-preview-lead {
    color: #61716f !important;
}

.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip,
.is-kundli-landing .kl-preview-card-main,
.is-kundli-landing .kl-preview-card-details,
.is-kundli-landing .kl-landing-generator-layout > .kl-compact-report-preview {
    border-color: #cfdad6 !important;
    background: #ffffff !important;
}

.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-generator-head {
    border-bottom-color: #dbe4e1 !important;
    background: #f2f6f4 !important;
}

.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-generator-title,
.is-kundli-landing .kl-preview-head .kl-compact-report-preview__title {
    color: #263a40 !important;
}

.is-kundli-landing .kl-landing-generator-layout .kl-hero-trust li {
    border-color: #d3dedb !important;
    color: #3e5751 !important;
    background: #ffffff !important;
}

.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-field label {
    color: #334b4c !important;
}

.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-field input,
.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-field select {
    border-color: #becfca !important;
    color: #263a40 !important;
    background: #ffffff !important;
}

.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-field input::placeholder {
    color: #7a8885 !important;
}

.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-place-search-btn,
.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-generate,
.is-kundli-landing .kl-compact-report-preview__cta {
    border-color: #6e2926 !important;
    color: #ffffff !important;
    background: #7a302d !important;
    box-shadow: none !important;
}

.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-place-search-btn:hover,
.is-kundli-landing.is-kundli-chat-entry .kl-landing-generator-layout .kl-guest-birth-strip .kl-generate:hover,
.is-kundli-landing .kl-compact-report-preview__cta:hover {
    background: #642522 !important;
}

.is-kundli-landing .kl-preview-head .kl-compact-report-preview__eyebrow,
.is-kundli-landing .kl-preview-panel-label,
.is-kundli-landing .kl-preview-report-list__head > span {
    color: #2b675d !important;
}

.is-kundli-landing .kl-preview-head__tag,
.is-kundli-landing .kl-preview-panel-label strong,
.is-kundli-landing .kl-preview-report-list li > span,
.is-kundli-landing .kl-preview-question-strip > span {
    color: #ffffff !important;
    background: #2f6f65 !important;
}

.is-kundli-landing .kl-preview-chart-block {
    border-color: #cbd8d4 !important;
    background: #fbfdfc !important;
}

.is-kundli-landing .kl-preview-card-details {
    border-left-color: #2f6f65 !important;
}

.is-kundli-landing .kl-preview-question-strip {
    border-color: #c8d9d4 !important;
    color: #314b46 !important;
    background: #eef5f2 !important;
}

/* V19 cascade lock: keep the shared master after all legacy palette layers. */
.tools-topbar {
    border: 0 !important;
    border-bottom: 1px solid #b9b9b9 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.tools-nav {
    border: 0 !important;
    border-bottom: 1px solid #00264d !important;
    color: #fff !important;
    background: #003b6f !important;
    box-shadow: none !important;
}

.tools-nav__link,
.tools-nav__link:first-child {
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 11px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: transparent !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.tools-nav__link:hover,
.tools-nav__link:focus-visible {
    border-color: rgba(255, 255, 255, .18) !important;
    color: #fff !important;
    background: #3970a3 !important;
}

.tools-nav__link.is-active,
.tools-nav__link.is-active:hover,
.tools-nav__link.is-active:focus-visible {
    border-color: rgba(255, 255, 255, .18) !important;
    color: #fff !important;
    background: #4c7b25 !important;
}

@media (max-width: 620px) {
    .tools-nav__link,
    .tools-nav__link:first-child {
        min-height: 36px !important;
        padding: 7px 9px !important;
        font-size: 12px !important;
    }
}

/* V19 mobile containment: keep the shared header and page canvas inside the device. */
@media (max-width: 620px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    .tools-topbar .tools-topbar__inner {
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .tools-brand {
        min-width: 36px !important;
        flex: 0 0 36px !important;
    }

    .tools-brand__copy,
    .tools-live-presence,
    .tools-community-mobile {
        display: none !important;
    }

    .tools-topbar__actions,
    .kl-global-account-slot,
    .kl-global-account-auth {
        min-width: 0 !important;
    }

    .tools-topbar__actions {
        max-width: calc(100% - 41px) !important;
        overflow: hidden !important;
    }

    .kl-global-account-auth {
        gap: 3px !important;
        margin: 0 !important;
        flex-wrap: nowrap !important;
    }

    .kl-global-account-auth a,
    .kl-global-account-auth button {
        min-height: 28px !important;
        padding: 4px 6px !important;
        border-radius: 2px !important;
        font-size: 10px !important;
    }

    .tools-language a {
        min-width: 29px !important;
        min-height: 28px !important;
        padding: 4px 5px !important;
        font-size: 11px !important;
    }

    .tools-nav,
    .tools-nav__inner {
        max-width: 100% !important;
    }

    .tools-nav__inner {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain !important;
        scrollbar-width: thin !important;
    }

    .home-page .tools-main,
    .home-page .home-hero,
    .home-page .home-hero > *,
    .home-page .home-chat,
    .home-page .home-positioning,
    .home-page .home-section,
    .home-page .home-daily {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .home-page .home-hero {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .home-page .home-hero h1,
    .home-page .home-hero p,
    .home-page .home-chat p,
    .home-page .home-chat a {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    .home-page .home-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .home-page .home-actions .tools-button {
        width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
    }
}

/* V20: Hindi AstroSage-inspired shared master theme. */
:root {
    --as-yellow: #ffc107;
    --as-yellow-soft: #fff3cd;
    --as-orange: #ff7200;
    --as-orange-dark: #e85f00;
    --as-ink: #2f2a26;
    --as-heading: #584f47;
    --as-muted: #6b6661;
    --as-line: #dddddd;
    --as-panel: #ffffff;
    --as-soft: #f7f7f7;
    --as-shadow: 0 1px 2px rgba(0, 0, 0, .16), 0 1px 5px rgba(0, 0, 0, .12);
}

html,
body {
    color: var(--as-ink) !important;
    background: #fff !important;
    font-family: "Roboto", "Noto Sans Devanagari", "Nirmala UI", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

button,
input,
select,
textarea {
    font-family: "Roboto", "Noto Sans Devanagari", "Nirmala UI", Arial, sans-serif !important;
}

.tools-topbar {
    border: 0 !important;
    background: var(--as-yellow) !important;
    box-shadow: var(--as-shadow) !important;
    font-family: "Roboto", "Noto Sans Devanagari", "Nirmala UI", Arial, sans-serif !important;
}

.tools-topbar .tools-topbar__inner {
    width: min(1170px, calc(100% - 20px)) !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 5px !important;
    gap: 10px !important;
}

.tools-brand {
    gap: 8px !important;
}

.tools-brand__mark {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border-color: rgba(255, 255, 255, .85) !important;
    box-shadow: 0 1px 3px rgba(72, 42, 0, .22) !important;
}

.tools-brand strong {
    color: #64251e !important;
    font-family: "Roboto", "Noto Sans Devanagari", sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
}

.tools-brand small {
    margin-top: 2px !important;
    color: #614e29 !important;
    font-size: 8px !important;
}

.tools-brand-actions {
    margin-right: auto !important;
    padding-left: 12px !important;
    border-left: 1px solid rgba(80, 58, 0, .22) !important;
}

.tools-brand-actions .tools-feedback-trigger,
.tools-brand-actions .tools-whatsapp-share,
.tools-live-presence,
.kl-global-account-slot a,
.kl-global-account-slot button,
.tools-language {
    border: 1px solid rgba(0, 0, 0, .12) !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: var(--as-shadow) !important;
}

.tools-brand-actions .tools-feedback-trigger {
    color: #b23b27 !important;
    background: #fff !important;
}

.tools-brand-actions .tools-whatsapp-share {
    border-color: rgba(0, 0, 0, .12) !important;
    color: #15833f !important;
    background: #fff !important;
}

.tools-live-presence {
    min-height: 32px !important;
    color: #333 !important;
}

.tools-live-presence strong {
    color: #333 !important;
}

.kl-global-account-slot a,
.kl-global-account-slot button {
    min-height: 32px !important;
    color: #c2462e !important;
    background: #fff !important;
}

.kl-global-account-slot a:last-of-type,
.kl-global-account-slot .kl-auth-primary,
.kl-global-account-slot .is-primary {
    border-color: rgba(0, 0, 0, .12) !important;
    color: #c2462e !important;
    background: #fff !important;
}

.tools-language {
    overflow: hidden !important;
}

.tools-language a {
    min-height: 32px !important;
    color: #b23b27 !important;
}

.tools-language a.is-active {
    color: #fff !important;
    background: var(--as-orange) !important;
}

.tools-nav {
    border: 0 !important;
    background: #fff !important;
    box-shadow: var(--as-shadow) !important;
    font-family: "Roboto", "Noto Sans Devanagari", "Nirmala UI", Arial, sans-serif !important;
}

.tools-nav__inner {
    width: min(1170px, calc(100% - 20px)) !important;
    min-height: 50px !important;
    padding: 0 5px !important;
    align-items: stretch !important;
    justify-content: space-between !important;
}

.tools-nav__link,
.tools-nav__link:first-child {
    min-height: 50px !important;
    margin: 0 !important;
    padding: 12px 10px 9px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    color: #3d3d3d !important;
    background: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

.tools-nav__link::before {
    display: inline-block !important;
    width: 18px !important;
    margin-right: 5px !important;
    color: #5d5d5d !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.tools-nav__inner > .tools-nav__link:nth-child(1)::before { content: "★" !important; }
.tools-nav__inner > .tools-nav__link:nth-child(2)::before { content: "▦" !important; }
.tools-nav__inner > .tools-nav__link:nth-child(3)::before { content: "♥" !important; }
.tools-nav__inner > .tools-nav__link:nth-child(4)::before { content: "▤" !important; }
.tools-nav__inner > .tools-nav__link:nth-child(5)::before { content: "▣" !important; }
.tools-nav__inner > .tools-nav__link:nth-child(6)::before { content: "◴" !important; }
.tools-nav__inner > .tools-nav__link:nth-child(7)::before { content: "◉" !important; }
.tools-nav__inner > .tools-nav__link:nth-child(8)::before { content: "✦" !important; }
.tools-nav__dropdown:nth-of-type(1) > summary::before { content: "?" !important; }
.tools-nav__dropdown:nth-of-type(2) > summary::before { content: "☀" !important; }
.tools-nav__dropdown:nth-of-type(3) > summary::before { content: "⚙" !important; }

.tools-nav__link:hover,
.tools-nav__link:focus-visible {
    border-bottom-color: var(--as-yellow) !important;
    color: #a93d20 !important;
    background: #fff8df !important;
    outline: none !important;
}

.tools-nav__link.is-active,
.tools-nav__link.is-active:hover,
.tools-nav__link.is-active:focus-visible {
    border-bottom-color: var(--as-orange) !important;
    color: #a93d20 !important;
    background: #fff8df !important;
}

.tools-nav__dropdown > summary span {
    color: #6b5c50 !important;
}

.tools-nav__dropdown-menu {
    top: 98px !important;
    padding: 14px !important;
    border: 1px solid #d7d7d7 !important;
    border-top: 4px solid var(--as-yellow) !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18) !important;
}

.tools-nav__mega-head,
.tools-nav__tool-card,
.tools-nav__mega-foot,
.tools-nav__tool-icon,
.tools-nav__tool-action i,
.tools-nav__tool-action b {
    border-radius: 3px !important;
}

.tools-nav__tool-card,
.tools-nav__tool-card:hover,
.tools-nav__tool-card.is-active {
    border-color: var(--as-line) !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08) !important;
}

.tools-nav__tool-card:hover {
    border-color: #ffb54a !important;
    background: #fff9e8 !important;
}

.tools-main,
.tools-shell {
    max-width: 1170px !important;
}

.tools-main {
    width: min(1170px, calc(100% - 20px)) !important;
}

.tools-main h1,
.tools-main h2,
.tools-main h3 {
    color: var(--as-heading) !important;
    font-family: "Roboto", "Noto Sans Devanagari", "Nirmala UI", sans-serif !important;
    font-weight: 500 !important;
}

.tools-main input,
.tools-main select,
.tools-main textarea {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    font-size: 14px !important;
}

.tools-main input:focus,
.tools-main select:focus,
.tools-main textarea:focus {
    border-color: #f5a623 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(255, 193, 7, .18) !important;
}

.home-page .tools-main {
    width: min(1170px, calc(100% - 20px)) !important;
    padding-top: 14px !important;
}

.home-page .home-hero {
    position: relative !important;
    gap: 20px !important;
    padding: 26px !important;
    border: 1px solid var(--as-line) !important;
    border-top: 0 !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: var(--as-shadow) !important;
}

.home-page .home-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    height: 5px !important;
    background: var(--as-yellow) !important;
}

.home-page .home-hero h1 {
    margin-top: 10px !important;
    color: var(--as-heading) !important;
    font-family: "Roboto", "Noto Sans Devanagari", "Nirmala UI", Arial, sans-serif !important;
    font-size: clamp(30px, 2.7vw, 38px) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.home-page .home-eyebrow,
.home-page .home-section__heading > span,
.home-page .home-chat__label {
    color: #b64021 !important;
    font-weight: 700 !important;
}

.home-page .home-hero__copy > p,
.home-page .home-section__heading > p,
.home-page .home-positioning p {
    color: #4f4b47 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.home-page .tools-button,
.home-page .home-chat__composer,
.site-suggestion-submit {
    min-height: 38px !important;
    border: 1px solid var(--as-orange) !important;
    border-radius: 3px !important;
    color: #fff !important;
    background: var(--as-orange) !important;
    box-shadow: var(--as-shadow) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.home-page .tools-button:hover,
.home-page .home-chat__composer:hover,
.site-suggestion-submit:hover {
    border-color: var(--as-orange-dark) !important;
    background: var(--as-orange-dark) !important;
}

.home-page .tools-button--secondary {
    border-color: #ccc !important;
    color: #554a42 !important;
    background: #fff !important;
}

.home-page .home-chat,
.home-page .home-chat__message,
.home-page .home-chat__suggestions a,
.home-page .home-positioning,
.home-page .home-tool-card,
.home-page .home-panchang-card,
.home-page .home-transit-card,
.home-page .home-daily-fallback {
    border-color: var(--as-line) !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: var(--as-shadow) !important;
}

.home-page .home-chat {
    padding: 17px !important;
    border-top: 5px solid var(--as-yellow) !important;
}

.home-page .home-chat__head,
.home-page .home-panchang-card > header,
.home-page .home-transit-card > header {
    border-bottom-color: #ead9a4 !important;
    background: #fff8df !important;
}

.home-page .home-chat__message {
    border-left-color: var(--as-orange) !important;
}

.home-page .home-chat__avatar,
.home-page .home-tool-card__icon,
.home-page .home-transit-symbol {
    border-radius: 50% !important;
    color: #fff !important;
    background: var(--as-orange) !important;
}

.home-page .home-chat__suggestions a:hover,
.home-page .home-tool-card:hover {
    border-color: #ffb54a !important;
    background: #fff9e8 !important;
}

.home-page .home-positioning {
    border-left: 5px solid var(--as-yellow) !important;
    background: #fff !important;
}

.home-page .home-positioning__link,
.home-page .home-detail-link,
.home-page .home-arrow {
    color: #c94c22 !important;
}

.home-page .home-section__heading h2,
.home-page .home-positioning h2 {
    color: var(--as-heading) !important;
    font-size: clamp(25px, 2.2vw, 30px) !important;
    font-weight: 500 !important;
}

.site-footer {
    border-top: 5px solid var(--as-yellow) !important;
    color: #ddd !important;
    background: #403832 !important;
}

.site-footer a,
.site-footer strong {
    color: #fff !important;
}

.site-footer__bottom {
    border-top-color: rgba(255, 255, 255, .16) !important;
}

@media (max-width: 1000px) {
    .tools-nav__link,
    .tools-nav__link:first-child {
        padding-inline: 9px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 820px) {
    .tools-brand-actions {
        display: none !important;
    }
}

@media (max-width: 620px) {
    .tools-topbar .tools-topbar__inner {
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 6px !important;
    }

    .tools-brand,
    .tools-brand__mark {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
    }

    .tools-nav__inner {
        width: 100% !important;
        min-height: 46px !important;
        padding: 0 !important;
        justify-content: flex-start !important;
    }

    .tools-nav__link,
    .tools-nav__link:first-child {
        min-height: 46px !important;
        padding: 11px 10px 8px !important;
        font-size: 14px !important;
    }

    .tools-nav__link::before {
        width: 16px !important;
        margin-right: 4px !important;
        font-size: 14px !important;
    }

    .tools-nav__dropdown-menu {
        top: 94px !important;
    }

    .tools-main,
    .home-page .tools-main {
        width: calc(100% - 16px) !important;
    }

    .home-page .home-hero {
        padding: 18px 15px !important;
    }

    .home-page .home-hero h1 {
        font-size: 28px !important;
    }
}
