/* Tally development pages only. Existing site styles and scripts are unchanged. */
.tally-page .tally-topline { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding-top: 1rem; }
.tally-page .tally-topline .breadcrumb { margin: 0; padding-block: .3rem; }
.tally-page .tally-language { display: flex; gap: .2rem; padding: .2rem; border: 1px solid var(--line); border-radius: 999px; }
.tally-page .tally-language a { padding: .45rem .95rem; color: var(--ink-soft); border-radius: 999px; text-decoration: none; }
.tally-page .tally-language [aria-current="page"] { background: var(--panel-strong); color: var(--cyan); font-weight: 750; }
.tally-page .tally-hero { padding-top: clamp(2rem, 4vw, 4rem); }
.tally-page .tally-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, .85fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.tally-page .tally-status { display: inline-block; margin-bottom: 1.1rem; padding: .4rem .85rem; border: 1px solid rgba(255,211,106,.4); border-radius: 999px; background: rgba(255,211,106,.075); color: var(--yellow); font-size: .86rem; font-weight: 750; }
.tally-page h1 { max-width: 18ch; font-size: clamp(2.3rem, 4.65vw, 4rem); line-height: 1.1; text-wrap: balance; }
.tally-page .tally-strap { color: var(--cyan); font-size: clamp(1.16rem, 2.2vw, 1.65rem); line-height: 1.5; font-weight: 700; }
.tally-page .tally-boundary { margin: 1.2rem 0 .6rem; max-width: 65ch; color: var(--ink-soft); font-size: .93rem; }
.tally-page .tally-flow-panel { padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid rgba(105,222,247,.3); border-radius: var(--radius); background: linear-gradient(145deg, rgba(105,222,247,.07), rgba(138,239,180,.035)); }
.tally-page .tally-flow-panel h2 { max-width: none; font-size: 1.1rem; letter-spacing: 0; line-height: 1.45; }
.tally-page .tally-flow { margin: 1.5rem 0; padding: 0; list-style: none; }
.tally-page .tally-flow li { position: relative; display: flex; align-items: flex-start; gap: .85rem; padding: 0 0 1.6rem; }
.tally-page .tally-flow li:last-child { padding-bottom: 0; }
.tally-page .tally-flow li:not(:last-child)::after { content: ""; position: absolute; left: 1.1rem; top: 2.7rem; bottom: .45rem; width: 1px; background: var(--line); }
.tally-page .tally-flow-number { display: grid; place-items: center; flex: 0 0 2.25rem; min-height: 2.25rem; border: 1px solid var(--line); border-radius: .7rem; background: var(--panel); color: var(--mint); font-size: .8rem; font-weight: 800; }
.tally-page .tally-flow strong { display: block; color: var(--ink); font-size: 1.08rem; }
.tally-page .tally-flow li div > span { display: block; color: var(--muted); font-size: .9rem; line-height: 1.55; }
.tally-page .tally-flow-panel > p:last-child { margin-bottom: 0; }
.tally-page .tally-scope-note { padding: 1.1rem 1.3rem; margin: 1.2rem 0 0; border-left: 2px solid var(--yellow); color: var(--ink-soft); background: rgba(255,211,106,.04); }
.tally-page .tally-enquiry { border: 1px solid rgba(105,222,247,.25); border-radius: var(--radius); padding: clamp(1.3rem, 3vw, 2.3rem); background: rgba(105,222,247,.04); }
.tally-page .tally-email { margin: 1rem 0; }
.tally-page .tally-language-note { margin: 1.2rem 0 0; }
.tally-page .tally-references h2 { font-size: 1.15rem; letter-spacing: 0; }
.tally-page .tally-references ul { margin: .8rem 0 0; padding-left: 1.2rem; font-size: .9rem; }
.tally-page .tally-references li { margin: .4rem 0; }
.tally-page:lang(hi) { font-family: "Nirmala UI", "Noto Sans Devanagari", "Segoe UI", system-ui, sans-serif; line-height: 1.85; }
.tally-page:lang(hi) h1, .tally-page:lang(hi) h2, .tally-page:lang(hi) h3 { letter-spacing: 0; line-height: 1.45; }
.tally-page:lang(hi) .eyebrow, .tally-page:lang(hi) .footer-grid h2 { letter-spacing: 0; text-transform: none; }
.tally-page:lang(hi) .brand { font-family: ui-sans-serif, system-ui, sans-serif; }
.tally-page:lang(hi) .tally-strap { line-height: 1.75; }
.tally-page:lang(hi) .tally-flow li div > span { line-height: 1.8; }
@media (max-width: 58rem) {
  .tally-page .tally-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 1.8rem; }
  .tally-page h1 { max-width: 22ch; }
  .tally-page .tally-flow-panel { max-width: 42rem; width: 100%; }
}
@media (max-width: 36rem) {
  .tally-page .tally-topline { align-items: flex-start; gap: .65rem; }
  .tally-page .tally-topline .breadcrumb { flex-wrap: wrap; font-size: .8rem; }
  .tally-page .tally-language a { padding: .4rem .8rem; }
  .tally-page .tally-hero { padding-top: 1.8rem; }
  .tally-page .actions { align-items: stretch; flex-direction: column; }
  .tally-page .actions .button { text-align: center; }
}
@media (prefers-reduced-motion: reduce) { html:has(body.tally-page) { scroll-behavior: auto; } }
