/* หน้างานที่จบแล้ว: ป้ายสถานะในหัวหน้า + ส่วนประมวลงาน · ใช้สี/ฟอนต์ของเว็บงานเดิม (--navy --blue --yel-b …) */
.past-badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:26px;padding:12px 18px;border-radius:14px;background:var(--soft);border:1px solid var(--line);font:500 15px/1.4 var(--body)}
.past-badge b{display:inline-flex;align-items:center;gap:10px}.past-badge .dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--yel-b);box-shadow:0 0 0 4px rgba(242,176,27,.2)}
.past-badge b{font:700 15px/1.4 var(--th);color:var(--navy)}
.past-badge span:last-child{color:var(--muted)}
.hero .cta-row{margin-top:18px}
.rc{border-bottom:1px solid var(--line)}
.rc-block{margin-top:44px}
.rc-block h3{font:700 22px/1.3 var(--th);color:var(--navy);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.rc-block h3::before{content:"";width:28px;height:4px;border-radius:2px;background:var(--yel-b)}
.rc-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-block:1px solid var(--line)}
.rc-nums div{padding:22px 20px;display:flex;flex-direction:column;gap:6px}
.rc-nums div+div{border-left:1px solid var(--line)}
.rc-nums b{font:800 44px/1 "Montserrat",sans-serif;color:var(--navy);font-variant-numeric:tabular-nums}
.rc-nums span{color:var(--muted);font-size:14px}
.rc-take{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rc-take div{background:var(--soft);padding:22px 24px;border-radius:4px}
.rc-take h4{font:700 18px/1.35 var(--th);color:var(--navy);margin-bottom:6px}
.rc-take p,.rc-case{color:var(--muted)}
.rc-case{max-width:820px;border-left:3px solid var(--blue);padding-left:16px}
.rc-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rc-photos figure.ft{grid-column:1/-1}.rc-photos figure.ft img{aspect-ratio:auto;max-height:620px}
.rc-photos figure{margin:0}.rc-photos img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.rc-photos figcaption{font-size:13px;color:var(--muted);margin-top:4px}
.rc-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.rc-quotes blockquote{margin:0;padding:22px 24px;border-left:4px solid var(--pink-b);background:var(--soft)}
.rc-quotes p{font:600 18px/1.5 var(--th);color:var(--ink)}.rc-quotes cite{display:block;margin-top:10px;font-style:normal;color:var(--muted);font-size:14px}
.rc-next{list-style:none;display:grid;gap:10px;max-width:820px;padding:0}
.rc-next li{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border:1px solid var(--line);border-radius:4px}
.rc-next b{color:var(--navy);font:700 16px/1.4 var(--th)}.rc-next span{color:var(--muted);font-size:15px}
.rc-next a{color:var(--blue);font-weight:600;text-decoration:none}.rc-next a:hover{text-decoration:underline}
@media (max-width:560px){.rc-photos{grid-template-columns:1fr}}
@media (max-width:720px){.rc-take{grid-template-columns:1fr}.rc-nums b{font-size:36px}.rc-nums div+div{border-left:0;border-top:1px solid var(--line)}}
/* จอแคบมาก (≤ 360px): การ์ดไฮไลต์ในกำหนดการกว้างเกินคอลัมน์ 12px (มีมาตั้งแต่เว็บเดิม) → ให้คอลัมน์เนื้อหาหดได้ */
.pr{grid-template-columns:80px 26px minmax(0,1fr)}
@media (max-width:420px){.pr{grid-template-columns:54px 22px minmax(0,1fr)}.pr .card{padding:18px 18px;overflow-wrap:break-word}}
