/*
 * Content polish for the single Festival and Jyotish & Panchang knowledge pages
 * (colour, heading accents, link colour, callout boxes). Presentation only:
 * scoped to #vd-festival-content / #vd-jyotish-panchang-content, brand colours
 * taken from the site (orange #FF7E00, hover red #C83400, cream #FFF7EC).
 */
:is(#vd-festival-content, #vd-jyotish-panchang-content) { color: #3a2f29; font-size: 17px; line-height: 1.75; }
:is(#vd-festival-content, #vd-jyotish-panchang-content) > p:first-of-type { font-size: 19px; color: #4a3b32; }
:is(#vd-festival-content, #vd-jyotish-panchang-content) h2 {
	color: #b33a00; font-size: 30px; line-height: 1.25; margin: 44px 0 14px; padding-left: 14px; border-left: 5px solid #ff7e00; clear: both;
}
:is(#vd-festival-content, #vd-jyotish-panchang-content) h3 { color: #8a3a00; font-size: 23px; margin: 30px 0 10px; }
:is(#vd-festival-content, #vd-jyotish-panchang-content) h4 { color: #4a3b32; font-size: 19px; margin: 24px 0 8px; }
:is(#vd-festival-content, #vd-jyotish-panchang-content) strong { color: #2b211c; }
:is(#vd-festival-content, #vd-jyotish-panchang-content) a { color: #b34d00; text-decoration: underline; text-decoration-color: rgba(255, 126, 0, .55); text-underline-offset: 3px; }
:is(#vd-festival-content, #vd-jyotish-panchang-content) a:hover { color: #c83400; text-decoration-color: currentColor; }
:is(#vd-festival-content, #vd-jyotish-panchang-content) a:focus-visible { outline: 3px solid #1a5fb4; outline-offset: 2px; }
:is(#vd-festival-content, #vd-jyotish-panchang-content) ul li::marker { color: #ff7e00; }
:is(#vd-festival-content, #vd-jyotish-panchang-content) img { border-radius: 8px; }

/* Callout boxes: Quick Facts (Jyotish), This Year's Panchang Details (Festival) */
:is(#vd-jyotish-panchang-content .vd-jp-facts, #vd-festival-content .vd-festival-panchang-block) {
	background: #fff7ec; border: 1px solid #f0c890; border-top: 5px solid #ff7e00; border-radius: 10px; box-shadow: 0 2px 8px rgba(120, 60, 0, .08);
}
:is(#vd-jyotish-panchang-content .vd-jp-facts h2, #vd-jyotish-panchang-content .vd-jp-facts h3) { color: #b33a00; border: 0; padding: 0; margin: 0 0 14px; font-size: 24px; }
#vd-festival-content .vd-festival-panchang-block .vd-festival-panchang-heading { color: #b33a00; font-size: 22px; font-weight: 700; }
:is(#vd-jyotish-panchang-content .vd-jp-fact-label, #vd-festival-content .vd-festival-panchang-field dt) { color: #8a6a55; font-size: 12.5px; letter-spacing: .04em; text-transform: uppercase; }
:is(#vd-jyotish-panchang-content .vd-jp-fact-value, #vd-festival-content .vd-festival-panchang-field dd) { color: #2b211c; font-weight: 600; }
#vd-jyotish-panchang-content .vd-jp-perspective { background: #fff7ec; border-left: 4px solid #ff7e00; border-radius: 0 8px 8px 0; }
#vd-jyotish-panchang-content .vd-jp-perspective--science { background: #f4f4f4; border-left-color: #8a8a8a; }
#vd-jyotish-panchang-content .vd-jp-mantra { border-radius: 10px; }

@media (max-width: 640px) {
	:is(#vd-festival-content, #vd-jyotish-panchang-content) { font-size: 16px; }
	:is(#vd-festival-content, #vd-jyotish-panchang-content) h2 { font-size: 25px; }
}