/* หน้า /services-debt · แถบบริการเด่น "ออกโนติสโดยทนาย" ต่อจาก Hero + ลิงก์สั้นใต้ปุ่ม Hero (21 ต.ค. 2569)
   โหลดเฉพาะ inc/head-services-debt.php */

.sd-hero-link{display:inline-block;margin-top:16px;font-family:var(--sans-th);font-size:.95rem;font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.sd-hero-link:hover{color:var(--gold-text)}

.sd-feature-sec{padding-block:clamp(8px,2vw,24px) clamp(30px,4.5vw,56px)}
.sd-feature{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(22px,4vw,48px);align-items:center;
  background:var(--grad-navy);border:1px solid var(--line-gold);border-radius:20px;padding:clamp(24px,4vw,48px);box-shadow:0 26px 60px -30px rgba(7,14,28,.7)}
.sd-feature::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 120% at 92% -10%,rgba(184,144,47,.22),transparent 62%)}
.sd-kicker{font-family:var(--sans-th);font-size:.9rem;font-weight:600;color:var(--gold-bright);margin:0 0 10px}
.sd-feature h2{font-family:var(--serif-th);font-size:clamp(1.55rem,1.1rem + 1.6vw,2.25rem);line-height:1.35;color:var(--on-navy);margin:0;text-wrap:balance}
.sd-checks{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.sd-checks li{position:relative;padding-left:32px;font-family:var(--sans-th);color:var(--on-navy-muted);font-size:1rem;line-height:1.6}
.sd-checks li::before{content:"";position:absolute;left:0;top:3px;width:21px;height:21px;border-radius:50%;background:rgba(231,203,128,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E7CB80' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/13px no-repeat}
.sd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.sd-btn-gold{display:inline-flex;align-items:center;gap:9px;background:var(--grad-gold);color:var(--on-gold);font-family:var(--sans-th);font-weight:700;font-size:1rem;padding:14px 24px;border-radius:12px;text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 26px -14px rgba(184,144,47,.9);transition:transform .3s var(--ease,cubic-bezier(.22,.61,.36,1))}
.sd-btn-gold:hover{transform:translateY(-2px);color:var(--on-gold)}
.sd-btn-gold svg{width:18px;height:18px}
.sd-btn-ghost{display:inline-flex;align-items:center;border:1.5px solid rgba(255,255,255,.5);color:#fff;font-family:var(--sans-th);font-weight:600;font-size:1rem;padding:13px 22px;border-radius:12px;text-decoration:none;background:rgba(255,255,255,.05);transition:border-color .2s,color .2s}
.sd-btn-ghost:hover{border-color:var(--gold-bright);color:var(--gold-bright)}
.sd-btn-gold:focus-visible,.sd-btn-ghost:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}

/* กระดาษหนังสือทวงถามย่อส่วน (ตกแต่ง · aria-hidden) */
.sd-letter{margin:0;position:relative;justify-self:center;width:min(100%,330px)}
.sd-paper{display:block;background:#FFFEFA;border-radius:6px;padding:24px 24px 30px;transform:rotate(2.2deg);box-shadow:0 30px 50px -24px rgba(0,0,0,.65),0 2px 0 rgba(0,0,0,.06);font-family:var(--sans-th);color:#2b2f36}
.sd-pl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sd-pl-top img{width:40px;height:40px;object-fit:contain}
.sd-pl-date{width:70px;height:7px;border-radius:4px;background:#e4e0d6}
.sd-pl-subj{font-size:.86rem;font-weight:700;color:var(--navy);margin:0 0 4px}
.sd-pl-to{font-size:.8rem;color:#666;margin:0 0 12px}
.sd-pl-ln{display:block;height:7px;border-radius:4px;background:#ebe7de;margin:9px 0}
.sd-pl-ln.sd-s{width:62%}
.sd-pl-amt{display:inline-block;margin:10px 0 2px;padding:3px 8px;border-radius:4px;background:rgba(231,203,128,.45);font-size:.8rem;font-weight:700;color:#5b4410}
.sd-pl-sign{display:block;width:max-content;margin:18px 0 0 auto;font-size:.72rem;color:#666;border-top:1px solid #cfc8b8;padding-top:5px}
.sd-stamp{position:absolute;left:-14px;bottom:18px;transform:rotate(-12deg);width:86px;height:86px;border-radius:50%;border:2px solid rgba(184,144,47,.9);color:#9a7420;display:grid;place-items:center;text-align:center;font-family:var(--sans-th);font-size:.62rem;font-weight:700;line-height:1.25;background:rgba(255,254,250,.88)}

@media (max-width:860px){.sd-feature{grid-template-columns:1fr}.sd-letter{width:min(100%,280px)}}
@media (max-width:620px){.sd-actions a{width:100%;justify-content:center}}
@media (max-width:560px){.sd-letter{display:none}}
@media (prefers-reduced-motion:reduce){.sd-btn-gold{transition:none}.sd-btn-gold:hover{transform:none}}
