/* 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; }
}
