/*
 * KundliLive public core theme v3.
 *
 * This file is intentionally loaded after the historical feature stylesheets.
 * It owns only the shared public shell and design primitives. Feature layouts,
 * calculations and report-specific visualisations remain feature-owned.
 */

:root {
    --site-frame-max: 1280px;
    --site-gutter: 24px;
    --site-header-gutter: 24px;
    --site-page-top: 24px;
    --site-page-bottom: 52px;
    --site-header-height: 60px;
    --site-nav-height: 50px;

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;

    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 12px;

    --color-primary: #7b251f;
    --color-primary-dark: #5d1b17;
    --color-accent: #e3a52f;
    --color-text: #432d20;
    --color-muted-text: #786554;
    --color-border: #ded8cf;
    --color-page-background: #faf1dc;
    --color-card-background: #fffdf8;
    --color-success: #287449;
    --color-warning: #946116;
    --color-danger: #b42318;

    --site-font-family: Roboto, "Noto Sans Devanagari", "Nirmala UI", Mangal, Arial, sans-serif;
    --site-body-size: 16px;
    --site-small-size: 14px;
    --site-control-height: 46px;
    --site-card-shadow: 0 2px 7px rgba(54, 43, 32, .13);
}

html {
    scroll-padding-top: calc(var(--site-header-height) + var(--site-nav-height) + var(--space-md)) !important;
}

body.public-site {
    min-width: 0;
    color: var(--color-text) !important;
    background-color: var(--color-page-background) !important;
    font-family: var(--site-font-family) !important;
    font-size: var(--site-body-size) !important;
    line-height: 1.62;
}

body.public-site *,
body.public-site *::before,
body.public-site *::after {
    box-sizing: border-box;
}

/* Wide editorial rail: the canvas stays expansive while large screens retain
   deliberate breathing room instead of stretching content edge to edge. */
body.public-site .tools-topbar .tools-topbar__inner,
body.public-site .tools-nav__inner {
    width: min(var(--site-frame-max), calc(100% - (var(--site-header-gutter) * 2))) !important;
    max-width: var(--site-frame-max) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

body.public-site .site-footer > .tools-shell,
body.public-site .content-review-note {
    width: min(var(--site-frame-max), calc(100% - (var(--site-gutter) * 2))) !important;
    max-width: var(--site-frame-max) !important;
    margin-inline: auto !important;
}

body.public-site .tools-topbar .tools-topbar__inner {
    height: var(--site-header-height) !important;
    min-height: var(--site-header-height) !important;
}

/* Favicon-led masthead: the orange-to-gold rail makes the brand feel like one
   system while the centred inner frame keeps it editorial, not edge-to-edge. */
body.public-site .tools-topbar {
    border-bottom: 1px solid rgba(111, 34, 18, .35) !important;
    background: linear-gradient(105deg, #bd3518 0%, #e95f08 46%, #ffae00 100%) !important;
    box-shadow: 0 3px 12px rgba(75, 31, 14, .2) !important;
}

body.public-site .tools-brand__mark {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    overflow: hidden !important;
    border-radius: 11px !important;
    box-shadow: 0 3px 10px rgba(83, 29, 19, .24) !important;
}

body.public-site .tools-brand__mark img {
    width: 100% !important;
    height: 100% !important;
}

body.public-site .tools-brand strong {
    display: flex !important;
    align-items: baseline;
    color: #fff9e9 !important;
    font-size: 25px !important;
    line-height: 1 !important;
    text-shadow: 0 1px 1px rgba(86, 28, 13, .28);
}

body.public-site .tools-brand__accent {
    color: #ffd56b !important;
}

body.public-site .tools-brand small {
    color: rgba(255, 249, 230, .94) !important;
    font-size: 12px !important;
    letter-spacing: .055em !important;
}

body.public-site .tools-nav {
    top: var(--site-header-height) !important;
}

body.public-site .tools-nav__inner,
body.public-site .tools-nav__link,
body.public-site .tools-nav__link:first-child,
body.public-site .tools-nav__dropdown > summary {
    min-height: var(--site-nav-height) !important;
}

body.public-site .tools-nav__inner {
    justify-content: center !important;
    gap: clamp(1px, .25vw, 5px) !important;
    scrollbar-width: none;
}

body.public-site .tools-nav__link,
body.public-site .tools-nav__link:first-child,
body.public-site .tools-nav__dropdown > summary {
    flex: 0 0 auto !important;
    padding-inline: clamp(8px, .55vw, 12px) !important;
    font-weight: 600 !important;
}

body.public-site .tools-nav__inner::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

/* The outer main owns vertical rhythm; the inner container owns width. */
body.public-site main.site-main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: var(--site-page-top) 0 var(--site-page-bottom) !important;
    overflow-x: clip;
}

body.public-site main.site-main,
body.public-site main.site-main :is(p, li, td, dd, summary) {
    font-size: 16px !important;
    line-height: 1.62 !important;
}

body.public-site main.site-main > .site-container {
    width: min(var(--site-frame-max), calc(100% - (var(--site-gutter) * 2))) !important;
    max-width: var(--site-frame-max) !important;
    min-width: 0 !important;
    margin-inline: auto !important;
}

/* Kundli uses a standalone document for its report lifecycle, but the exact
   same shell/container contract as every other public page. */
body.public-site main.kl-site-main > .kl-page.site-container {
    width: min(var(--site-frame-max), calc(100% - (var(--site-gutter) * 2))) !important;
    max-width: var(--site-frame-max) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.public-site .site-container,
body.public-site .site-container > *,
body.public-site .site-main section,
body.public-site .site-main article {
    min-width: 0;
    max-width: 100%;
}

body.public-site .site-main img,
body.public-site .site-main svg,
body.public-site .site-main canvas {
    max-width: 100%;
}

/* Shared breadcrumb baseline. Existing semantic links and schema stay intact. */
body.public-site :is(.site-breadcrumb, .kl-breadcrumb, .panchang-breadcrumb, .daily-breadcrumb, .info-breadcrumb) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 22px !important;
    margin: 0 0 var(--space-md) !important;
    padding: 0 !important;
    color: var(--color-muted-text) !important;
    font-family: var(--site-font-family) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

body.public-site :is(.site-breadcrumb, .kl-breadcrumb, .panchang-breadcrumb, .daily-breadcrumb, .info-breadcrumb) a {
    color: var(--color-primary) !important;
    text-decoration: none !important;
}

body.public-site :is(.site-breadcrumb, .kl-breadcrumb, .panchang-breadcrumb, .daily-breadcrumb, .info-breadcrumb) a:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Common title type without changing any page's SEO copy or hierarchy. */
body.public-site .site-main :is(
    .site-page-title,
    .home-hero h1,
    .matching-page-title h1,
    .daily-page-head h1,
    .panchang-report-head > h1,
    .mp-hero h1,
    .info-hero h1,
    .why-hero h1,
    .kl-page-title
) {
    color: var(--color-primary-dark) !important;
    font-family: var(--site-font-family) !important;
    font-size: clamp(34px, 2.7vw, 40px) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: -.015em;
    overflow-wrap: anywhere;
}

/* Preserve light text on the Marriage Prediction report's dark result banner. */
body.public-site.marriage-prediction-page .site-main .mp-result__header h2 {
    color: #fff !important;
}

body.public-site .site-page-subtitle,
body.public-site .site-page-intro {
    color: var(--color-muted-text);
    font-size: 16px;
    line-height: 1.7;
}

body.public-site .site-section-title {
    color: var(--color-primary-dark);
    font-size: clamp(24px, 2.2vw, 30px);
    font-weight: 600;
    line-height: 1.28;
}

/* Reusable card primitives. Feature cards can retain their internal layout. */
body.public-site .site-card,
body.public-site .card {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-card-background);
    box-shadow: var(--site-card-shadow);
}

body.public-site .site-card-header,
body.public-site .card-header {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--color-border);
}

body.public-site .site-card-body,
body.public-site .card-body {
    padding: var(--space-lg);
}

/* Align the first major feature surfaces to the same outer visual grammar. */
body.public-site :is(
    .home-hero,
    .tools-page-title,
    .tools-filter,
    .tools-match-form,
    .matching-page-title,
    .daily-page-head,
    .daily-tool-filter,
    .panchang-clean-report,
    .gpm-workspace,
    .mp-hero,
    .info-hero,
    .kl-generator
) {
    border-radius: var(--radius-md) !important;
}

/* Shared controls: dimensions, type and states only; feature meaning remains. */
body.public-site .site-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select) {
    min-height: var(--site-control-height) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-sm) !important;
    background-color: #fff !important;
    color: var(--color-text) !important;
    font-family: var(--site-font-family) !important;
    font-size: 16px !important;
}

body.public-site .site-main textarea {
    min-height: 112px;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-sm) !important;
    background: #fff !important;
    color: var(--color-text) !important;
    font-family: var(--site-font-family) !important;
    font-size: 16px !important;
}

body.public-site .site-main :is(input, select, textarea):focus {
    border-color: var(--color-accent) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(227, 165, 47, .22) !important;
}

body.public-site .site-main label {
    color: var(--color-text);
    font-family: var(--site-font-family);
    font-size: var(--site-small-size);
    font-weight: 600;
}

body.public-site .site-main :is(
    .tools-button,
    .matching-submit,
    .gpm-submit,
    .mp-submit,
    .kl-generate,
    .kl-place-search-btn,
    .panchang-calculator-submit,
    button[type="submit"]
) {
    min-height: 44px !important;
    padding: 9px 18px !important;
    border-radius: var(--radius-sm) !important;
    font-family: var(--site-font-family) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body.public-site .site-main :is(button, input, select, textarea):disabled {
    cursor: not-allowed !important;
    opacity: .58 !important;
}

body.public-site .site-button-primary {
    border: 1px solid var(--color-primary-dark);
    background: var(--color-primary);
    color: #fff;
}

body.public-site .site-button-secondary {
    border: 1px solid var(--color-accent);
    background: #fff8df;
    color: var(--color-primary-dark);
}

body.public-site .site-button-outline {
    border: 1px solid var(--color-primary);
    background: transparent;
    color: var(--color-primary);
}

body.public-site .site-button-danger {
    border: 1px solid var(--color-danger);
    background: var(--color-danger);
    color: #fff;
}

/* Homepage: poster-inspired Kundli guidance panel using KundliLive content. */
body.home-page .home-hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(520px, .92fr) !important;
    gap: clamp(28px, 2.4vw, 46px) !important;
    padding: clamp(34px, 3vw, 54px) !important;
}

body.home-page .home-chat--poster {
    position: relative;
    isolation: isolate;
    align-self: stretch;
    overflow: hidden;
    padding: clamp(24px, 2.2vw, 34px) !important;
    border: 1px solid #dcbf82 !important;
    border-top: 5px solid #8c2d24 !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(196, 128, 55, .13) 0 2px, transparent 3px),
        radial-gradient(circle at 88% 16%, rgba(196, 128, 55, .1) 0 2px, transparent 3px),
        repeating-linear-gradient(135deg, rgba(129, 50, 32, .022) 0 1px, transparent 1px 13px),
        linear-gradient(145deg, #fff7e8 0%, #fffdf7 52%, #fff1d8 100%) !important;
    box-shadow: 0 22px 46px rgba(91, 49, 18, .14) !important;
}

body.home-page .home-chat--poster::before {
    position: absolute;
    inset: 14px;
    z-index: -1;
    border: 1px solid rgba(171, 111, 45, .2);
    border-radius: 12px;
    content: "";
    pointer-events: none;
}

body.home-page .home-chat--poster::after {
    right: -54px;
    bottom: -54px;
    width: 160px;
    height: 160px;
    border-color: rgba(154, 83, 35, .13);
    box-shadow: 0 0 0 24px rgba(197, 139, 36, .04), 0 0 0 50px rgba(197, 139, 36, .022);
}

body.home-page .home-chat__celestial {
    position: absolute;
    z-index: -1;
    color: rgba(133, 47, 35, .13);
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1;
    pointer-events: none;
}

body.home-page .home-chat__celestial--moon {
    top: 138px;
    left: 22px;
    font-size: 54px;
    transform: rotate(-8deg);
}

body.home-page .home-chat__celestial--sun {
    top: 74px;
    right: 20px;
    font-size: 62px;
}

body.home-page .home-chat--poster .home-chat__head {
    position: relative;
    align-items: flex-start;
    gap: 20px;
    margin: 0 10px;
    padding: 0 0 20px !important;
    border-bottom: 1px solid #d9b874 !important;
    text-align: left;
}

body.home-page .home-chat--poster .home-chat__head::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 76px;
    height: 9px;
    border-inline: 18px solid transparent;
    background: #8c2d24;
    clip-path: polygon(0 45%, 42% 45%, 50% 0, 58% 45%, 100% 45%, 100% 55%, 58% 55%, 50% 100%, 42% 55%, 0 55%);
    content: "";
}

body.home-page .home-chat--poster .home-chat__label {
    color: #9a5b20 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .13em !important;
}

body.home-page .home-chat--poster .home-chat__head h2 {
    margin: 5px 0 7px !important;
    color: #6d211b !important;
    font-family: Georgia, "Noto Serif Devanagari", "Nirmala UI", serif !important;
    font-size: clamp(28px, 2vw, 32px) !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
}

body.home-page .home-chat--poster .home-chat__head p {
    max-width: 510px;
    margin: 0;
    color: #745c49 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

body.home-page .home-chat--poster .home-chat__status {
    flex: 0 0 auto;
    margin-top: 2px;
    border-radius: 999px !important;
}

body.home-page .home-chat__benefits {
    display: grid;
    gap: 10px;
    margin: 22px 10px 0;
}

body.home-page .home-chat__benefit {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 14px;
    min-height: 86px;
    padding: 12px 15px 12px 12px;
    border: 1px solid #dfc694;
    border-radius: 14px;
    color: #4b3023;
    background: rgba(255, 253, 247, .88);
    text-decoration: none;
    box-shadow: 0 5px 14px rgba(91, 49, 18, .055);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

body.home-page .home-chat__benefit:hover,
body.home-page .home-chat__benefit:focus-visible {
    transform: translateX(4px);
    border-color: #b97a37;
    outline: none;
    box-shadow: 0 9px 20px rgba(91, 49, 18, .1);
}

body.home-page .home-chat__benefit-number {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid #c58b4d;
    border-radius: 50%;
    color: #7a251e;
    background: #fff8ea;
    box-shadow: inset 0 0 0 5px #f5dfb8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 800;
}

body.home-page .home-chat__benefit-copy,
body.home-page .home-chat__benefit-copy strong,
body.home-page .home-chat__benefit-copy small {
    display: block;
    min-width: 0;
}

body.home-page .home-chat__benefit-copy strong {
    color: #71251e;
    font-size: 18px;
    line-height: 1.3;
}

body.home-page .home-chat__benefit-copy small {
    margin-top: 3px;
    color: #776250;
    font-size: 15px;
    line-height: 1.45;
}

body.home-page .home-chat__benefit-arrow {
    color: #a46228;
    font-size: 21px;
    font-weight: 900;
    text-align: right;
}

body.home-page .home-chat--poster .home-chat__composer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    min-height: 48px !important;
    margin: 18px 10px 0;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #8d3027, #651d18) !important;
    box-shadow: 0 9px 20px rgba(93, 27, 23, .2) !important;
}

body.home-page .home-chat--poster .home-chat__composer > span {
    padding-left: 22px;
    text-align: center;
}

body.home-page .home-chat--poster .home-chat__composer > strong {
    height: 48px;
}

body.home-page .home-chat__note {
    display: block;
    margin: 9px 10px 0;
    color: #826b57;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 1100px) {
    body.home-page .home-hero {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (min-width: 761px) and (max-width: 1500px) {
    body.public-site .tools-nav__link,
    body.public-site .tools-nav__link:first-child,
    body.public-site .tools-nav__dropdown > summary {
        padding-inline: 6px !important;
        font-size: 15px !important;
    }

    body.public-site .tools-nav__link::before {
        width: 15px !important;
        margin-right: 3px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 760px) {
    :root {
        --site-gutter: 10px;
        --site-header-gutter: 8px;
        --site-page-top: 16px;
        --site-page-bottom: 40px;
        --site-header-height: 58px;
        --site-nav-height: 48px;
    }

    body.public-site .tools-topbar .tools-topbar__inner {
        padding-inline: 0 !important;
    }

    body.public-site .tools-nav__inner {
        justify-content: flex-start !important;
        gap: 0 !important;
        padding-inline: 0 !important;
    }

    body.public-site .tools-brand,
    body.public-site .tools-brand__mark {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        flex-basis: 40px !important;
    }

    body.public-site .tools-topbar__actions {
        max-width: calc(100% - 48px) !important;
    }

    body.public-site .kl-global-account-auth .kl-auth-welcome {
        display: none !important;
    }

    body.public-site .kl-global-account-auth a,
    body.public-site .kl-global-account-auth button {
        min-height: 34px !important;
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    body.public-site .tools-nav__dropdown-menu {
        top: calc(var(--site-header-height) + var(--site-nav-height)) !important;
    }

    body.public-site .site-main :is(
        .site-page-title,
        .home-hero h1,
        .matching-page-title h1,
        .daily-page-head h1,
        .panchang-report-head > h1,
        .mp-hero h1,
        .info-hero h1,
        .why-hero h1,
        .kl-page-title
    ) {
        font-size: 30px !important;
        line-height: 1.22 !important;
        letter-spacing: -.01em;
    }

    body.public-site :is(.site-breadcrumb, .kl-breadcrumb, .panchang-breadcrumb, .daily-breadcrumb, .info-breadcrumb) {
        gap: 4px 6px !important;
        margin-bottom: 12px !important;
        font-size: 12px !important;
    }

    body.public-site .site-card-header,
    body.public-site .card-header,
    body.public-site .site-card-body,
    body.public-site .card-body {
        padding-inline: var(--space-md);
    }

    body.public-site .site-main :is(
        .tools-button,
        .matching-submit,
        .gpm-submit,
        .mp-submit,
        .kl-generate,
        .panchang-calculator-submit,
        button[type="submit"]
    ) {
        max-width: 100%;
    }

    body.home-page .home-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
        padding: 22px 16px !important;
    }

    body.home-page .home-hero__copy,
    body.home-page .home-actions,
    body.home-page .home-actions .tools-button {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.home-page .home-hero h1,
    body.home-page .home-hero__copy > p,
    body.home-page .home-actions .tools-button {
        overflow-wrap: anywhere;
        white-space: normal !important;
    }

    body.home-page .home-chat--poster {
        padding: 22px 14px !important;
        border-radius: 14px !important;
    }

    body.home-page .home-chat--poster::before {
        inset: 8px;
        border-radius: 10px;
    }

    body.home-page .home-chat--poster .home-chat__head {
        display: block;
        margin-inline: 4px;
    }

    body.home-page .home-chat--poster .home-chat__head h2 {
        font-size: 27px !important;
    }

    body.home-page .home-chat--poster .home-chat__head p {
        font-size: 14px !important;
    }

    body.home-page .home-chat--poster .home-chat__status {
        display: inline-flex;
        margin-top: 10px;
    }

    body.home-page .home-chat__benefits {
        gap: 8px;
        margin: 18px 4px 0;
    }

    body.home-page .home-chat__benefit {
        grid-template-columns: 48px minmax(0, 1fr) 18px;
        gap: 10px;
        min-height: 78px;
        padding: 10px;
        border-radius: 11px;
    }

    body.home-page .home-chat__benefit-number {
        width: 46px;
        height: 46px;
        box-shadow: inset 0 0 0 4px #f5dfb8;
        font-size: 18px;
    }

    body.home-page .home-chat__benefit-copy strong {
        font-size: 16px;
    }

    body.home-page .home-chat__benefit-copy small {
        font-size: 14px;
    }

    body.home-page .home-chat--poster .home-chat__composer,
    body.home-page .home-chat__note {
        margin-inline: 4px;
    }
}

@media (max-width: 420px) {
    body.public-site .kl-global-account-auth .kl-auth-primary {
        display: none !important;
    }

    body.public-site .site-main :is(
        .site-page-title,
        .home-hero h1,
        .matching-page-title h1,
        .daily-page-head h1,
        .panchang-report-head > h1,
        .mp-hero h1,
        .info-hero h1,
        .why-hero h1,
        .kl-page-title
    ) {
        font-size: 28px !important;
    }
}

@media print {
    body.public-site main.site-main,
    body.public-site main.kl-site-main > .kl-page.site-container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }
}

/* Shared masthead lock: every public route, including the standalone Kundli
   document, must render the same header after its historical route CSS. */
html body.public-site .tools-topbar{border:0!important;border-bottom:1px solid rgba(111,34,18,.35)!important;background:linear-gradient(105deg,#bd3518 0%,#e95f08 46%,#ffae00 100%)!important;box-shadow:0 2px 7px rgba(75,31,14,.2)!important}
html body.public-site .tools-topbar .tools-topbar__inner{width:min(var(--site-frame-max),calc(100% - (var(--site-header-gutter) * 2)))!important;max-width:var(--site-frame-max)!important;height:var(--site-header-height)!important;min-height:var(--site-header-height)!important;margin-inline:auto!important;padding-inline:0!important;gap:12px!important}
html body.public-site .tools-brand__mark{width:42px!important;min-width:42px!important;height:42px!important;flex:0 0 42px!important;border:0!important;border-radius:10px!important;background:transparent!important}
html body.public-site .tools-brand strong{color:#fff9e9!important;font-family:Arial,"Nirmala UI",sans-serif!important;font-size:25px!important;font-weight:700!important}
html body.public-site .tools-brand__accent{color:#ffd56b!important}
html body.public-site .tools-brand small{color:rgba(255,249,230,.94)!important;font-family:Arial,sans-serif!important;font-size:12px!important}
html body.public-site .tools-nav{top:var(--site-header-height)!important;border:0!important;border-bottom:1px solid #d7d7d7!important;color:#333!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}
html body.public-site .tools-nav__inner{width:min(var(--site-frame-max),calc(100% - (var(--site-header-gutter) * 2)))!important;max-width:var(--site-frame-max)!important;min-height:var(--site-nav-height)!important;margin-inline:auto!important;padding-inline:0!important;background:#fff!important}
html body.public-site .tools-nav__link,html body.public-site .tools-nav__link:first-child,html body.public-site .tools-nav__dropdown>summary{min-height:var(--site-nav-height)!important;color:#333!important;background:#fff!important;font-family:Arial,"Nirmala UI",Mangal,sans-serif!important;font-size:15px!important;font-weight:600!important}
@media(max-width:760px){html body.public-site .tools-topbar .tools-topbar__inner,html body.public-site .tools-nav__inner{width:100%!important;padding-inline:8px!important}html body.public-site .tools-brand__mark{width:40px!important;min-width:40px!important;height:40px!important;flex-basis:40px!important}html body.public-site .tools-nav__link,html body.public-site .tools-nav__link:first-child,html body.public-site .tools-nav__dropdown>summary{font-size:13px!important}}