@font-face { font-family: Fraunces; src: url(fonts/fraunces-latin-700.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

html:root body {
  --dl-bg: #F6F4EF; --dl-bg2: #EEEBE4; --dl-surface: #fff; --dl-surface2: #FAF9F6;
  --dl-ink: #1C1E24; --dl-ink2: #5A5F6B; --dl-ink3: #8D919B;
  --dl-line: rgba(28,30,36,.09); --dl-line2: rgba(28,30,36,.16);
  --dl-a: #B4532F; --dl-a2: #D97A4D; --dl-ai: #9A4526; --dl-soft: rgba(180,83,47,.11); --dl-aline: rgba(180,83,47,.28); --dl-on: #fff;
  --dl-glass: rgba(255,255,255,.70); --dl-glass-top: rgba(255,255,255,.84); --dl-milk: rgba(255,255,255,.74); --dl-edge: rgba(255,255,255,.9);
  --dl-shadow1: 0 1px 2px rgba(20,22,30,.05), 0 2px 8px rgba(20,22,30,.04);
  --dl-shadow2: 0 2px 6px rgba(20,22,30,.05), 0 22px 48px -14px color-mix(in srgb, #B4532F 26%, rgba(20,22,30,.14));
  --dl-display: Fraunces, "Noto Serif Kannada", "Noto Serif Devanagari", Georgia, serif;
  --wp--preset--color--base: #F6F4EF; --wp--preset--color--contrast: #1C1E24; --wp--preset--color--accent: #9A4526;
  --wp--preset--color--accent-alt: #B4532F; --wp--preset--color--accent-surface: #F6E3D6; --wp--preset--color--contrast-muted: #5A5F6B;
  --wp--preset--color--base-sunk: #EEEBE4; --wp--preset--color--rule: #E2DED5;
}
html { background: #F6F4EF; color-scheme: light; }

[data-manohara-scheme-group], #manohara-scheme-label { display: none !important; }

html:root body { background: transparent !important; color: var(--dl-ink); position: relative; }
html:root body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(60vmax 60vmax at -12% -14%, color-mix(in srgb, var(--dl-a) 17%, transparent), transparent 68%),
    radial-gradient(46vmax 46vmax at 108% 34%, color-mix(in srgb, var(--dl-a2) 13%, transparent), transparent 68%),
    radial-gradient(44vmax 44vmax at 104% -8%, color-mix(in srgb, var(--dl-a2) 24%, #fff0), transparent 68%),
    var(--dl-bg);
}
.wp-site-blocks, .manohara-page-head, main { background: transparent; }

h1, h2, h3, h4, .wp-block-heading, .wp-block-post-title, .wp-block-query-title, .manohara-page-head__title,
.dxh h1, .dxh h2, .dxh h3, .dxh-lead, .dxh-door b, .dxh-card b, .dxh-sub b, .dxh-box .dxh-top a, .dxp-hb-item b, .dxp-hf-main b {
  font-family: var(--dl-display) !important; font-weight: 700; letter-spacing: -.01em;
}
.manohara-page-head__title { font-size: clamp(2rem, 5vw, 2.9rem); line-height: 1.15; color: var(--dl-ink); }
.manohara-page-head__sub { color: var(--dl-ink2); }
a { text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--dl-a); outline-offset: 2px; border-radius: 8px; }
::selection { background: var(--dl-soft); }

.manohara-topbar {
  background: linear-gradient(180deg, var(--dl-glass-top), var(--dl-glass)) !important;
  -webkit-backdrop-filter: saturate(190%) blur(22px); backdrop-filter: saturate(190%) blur(22px);
  border-bottom: 1px solid var(--dl-line) !important;
  box-shadow: inset 0 1px 0 var(--dl-edge), 0 10px 30px -18px color-mix(in srgb, var(--dl-a) 30%, transparent); color: var(--dl-ink);
}
.manohara-topbar a, .manohara-topbar button { color: var(--dl-ink); }
.manohara-topbar__nav .wp-block-navigation-item__content, .manohara-topbar__nav a { color: var(--dl-ink) !important; opacity: 1; border-radius: 11px; font-weight: 600; }

html:root body { --sec: var(--dl-ai); --sec2: var(--dl-a2); --secbar: var(--dl-a); }
html:root body.js-pillar-mantra-nidhi { --sec: #9A4526; --sec2: #D97A4D; --secbar: #B4532F; }
html:root body.js-pillar-grantha-yatre,
html:root body:has(.dxh[style*="--acc:var(--gy)"]) { --sec: #2B4491; --sec2: #6E86D6; --secbar: #3A55B0;
  --dl-a: #3A55B0; --dl-a2: #6E86D6; --dl-ai: #2B4491; --dl-soft: rgba(58,85,176,.10); --dl-aline: rgba(58,85,176,.28);
  --wp--preset--color--accent: #2B4491; --wp--preset--color--accent-alt: #3A55B0; --wp--preset--color--accent-surface: #E3E8F7; }
html:root body.js-pillar-vichara-lahari,
html:root body:has(.dxh[style*="--acc:var(--vl)"]) { --sec: #0A665E; --sec2: #4DB3A6; --secbar: #12857A;
  --dl-a: #12857A; --dl-a2: #4DB3A6; --dl-ai: #0A665E; --dl-soft: rgba(18,133,122,.10); --dl-aline: rgba(18,133,122,.28);
  --wp--preset--color--accent: #0A665E; --wp--preset--color--accent-alt: #12857A; --wp--preset--color--accent-surface: #DDF0EC; }

.manohara-topbar__nav .wp-block-navigation-item { --nv: var(--dl-ai); }
.manohara-topbar__nav .js-nav-mantra-nidhi { --nv: #9A4526; }
.manohara-topbar__nav .js-nav-grantha-yatre { --nv: #2B4491; }
.manohara-topbar__nav .js-nav-vichara-lahari { --nv: #0A665E; }
.manohara-topbar__nav .wp-block-navigation-item__content:hover,
.manohara-topbar__nav .wp-block-navigation-item__content:focus-visible { background: color-mix(in srgb, var(--nv) 11%, transparent); color: var(--nv) !important; }
.manohara-topbar__nav .current-menu-item > a, .manohara-topbar__nav [aria-current] { background: color-mix(in srgb, var(--nv) 14%, transparent); color: var(--nv) !important; }
.manohara-topbar__button { border-radius: 12px; }

html body.js-pillar-mantra-nidhi .manohara-topbar__nav .js-nav-mantra-nidhi > .wp-block-navigation-item__content,
html body.js-pillar-grantha-yatre .manohara-topbar__nav .js-nav-grantha-yatre > .wp-block-navigation-item__content,
html body.js-pillar-vichara-lahari .manohara-topbar__nav .js-nav-vichara-lahari > .wp-block-navigation-item__content,
html body.js-pillar-mantra-nidhi .manohara-topbar__nav .js-nav-mantra-nidhi > .wp-block-navigation-item__content .wp-block-navigation-item__label,
html body.js-pillar-grantha-yatre .manohara-topbar__nav .js-nav-grantha-yatre > .wp-block-navigation-item__content .wp-block-navigation-item__label,
html body.js-pillar-vichara-lahari .manohara-topbar__nav .js-nav-vichara-lahari > .wp-block-navigation-item__content .wp-block-navigation-item__label {
  color: var(--nv) !important; border-block-end-color: var(--nv) !important; font-weight: 700 !important; opacity: 1 !important; transition: none;
}
html body.js-pillar-mantra-nidhi .manohara-topbar__nav .js-nav-mantra-nidhi > .wp-block-navigation-item__content,
html body.js-pillar-grantha-yatre .manohara-topbar__nav .js-nav-grantha-yatre > .wp-block-navigation-item__content,
html body.js-pillar-vichara-lahari .manohara-topbar__nav .js-nav-vichara-lahari > .wp-block-navigation-item__content { background: color-mix(in srgb, var(--nv) 14%, transparent); box-shadow: none; }

.manohara-topbar__logo { box-sizing: border-box; width: 168px !important; height: 51px !important; max-height: none !important; max-width: none !important; padding-left: 168px; object-fit: none; background: url(logo-header.png) left center / contain no-repeat; }

.manohara-topbar .js-lang-toggle { font-size: 0 !important; display: inline-flex; align-items: center; gap: 2px; padding: 3px !important; min-width: 0; width: auto !important; height: auto !important; border-radius: 12px; background: var(--dl-bg2); box-shadow: inset 0 0 0 1px var(--dl-line); }
.manohara-topbar .js-lang-toggle::before, .manohara-topbar .js-lang-toggle::after { font-size: .82rem; font-weight: 700; line-height: 1; padding: 7px 12px; border-radius: 9px; color: var(--dl-ink2); transition: background .15s, color .15s; }
.manohara-topbar .js-lang-toggle::before { content: "English"; font-family: system-ui, sans-serif; }
.manohara-topbar .js-lang-toggle::after { content: "ಕನ್ನಡ"; }

.manohara-topbar .js-lang-toggle[aria-label="Switch to English"]::after,
.manohara-topbar .js-lang-toggle:not([aria-label="Switch to English"])::before { background: #fff; color: var(--dl-ink); box-shadow: 0 1px 3px rgba(20,22,30,.14); }

.is-style-manohara-card { position: relative; overflow: hidden; border: 0 !important; border-radius: 20px !important; background: var(--dl-milk) !important;
  -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px);
  box-shadow: var(--dl-shadow1), inset 0 1px 0 var(--dl-edge), inset 0 0 0 1px var(--dl-line); }
.is-style-manohara-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--sec2), var(--secbar)); }
.manohara-pagecode { border-radius: 16px; background: var(--dl-milk); border-color: var(--dl-line); }
.wp-block-post-featured-image img, .entry-content figure img { border-radius: 20px; }
blockquote { border-left: 3px solid var(--dl-a); border-radius: 0 12px 12px 0; }
.wp-block-table table, .entry-content table { border-radius: 12px; }
.entry-content a, .wp-block-post-content a { color: var(--sec); }
.jsb-h, .jsb-more a, .manohara-sidebar h2, .manohara-sidebar h3 { color: var(--sec) !important; }
blockquote { border-left-color: var(--secbar); }

.dxh { --mn: var(--dl-ai); --gy: #2B4491; --vl: #0A665E; --hb: #8A5A12; --ink: var(--dl-ink); --mut: var(--dl-ink2); --line: var(--dl-line); --card: var(--dl-milk); }
.dxh-door, .dxh-card, .dxh-box, .dxh-v, .dxh-strip a, .dxh-tabs button, .dxh-pill { background: var(--dl-milk); -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); }
.dxh-door, .dxh-card, .dxh-box { border: 0 !important; border-radius: 20px; box-shadow: var(--dl-shadow1), inset 0 1px 0 var(--dl-edge), inset 0 0 0 1px var(--dl-line); transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s; }
.dxh-door { position: relative; overflow: hidden; }
.dxh-door::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--acc); opacity: .85; }
@media (hover: hover) { .dxh-door:hover, .dxh-card:hover { transform: translateY(-3px); box-shadow: var(--dl-shadow2), inset 0 0 0 1px var(--dl-line2); } }
.dxh-door span, .dxh-card span { color: var(--dl-ink2); }
.dxh-door b, .dxh-card b { font-size: 1.18rem; }
.dxh-strip a, .dxh-tabs button, .dxh-pill { border: 0 !important; box-shadow: inset 0 0 0 1px var(--dl-line2); border-radius: 999px; color: var(--dl-ink); }
.dxh-tabs button[aria-selected="true"] { background: var(--dl-soft); color: var(--dl-ai); box-shadow: inset 0 0 0 1.5px var(--dl-aline); }
.dxh-strip a.all, .dxh-g9 a.ok { background: var(--dl-soft); color: var(--dl-ai); box-shadow: inset 0 0 0 1px var(--dl-aline); }
.dxh-g9 a { background: var(--dl-bg2); color: var(--dl-ink2); border-radius: 9px; }
.dxh-box .dxh-top small { color: var(--dl-ink2); }
.dxh-list, .dxh-new ul, .dxh-list li, .dxh-new li, .dxh-num { border-color: var(--dl-line) !important; }
.dxh-lead { color: var(--dl-ink) !important; }

.dxh-today { background: linear-gradient(160deg, #242A3A 0%, #171B26 100%) !important; border-radius: 26px !important; box-shadow: var(--dl-shadow2), inset 0 1px 0 rgba(255,255,255,.08) !important; color: #ECEDEF; position: relative; overflow: hidden; }
.dxh-today::after { content: ""; position: absolute; right: -70px; top: -90px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(240,145,107,.30), transparent 68%); pointer-events: none; }
.dxh-today h2, .dxp-hb-link i { color: #F5B27F; }
.dxh-today small, .dxp-hb-item small, .dxh-nowbox .dxh-now { color: #B9BEC9; }
.dxp-hb, .dxp-hf, .dxh-verse, .dxh-nowbox { background: rgba(255,255,255,.055) !important; border: 0 !important; border-radius: 18px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); }
.dxp-hf { box-shadow: inset 3px 0 0 #F0916B, inset 0 0 0 1px rgba(255,255,255,.09) !important; }
.dxp-hb-item { border-left-color: #F0916B; }
.dxp-hb-item span, .dxh-verse span, .dxp-hf-main span, .dxp-hf-line { color: #D6D9E0; }
.dxp-hb-meta, .dxp-hb-y, .dxp-hf-main .dxp-hf-sub, .dxp-hb-item .dxp-hb-next { color: #9AA0AC; }
.dxp-hb-meta { border-top-color: rgba(255,255,255,.1); }
.dxh a.dxp-hb-link, .dxp-hb-link { border: 0 !important; border-radius: 14px; background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.dxp-hb-link:hover, .dxp-hb-link:focus-visible { background: rgba(245,178,127,.16); }
.dxh .dxh-chips a { border-color: transparent !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); color: #ECEDEF !important; }
.dxh .dxh-chips a:hover, .dxh .dxh-chips a:focus-visible { background: #F5B27F; color: #1C1E24 !important; }
.dxh a.dxp-hf-link, .dxp-hf-link { color: #F5B27F !important; }

.dxh-sbar { background: var(--dl-milk); -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); border: 0 !important;
  box-shadow: var(--dl-shadow1), inset 0 1px 0 var(--dl-edge), inset 0 0 0 1px var(--dl-line2); }
.dxh-sbar:focus-within { box-shadow: 0 0 0 3px var(--dl-soft), inset 0 0 0 2px var(--dl-a); }
.dxh-res { background: var(--dl-surface); border-radius: 18px; box-shadow: var(--dl-shadow2); }

.dxh-sbar button, .dxh .dxh-sub a, .dxh-cta, .wp-block-button__link, .wp-element-button {
  background: linear-gradient(145deg, var(--dl-a2), var(--dl-a)) !important; color: var(--dl-on) !important; border: 0; font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 14px color-mix(in srgb, var(--dl-a) 32%, transparent); transition: transform .12s, box-shadow .15s;
}
.dxh-sbar button:hover, .dxh .dxh-sub a:hover, .wp-block-button__link:hover { filter: brightness(1.04); }
.dxh-sbar button:active, .dxh .dxh-sub a:active, .wp-block-button__link:active { transform: scale(.97); }

.dxh-sub { background: linear-gradient(135deg, color-mix(in srgb, var(--dl-a2) 16%, var(--dl-milk)), var(--dl-milk)) !important; border: 0 !important; border-radius: 24px !important;
  box-shadow: var(--dl-shadow1), inset 0 1px 0 var(--dl-edge), inset 0 0 0 1px var(--dl-aline) !important; }
.dxh-sub-ic { background: linear-gradient(145deg, var(--dl-a2), var(--dl-a)); box-shadow: inset 0 1px 0 rgba(255,255,255,.28); }
.dxh-sub-ic svg { color: var(--dl-on); }
.dxh-sub b { color: var(--dl-ai); } .dxh-sub span { color: var(--dl-ink2); }
.dxh-more { color: var(--dl-ai) !important; }

footer.wp-block-template-part { background: linear-gradient(180deg, #1E2230 0%, #14171F 100%) !important; color: #D6D9E0; position: relative; overflow: hidden; }
footer.wp-block-template-part::before { content: ""; position: absolute; left: -80px; top: -120px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(240,145,107,.20), transparent 68%); pointer-events: none; }
.manohara-footer { background: transparent !important; -webkit-backdrop-filter: none; backdrop-filter: none; border: 0; color: #D6D9E0 !important; position: relative; }
.manohara-footer p, .manohara-footer li { color: #C4C8D2 !important; }
.manohara-footer a { color: #ECEDEF !important; }
.manohara-footer a:hover { color: #F5B27F !important; }
.manohara-footer .is-style-manohara-footer-heading { color: #F5B27F !important; letter-spacing: .06em; }

@media (prefers-reduced-motion: reduce) { * { transition-duration: .01ms !important; animation-duration: .01ms !important; } }
