/* HariJyotish unified saffron brand layer. Presentation only; no API changes. */
:root{--hj-saffron:#f97300;--hj-saffron-dark:#c73b08;--hj-cream:#fffaf3;--hj-soft:#fff2df;--hj-border:#ffd2a0;--hj-ink:#572419;--hj-shadow:0 6px 22px rgba(167,73,0,.07)}
html{scroll-behavior:smooth}body{background:var(--hj-cream);color:var(--hj-ink)}
body :is(.card,.panel,.box-card,.result-card,.form-card,.report-card,.section-card,.kundli-card,.milan-card,.panchang-card,.numerology-card,.muhurat-card){border-color:var(--hj-border);border-radius:15px;box-shadow:var(--hj-shadow)}
body :is(.nav-tabs,.tabs,.tab-bar,.tab-buttons){border-color:var(--hj-border)}
body :is(.nav-tabs .active,.tabs .active,.tab-bar .active,.tab-buttons .active){color:var(--hj-saffron-dark);border-color:var(--hj-saffron)}
body :is(h1,h2,h3){overflow-wrap:anywhere}
@media(max-width:540px){body :is(input,select,textarea){font-size:16px}body :is(.card,.panel,.form-card,.result-card){border-radius:12px}body :is(h1){font-size:clamp(23px,6vw,30px)}body :is(h2){font-size:clamp(19px,5vw,25px)}}
/* NO3 inner-page brand: limited to page content, never the header or advertising. */
body>main.api-page,body>main.wrap,body>main.mu-main{box-sizing:border-box;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:clamp(12px,2vw,24px);padding-right:clamp(12px,2vw,24px)}
body>main.api-page :is(.card,.panel,.form-card,.result-card),body>main.wrap :is(.card,.panel,.form-card,.result-card),body>main.mu-main :is(.card,.panel,.form-card,.result-card){border-radius:14px;border-color:#efd2ae;box-shadow:0 5px 18px rgba(124,65,9,.06)}
body>main.api-page :is(input,select,textarea),body>main.wrap :is(input,select,textarea),body>main.mu-main :is(input,select,textarea){max-width:100%;box-sizing:border-box}
@media(max-width:650px){body>main.api-page,body>main.wrap,body>main.mu-main{padding-left:12px;padding-right:12px}}
