/* ============================================================
   หน้าบริการ: ถอนผู้จัดการมรดกและฟ้องแบ่งมรดก (/services-inheritance-dispute)
   ใช้โครงและสีจาก css/svc-notice.css (คลาส dn-*) — ไฟล์นี้มีเฉพาะส่วนที่หน้ามรดกเพิ่มขึ้นมา
   ============================================================ */

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- หน้าที่ผู้จัดการมรดก: เส้นเวลา 15 วัน → 1 เดือน → 1 ปี → ตลอดเวลา ---------- */
.es-duties { list-style: none; padding: 0; margin-top: 26px; display: grid; gap: 0; }
.es-duties li { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--line-strong); }
.es-duties li:first-child { border-top: 1.5px solid var(--navy); }
.es-when {
  align-self: start; display: inline-flex; justify-content: center; padding: 6px 8px;
  border-radius: var(--r-md); background: var(--navy); color: var(--gold-bright);
  font-family: var(--serif-th); font-weight: 600; font-size: 1.02rem; line-height: 1.3; text-align: center; white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.es-when--always { background: var(--white); color: var(--navy); box-shadow: inset 0 0 0 1.5px var(--navy); font-size: .92rem; }
.es-what { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; color: var(--slate); line-height: 1.7; }
.es-what b { color: var(--navy); font-size: 1.04rem; }
.es-what .dn-law { margin-top: 4px; }

/* ---------- หมายเหตุใต้บันได 3 ขั้น ---------- */
.es-ladder-note { margin-top: 22px; max-width: 72ch; color: var(--slate); font-size: var(--fs-sm); line-height: 1.75; }
.es-ladder-note a { color: var(--navy); font-weight: 600; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 3px; }

/* ---------- เครื่องมือ: ตัวเลือก 3 ช่อง + ช่องติ๊กหลายข้อ ---------- */
.es-opts--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.es-multi { font-family: var(--sans-th); font-size: var(--fs-xs); font-weight: 400; color: var(--slate); }
.es-chk span::before { border-radius: 5px; }
.es-chk input:checked + span::before {
  border-color: var(--gold); background: var(--gold); box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  background-size: 13px 13px; background-position: center; background-repeat: no-repeat;
}
.es-date-only { margin-top: 0; }
.dn-steps[start="5"] { counter-reset: st 4; }

/* หน้าโนติสปิด nowrap ใน H1 ที่จอ ≤420px เพราะวลียาว · วลีใน H1 หน้านี้สั้นพอ จึงคงไว้ ไม่ให้ตัดกลางคำ (เช่น "ถอน / ผู้จัดการมรดก") */
@media (max-width: 420px) {
  .es-hero h1 .nowrap { white-space: nowrap; }
}
@media (max-width: 640px) {
  .es-opts--3 { grid-template-columns: 1fr; }
  .es-duties li { grid-template-columns: 74px minmax(0, 1fr); gap: 14px; }
  .es-when { font-size: .95rem; }
}