/**
 * Module CSS: 30-areas.css
 * Trích nguyên văn dòng 1480-1502 của pctech-homepage.css gốc.
 * Không đổi nội dung — chỉ tách file theo đúng marker sẵn có trong code gốc.
 */
    /* ── Areas ── */
    .areas-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }
    .area-card {
      background: var(--white);
      border: 2px solid var(--gray-200);
      border-radius: var(--radius-sm);
      padding: 24px;
      text-align: center;
      transition: border-color 0.3s, transform 0.3s;
      cursor: pointer;
    }
    .area-card:hover {
      border-color: var(--orange);
      transform: scale(1.03);
    }
    .area-card .pin { font-size: 1.8rem; margin-bottom: 8px; }
    .area-card h4 { font-weight: 700; color: var(--blue-dark); }
    .area-card p { font-size: 0.82rem; color: var(--gray-500); margin-top: 4px; }