/* ==========================================================================
   admission-details.css — สไตล์เฉพาะหน้า "ระเบียบการรับสมัคร" (admission-details.html)
   ใช้ CSS variables ร่วมกับ css/styles.css กลาง (ไม่แก้ไฟล์กลาง)
   ========================================================================== */

.rd-crumb { font-size: 14px; font-weight: 600; color: rgba(255,255,255,.72); margin-bottom: 14px; }
.rd-crumb a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.rd-crumb a:hover { color: var(--yellow-bright); }

/* ลดพื้นที่ว่างต่อจาก page-hero ให้เหลือครึ่งเดียวของ .section ปกติ (เฉพาะหน้านี้) */
#fees { padding-top: clamp(32px, 4vw, 60px); }

/* กล่องแจ้งเตือน / คำแนะนำ */
.rd-note {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: var(--yellow-tint);
  border: 1px solid var(--yellow-soft);
  border-radius: var(--r-lg);
  padding: 20px 24px;
  margin-bottom: clamp(30px,4vw,44px);
}
.rd-note__ic {
  flex: none; width: 34px; height: 34px; border-radius: 50%;
  background: var(--yellow); color: #2A2200;
  display: grid; place-items: center; font-weight: 800; font-size: 15px;
}
.rd-note p { margin: 0; color: var(--ink); font-size: 15px; line-height: 1.7; }
.rd-note a { color: var(--yellow-deep); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* ตารางค่าใช้จ่าย 2 คอลัมน์ */
.rd-fee-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px,3vw,36px); align-items: start; }
@media (max-width: 860px) { .rd-fee-grid { grid-template-columns: 1fr; } }

.rd-card { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: clamp(22px,2.6vw,30px); box-shadow: var(--sh-sm); }
.rd-card h3 { font-size: 18px; display: flex; align-items: center; gap: 10px; }
.rd-card h3 .tag { font-size: 12px; font-weight: 800; padding: 4px 10px; border-radius: 999px; }
.rd-card + .rd-card { margin-top: 22px; }

.rd-check-list { margin-top: 16px; display: grid; gap: 10px; }
.rd-check-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; color: var(--ink-2); line-height: 1.6; }
.rd-check-list li::before {
  content: "✓"; flex: none; width: 22px; height: 22px; border-radius: 50%;
  background: var(--green-tint); color: var(--green);
  font-size: 12px; font-weight: 800; display: grid; place-items: center; margin-top: 1px;
}

.rd-sub-group + .rd-sub-group { margin-top: 22px; padding-top: 20px; border-top: 1px dashed var(--line-2); }
.rd-sub-group__label { font-size: 13px; font-weight: 800; letter-spacing: .04em; color: var(--yellow-deep); text-transform: uppercase; }
.rd-sub-group .rd-check-list { margin-top: 10px; }
.rd-sub-group .rd-check-list li::before { content: "＋"; background: var(--yellow-tint); color: var(--yellow-deep); }

/* การ์ดสิทธิเบิกกรมบัญชีกลาง */
.rd-subsidy { margin-top: clamp(28px,3.4vw,40px); background: var(--green-tint); border: 1px solid #D6E2D9; border-radius: var(--r-lg); padding: clamp(24px,3vw,34px); }
.rd-subsidy h3 { font-size: 19px; color: var(--green-dark); }
.rd-subsidy p.desc { margin-top: 8px; color: var(--ink-2); font-size: 14.5px; max-width: 62ch; }
.rd-subsidy-grid { margin-top: 20px; display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
@media (max-width: 560px) { .rd-subsidy-grid { grid-template-columns: 1fr; } }
.rd-subsidy-item { background: #fff; border-radius: var(--r); padding: 18px 20px; text-align: center; box-shadow: var(--sh-sm); }
.rd-subsidy-item .amt { font-size: clamp(24px,2.6vw,30px); font-weight: 800; color: var(--green-dark); }
.rd-subsidy-item .amt small { font-size: .5em; font-weight: 700; color: var(--ink-2); }
.rd-subsidy-item .lvl { margin-top: 6px; font-size: 14px; font-weight: 700; color: var(--ink); }

/* เอกสารประกอบการสมัคร */
.rd-doc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px,3vw,36px); }
@media (max-width: 860px) { .rd-doc-grid { grid-template-columns: 1fr; } }
.rd-doc-card { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: clamp(24px,2.8vw,32px); box-shadow: var(--sh-sm); }
.rd-doc-card__level { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 999px; background: var(--blue-tint); color: var(--blue-dark); font-size: 13px; font-weight: 800; }
.rd-doc-card h3 { margin-top: 14px; font-size: 20px; }
.rd-doc-list { margin-top: 18px; display: grid; gap: 12px; counter-reset: rd-doc; }
.rd-doc-list li { display: flex; gap: 12px; font-size: 14.5px; color: var(--ink-2); line-height: 1.65; }
.rd-doc-list li::before {
  counter-increment: rd-doc; content: counter(rd-doc);
  flex: none; width: 24px; height: 24px; border-radius: 50%;
  background: var(--blue-tint); color: var(--blue-dark); font-weight: 800; font-size: 12.5px;
  display: grid; place-items: center; margin-top: 1px;
}
.rd-doc-list li b { color: var(--ink); }
.rd-doc-card__foot { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--line-2); font-size: 13.5px; color: var(--ink-3); }

.rd-final-note { margin-top: clamp(28px,3.4vw,40px); text-align: center; font-size: 15px; font-weight: 700; color: var(--yellow-deep); }