/*  styles/registration-docs.css — /property-registration-documents
    (9 Nov 2026).

    Rang sirf TOKEN se — ek bhi naya hex nahi (`yard.css` ke `:root` se).
    Naap mobile-first: base phone ka, `min-width` uska apwaad, aur har
    override apne base rule ke BAAD (§23 ka wahi kram — pehle likhne par
    wo chup-chaap marr jaata hai).

    Sabse chhota akshar 13px — §30 ka 12px ka farsh kahin nahi tootta.

    ⚠️ Yeh file `stamp-duty.css` ki NAKAL NAHI hai: wahan ek table hai,
       yahan ek soochi. Jo saanjha hai (shell, header, footer, `.y-crumb`)
       wo `yard.css` se aata hai aur dono panne wahi padhte hain. */

/*  Panne ki pehli lakeer — h1 ke theek neeche, kisi toggle ke peeche
    nahi. Isme wo shart hai jo poore panne par lagti hai ("har zile ka
    apna farq"), aur wo ek caveat hai: use chhupana us aadmi ka nuksaan
    hai jo ispar apni registry ki taiyari kar raha hai. */
.rd-lead {
  margin: 0 0 22px; max-width: 72ch;
  font-size: 14.5px; line-height: 1.6; color: var(--ink-2);
}

/*  Har kaagaz ek card — number, naam, aur uske neeche "yeh kis kaam ka
    hai". Phone par ek column; chaude panne par do. */
.rd-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }

.rd-item {
  display: grid; grid-template-columns: auto 1fr; gap: 12px;
  padding: 16px; border: 1px solid var(--line); border-radius: var(--r-lg);
  background: var(--surface);
}

/*  Ginti — kaagaz ka kram maayne rakhta hai (deed pehle, TDS aakhir me),
    isliye `<ol>` hai aur ank dikhta hai. */
.rd-no {
  font-size: 13px; font-weight: 800; letter-spacing: .2px;
  color: var(--a2); font-variant-numeric: tabular-nums;
  min-width: 22px;
}

.rd-t { font-size: 15px; font-weight: 700; line-height: 1.45; color: var(--ink); }
.rd-d { margin-top: 5px; font-size: 13.5px; line-height: 1.55; color: var(--ink-2); }

/*  Aage kahan — `/services` (liaison ka raasta, §26) aur stamp duty ka
    panna. Dono pehle se chalte hue raaste hain; yahan koi naya vaada
    nahi. */
.rd-next {
  margin-top: 26px; padding: 18px;
  border: 1px solid var(--line); border-radius: var(--r-lg);
  background: var(--surface-2);
}
.rd-next h2 { margin: 0 0 6px; font-size: 15px; font-weight: 800; letter-spacing: -.2px; }
.rd-next p { margin: 0 0 12px; font-size: 13.5px; line-height: 1.55; color: var(--ink-2); }
.rd-next .sp { display: flex; flex-wrap: wrap; gap: 8px; }

@media (min-width: 701px) {
  .rd-list { grid-template-columns: 1fr 1fr; }
  .rd-lead { font-size: 15px; }
}