/* jyotisoft.com /<lang>/tools/lagna-quiz/: lagna.css (the shared one, copied by build_site.py) is
 * written against that site's variables. Here they are site.css's, so the light/dark scheme and the
 * palette follow without a second one; the form pieces the other stylesheet supplies are
 * restated for this site's inputs. */
.lagna-box {
  --ink-soft: var(--ink-2);
  --ink-dim: var(--ink-2);
  --gold: var(--orange);
  --gold-light: var(--orange);
  --gold-dark: var(--orange);
  --teal: var(--t-best);
  --terracotta: var(--t-bad);
  --ease: ease;
  display: block;
  margin: 0 0 2rem;
}
.lagna-box .wide { grid-column: 1 / -1; }
.lagna-box .order-field { display: grid; gap: .3rem; font-size: .95rem; }
.lagna-box .order-field input { font: inherit; padding: .6rem .75rem; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface); color: var(--ink); }
.lagna-box .order-check { display: flex; align-items: center; gap: .5rem; }
.lagna-box .place-results { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; }
.lagna-box .place-results button { width: 100%; text-align: left; font: inherit; padding: .55rem .75rem; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 10px; cursor: pointer; }
.lagna-box .place-results button:hover, .lagna-box .place-results button:focus-visible { border-color: var(--ink); outline: none; }
.lagna-box .order-status { margin: 0; min-height: 1.2em; color: var(--ink-2); }
.lagna-box .order-status.is-error { color: var(--accent-ink); font-weight: 600; } /* as the site's .order-status.is-error: --t-bad #ff6266 is a chart tone, 2.9:1 as text on white */
.lagna-box .lagna-option[aria-pressed="true"] { background: var(--surface-2); }
.lagna-box .lagna-top .eyebrow { font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent-ink); }
.lagna-box .lagna-sign { margin: 0; font-size: clamp(2rem, 6vw, 3rem) !important; }
/* Step 2 (parts.js): the parts of the sign. The verdict is a sentence, not a sign name. */
.lagna-box .lagna-parts-top { margin: 0; font-size: clamp(1.35rem, 4vw, 1.9rem); line-height: 1.25; }
.lagna-box .lagna-parts .lagna-alt { grid-template-columns: minmax(6rem, 45%) minmax(3rem, 1fr) 3.2rem; }
.lagna-box .lagna-parts-offer .button { white-space: normal; }
/* RBUG-3994: translated app CTAs must wrap on narrow screens. */
.lagna-app .button { white-space: normal; }