/* =============================================
   ZIGMA-RO Shared Card Grid (News + Docs)
   ใช้ grid เดียวกันทั้งเว็บ (news + docs)
   ============================================= */

:root {
  --page-max: 1600px;
  --page-pad-x: 16px;
  --page-pad-y: 24px;
  --grid-gap: 18px;
}

/* คุมความกว้างหน้าให้เหมือนกันทุกหน้า */
.page-wrap {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: var(--page-pad-y) var(--page-pad-x);
}

/* Grid กลางสำหรับการ์ด */
.card-grid {
  display: grid;
  gap: var(--grid-gap);
  align-items: start;
}

/* กัน child ล้นกรอบเวลา title/excerpt ยาว */
.card-grid > * {
  min-width: 0;
}

/* ===== Desktop default: 5 ต่อแถว ===== */
.card-grid--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* ===== Breakpoints (ใช้ชุดเดียวกันทั้ง News + Docs) ===== */
@media (max-width: 1600px) {
  .card-grid--5 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1200px) {
  .card-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .card-grid--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .card-grid--5 { grid-template-columns: 1fr; }
}

/* ทำให้หน้า docs-category ไม่โดน layout แบบ sidebar */
.page-wrap.docs-page { 
  display: block !important; 
}

/* ครอบความกว้างแบบเดียวกับกรอบการ์ด */
.docs-container{
  max-width: 1600px;
  margin: 0 auto;
}

/* แถวบนสุด */
.docs-topbar{
  margin: 0 0 10px 0;
}

/* ลิงก์กลับ ไม่ม่วง ไม่ขีด */
.docs-back-link,
.docs-back-link:visited{
  color:#7dd3fc;
  text-decoration:none;
  font-weight:500;
}
.docs-back-link:hover{ color:#38bdf8; }

/* หัวหมวดเป็นกล่องเหมือนเดิม */
.docs-category-header{
  margin: 0 0 22px 0;
  padding: 18px 22px;
  border-radius: 16px;
  background: rgba(255,255,255,0.03);
  border: 1px dashed rgba(255,255,255,0.08);
}

.docs-back-link:hover {
  color: #38bdf8;
}